@react-spectrum/radio 3.1.1 → 3.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -1
- package/dist/main.css.map +1 -1
- package/dist/main.js +7 -11
- package/dist/main.js.map +1 -1
- package/dist/module.js +7 -11
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/Radio.tsx +1 -2
- package/src/RadioGroup.tsx +0 -5
- package/src/context.ts +0 -3
package/dist/main.css
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
[dir=ltr] ._spectrum-Radio_db05c{margin-right:calc(var(--spectrum-global-dimension-size-100) * 2)}[dir=rtl] ._spectrum-Radio_db05c{margin-left:calc(var(--spectrum-global-dimension-size-100) * 2)}._spectrum-Radio_db05c{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;position:relative;min-height:var(--spectrum-global-dimension-size-400);max-width:100%;vertical-align:top;isolation:isolate}[dir=ltr] ._spectrum-Radio-input_db05c{left:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=rtl] ._spectrum-Radio-input_db05c{right:calc(var(--spectrum-global-dimension-size-100) * -1)}._spectrum-Radio-input_db05c{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;box-sizing:border-box;padding:0;position:absolute;top:0;width:calc(100% + var(--spectrum-global-dimension-size-100) * 2);height:100%;opacity:.0001;z-index:1;cursor:default}._spectrum-Radio-input_db05c:disabled{cursor:default}._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-width:calc(var(--spectrum-global-dimension-size-175) / 2 - var(--spectrum-global-dimension-static-size-50, 4px) / 2)}._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1)}[dir=ltr] ._spectrum-Radio-label_db05c{text-align:left}[dir=rtl] ._spectrum-Radio-label_db05c{text-align:right}[dir=ltr] ._spectrum-Radio-label_db05c{margin-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] ._spectrum-Radio-label_db05c{margin-right:var(--spectrum-global-dimension-size-125)}._spectrum-Radio-label_db05c{margin-top:var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:1.49;transition:color .13s ease-in-out}._spectrum-Radio-button_db05c{position:relative;margin:calc((var(--spectrum-global-dimension-size-400) - var(--spectrum-global-dimension-size-175)) / 2) 0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}._spectrum-Radio-button_db05c,._spectrum-Radio-button_db05c:before{box-sizing:border-box;width:var(--spectrum-global-dimension-size-175);height:var(--spectrum-global-dimension-size-175)}._spectrum-Radio-button_db05c:before{display:block;z-index:0;content:"";position:absolute;border-radius:calc(var(--spectrum-global-dimension-size-175) / 2);border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-style:solid;transition:border .13s ease-in-out,box-shadow .13s ease-in-out}._spectrum-Radio-button_db05c:after{border-radius:100%;content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:var(--spectrum-global-dimension-static-size-25,2px);transform:translateX(0);transition:box-shadow .13s ease-out,margin .13s ease-out}._spectrum-Radio--labelBelow_db05c{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:auto}._spectrum-Radio--labelBelow_db05c ._spectrum-Radio-button_db05c{-ms-flex-negative:0;flex-shrink:0;margin:0}._spectrum-Radio--labelBelow_db05c ._spectrum-Radio-label_db05c{margin:var(--spectrum-global-dimension-size-40) 0 0 0}._spectrum-Radio_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-500)}._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-Radio-button_db05c:before{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-global-color-gray-600)}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-700);box-shadow:none}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-600)}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Radio_db05c:active ._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-Radio_db05c:active ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-700)}._spectrum-Radio_db05c:active ._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-600)}._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-Radio--quiet_db05c:active ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-900)}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-500)}._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-label_db05c,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-label_db05c{color:var(--spectrum-global-color-red-500)}._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-600)}._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-label_db05c,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-label_db05c{color:var(--spectrum-global-color-red-600)}._spectrum-Radio--quiet_db05c._is-invalid_db05c:active ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c:active ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-700)}._spectrum-Radio--quiet_db05c._is-invalid_db05c:active ._spectrum-Radio-label_db05c,._spectrum-Radio_db05c._is-invalid_db05c:active ._spectrum-Radio-label_db05c{color:var(--spectrum-global-color-red-700)}._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-600)}._spectrum-Radio-input_db05c:disabled+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-400)!important}._spectrum-Radio-input_db05c:disabled~._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))!important}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after,._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after,._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after,._spectrum-Radio_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}[dir=ltr] ._spectrum-FieldLabel_36b9b{text-align:left}[dir=rtl] ._spectrum-FieldLabel_36b9b{text-align:right}._spectrum-FieldLabel_36b9b{display:-ms-flexbox;display:flex;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-50) 0 var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-global-dimension-font-size-75);font-weight:var(--spectrum-global-font-weight-regular,400);line-height:var(--spectrum-global-font-line-height-small,1.3);vertical-align:top;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;cursor:default}[dir=ltr] ._spectrum-FieldLabel--positionSide_36b9b{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-FieldLabel--positionSide_36b9b{padding-left:var(--spectrum-global-dimension-size-100)}._spectrum-FieldLabel--positionSide_36b9b{display:-ms-inline-flexbox;display:inline-flex;padding-top:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-right:0}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-left:0}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-left:var(--spectrum-global-dimension-size-25)}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-right:var(--spectrum-global-dimension-size-25)}._spectrum-FieldLabel-requiredIcon_36b9b{margin-top:var(--spectrum-global-dimension-size-50);margin-bottom:0}[dir=ltr] ._spectrum-FieldLabel--alignEnd_36b9b{text-align:right}[dir=rtl] ._spectrum-FieldLabel--alignEnd_36b9b{text-align:left}._spectrum-FieldLabel--alignEnd_36b9b{-ms-flex-pack:end;justify-content:flex-end}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b{display:inline-block;width:var(--spectrum-global-dimension-size-2400)}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b ._spectrum-Field-field_36b9b{width:100%}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b ._spectrum-Field-field_36b9b{-ms-flex:1;flex:1}[dir=ltr] ._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{text-align:left}[dir=rtl] ._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{text-align:right}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{display:table;border-collapse:initial;border-spacing:0 var(--spectrum-global-dimension-size-300);margin:calc(var(--spectrum-global-dimension-size-250) * -1) 0}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-Field_36b9b{display:table-row;width:100%}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-FieldLabel_36b9b{display:table-cell}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-Field-field_36b9b{display:table-cell;width:auto;min-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Form_36b9b._spectrum-Form--positionTop_36b9b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;min-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Form_36b9b._spectrum-Form--positionTop_36b9b>*{margin-top:var(--spectrum-global-dimension-size-100);width:100%}._spectrum-FieldLabel_36b9b,._spectrum-Form-itemLabel_36b9b{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}._spectrum-FieldLabel_36b9b._is-disabled_36b9b,._spectrum-FieldLabel_36b9b._is-disabled_36b9b ._spectrum-FieldLabel-requiredIcon_36b9b,._spectrum-Form-itemLabel_36b9b._is-disabled_36b9b,._spectrum-Form-itemLabel_36b9b._is-disabled_36b9b ._spectrum-FieldLabel-requiredIcon_36b9b{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-FieldLabel-requiredIcon_36b9b{color:var(--spectrum-global-color-gray-600)}._spectrum-FieldGroup_8cb9b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}._spectrum-FieldGroup--positionSide_8cb9b{-ms-flex-direction:row;flex-direction:row}._spectrum-FieldGroup-group_8cb9b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}._spectrum-FieldGroup-group--horizontal_8cb9b{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
1
|
+
[dir=ltr] ._spectrum-Radio_db05c{margin-right:calc(var(--spectrum-global-dimension-size-100) * 2)}[dir=rtl] ._spectrum-Radio_db05c{margin-left:calc(var(--spectrum-global-dimension-size-100) * 2)}._spectrum-Radio_db05c{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;position:relative;min-height:var(--spectrum-global-dimension-size-400);max-width:100%;vertical-align:top;isolation:isolate}[dir=ltr] ._spectrum-Radio-input_db05c{left:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=rtl] ._spectrum-Radio-input_db05c{right:calc(var(--spectrum-global-dimension-size-100) * -1)}._spectrum-Radio-input_db05c{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;box-sizing:border-box;padding:0;position:absolute;top:0;width:calc(100% + var(--spectrum-global-dimension-size-100) * 2);height:100%;opacity:.0001;z-index:1;cursor:default}._spectrum-Radio-input_db05c:disabled{cursor:default}._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-width:calc(var(--spectrum-global-dimension-size-175) / 2 - var(--spectrum-global-dimension-static-size-50, 4px) / 2)}._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1)}[dir=ltr] ._spectrum-Radio-label_db05c{text-align:left}[dir=rtl] ._spectrum-Radio-label_db05c{text-align:right}[dir=ltr] ._spectrum-Radio-label_db05c{margin-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] ._spectrum-Radio-label_db05c{margin-right:var(--spectrum-global-dimension-size-125)}._spectrum-Radio-label_db05c{margin-top:var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:1.49;transition:color .13s ease-in-out}._spectrum-Radio-button_db05c{position:relative;margin:calc((var(--spectrum-global-dimension-size-400) - var(--spectrum-global-dimension-size-175)) / 2) 0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}._spectrum-Radio-button_db05c,._spectrum-Radio-button_db05c:before{box-sizing:border-box;width:var(--spectrum-global-dimension-size-175);height:var(--spectrum-global-dimension-size-175)}._spectrum-Radio-button_db05c:before{display:block;z-index:0;content:"";position:absolute;border-radius:calc(var(--spectrum-global-dimension-size-175) / 2);border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-style:solid;transition:border .13s ease-in-out,box-shadow .13s ease-in-out}._spectrum-Radio-button_db05c:after{border-radius:100%;content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:var(--spectrum-global-dimension-static-size-25,2px);transform:translateX(0);transition:box-shadow .13s ease-out,margin .13s ease-out}._spectrum-Radio--labelBelow_db05c{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:auto}._spectrum-Radio--labelBelow_db05c ._spectrum-Radio-button_db05c{-ms-flex-negative:0;flex-shrink:0;margin:0}._spectrum-Radio--labelBelow_db05c ._spectrum-Radio-label_db05c{margin:var(--spectrum-global-dimension-size-40) 0 0 0}._spectrum-Radio_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-500)}._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-Radio-button_db05c:before{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-global-color-gray-600)}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-700);box-shadow:none}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-600)}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Radio_db05c:active ._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-Radio_db05c:active ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-700)}._spectrum-Radio_db05c:active ._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-blue-600)}._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-Radio--quiet_db05c:active ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-900)}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c:checked+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-500)}._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-label_db05c,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-label_db05c{color:var(--spectrum-global-color-red-500)}._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-600)}._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-label_db05c,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-label_db05c{color:var(--spectrum-global-color-red-600)}._spectrum-Radio--quiet_db05c._is-invalid_db05c:active ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c:active ._spectrum-Radio-input_db05c+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-700)}._spectrum-Radio--quiet_db05c._is-invalid_db05c:active ._spectrum-Radio-label_db05c,._spectrum-Radio_db05c._is-invalid_db05c:active ._spectrum-Radio-label_db05c{color:var(--spectrum-global-color-red-700)}._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:checked+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-invalid_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-red-600)}._spectrum-Radio-input_db05c:disabled+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-400)!important}._spectrum-Radio-input_db05c:disabled~._spectrum-Radio-label_db05c{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))!important}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before,._spectrum-Radio_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c:not(:checked)+._spectrum-Radio-button_db05c:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-Radio--quiet_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after,._spectrum-Radio--quiet_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after,._spectrum-Radio_db05c._is-hovered_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after,._spectrum-Radio_db05c ._spectrum-Radio-input_db05c._focus-ring_db05c+._spectrum-Radio-button_db05c:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}[dir=ltr] ._spectrum-FieldLabel_36b9b{text-align:left}[dir=rtl] ._spectrum-FieldLabel_36b9b{text-align:right}._spectrum-FieldLabel_36b9b{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-50) 0 var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-global-dimension-font-size-75);font-weight:var(--spectrum-global-font-weight-regular,400);line-height:var(--spectrum-global-font-line-height-small,1.3);vertical-align:top;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;cursor:default}[dir=ltr] ._spectrum-FieldLabel--positionSide_36b9b{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-FieldLabel--positionSide_36b9b{padding-left:var(--spectrum-global-dimension-size-100)}._spectrum-FieldLabel--positionSide_36b9b{display:-ms-inline-flexbox;display:inline-flex;padding-top:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-right:0}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-left:0}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-left:var(--spectrum-global-dimension-size-25)}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-right:var(--spectrum-global-dimension-size-25)}._spectrum-FieldLabel-requiredIcon_36b9b{margin-top:var(--spectrum-global-dimension-size-50);margin-bottom:0}[dir=ltr] ._spectrum-FieldLabel--alignEnd_36b9b{text-align:right}[dir=rtl] ._spectrum-FieldLabel--alignEnd_36b9b{text-align:left}._spectrum-FieldLabel--alignEnd_36b9b{-ms-flex-pack:end;justify-content:flex-end}._spectrum-Field_36b9b{--spectrum-field-default-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;width:var(--spectrum-field-default-width)}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b ._spectrum-Field-field_36b9b{width:100%}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b ._spectrum-Field-field--multiline_36b9b{-ms-flex:1 1 auto;flex:1 1 auto}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b ._spectrum-Field-wrapper_36b9b{-ms-flex:1;flex:1;min-width:0;width:var(--spectrum-field-default-width)}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b ._spectrum-Field-wrapper_36b9b ._spectrum-Field-field_36b9b{width:100%}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b ._spectrum-Field-field_36b9b{-ms-flex:1;flex:1;min-width:0}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b ._spectrum-Field-field--multiline_36b9b{height:100%}[dir=ltr] ._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{text-align:left}[dir=rtl] ._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{text-align:right}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{display:table;border-collapse:initial;border-spacing:0 var(--spectrum-global-dimension-size-300);margin:calc(var(--spectrum-global-dimension-size-250) * -1) 0}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-Field_36b9b{display:table-row;width:100%}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-FieldLabel_36b9b{display:table-cell}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-Field-wrapper_36b9b{width:100%}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-Field-field_36b9b{display:table-cell;width:auto;min-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Form_36b9b._spectrum-Form--positionTop_36b9b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;min-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Form_36b9b._spectrum-Form--positionTop_36b9b>*{margin-top:var(--spectrum-global-dimension-size-100);width:100%}._spectrum-FieldLabel_36b9b,._spectrum-Form-itemLabel_36b9b{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}._spectrum-FieldLabel_36b9b._is-disabled_36b9b,._spectrum-FieldLabel_36b9b._is-disabled_36b9b ._spectrum-FieldLabel-requiredIcon_36b9b,._spectrum-Form-itemLabel_36b9b._is-disabled_36b9b,._spectrum-Form-itemLabel_36b9b._is-disabled_36b9b ._spectrum-FieldLabel-requiredIcon_36b9b{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-FieldLabel-requiredIcon_36b9b{color:var(--spectrum-global-color-gray-600)}._spectrum-FieldGroup_8cb9b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}._spectrum-FieldGroup--positionSide_8cb9b{-ms-flex-direction:row;flex-direction:row}._spectrum-FieldGroup-group_8cb9b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}._spectrum-FieldGroup-group--horizontal_8cb9b{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
2
2
|
/*# sourceMappingURL=main.css.map */
|
package/dist/main.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["./node_modules/@adobe/spectrum-css-temp/components/radio/index.css","./node_modules/@adobe/spectrum-css-temp/components/radio/skin.css","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/index.css","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/skin.css","./node_modules/@adobe/spectrum-css-temp/components/fieldgroup/index.css"],"sourcesContent":["/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n --spectrum-radio-radius: calc(var(--spectrum-radio-circle-diameter) / 2);\n --spectrum-radio-border-width-checked: calc(calc(var(--spectrum-radio-circle-diameter) / 2) - calc(var(--spectrum-radio-circle-dot-size) / 2));\n\n --spectrum-radio-labelbelow-label-margin: var(--spectrum-global-dimension-size-40) 0 0 0;\n --spectrum-radio-labelbelow-height: auto;\n\n /* Hardcoded for wrapping study.\n Will be a DNA token in https://jira.corp.adobe.com/browse/SDS-4466 */\n --spectrum-radio-label-margin-top: var(--spectrum-global-dimension-size-65);\n\n /* Fix for inconsistent line-height between browsers that would push the label 1px below the intended baseline */\n /* more info: https://stackoverflow.com/questions/47700568/css-fonts-render-differently-in-firefox-and-chrome */\n --spectrum-radio-label-line-height: 1.49;\n}\n\n.spectrum-Radio {\n display: inline-flex;\n align-items: flex-start;\n\n position: relative;\n\n min-block-size: var(--spectrum-radio-height);\n max-inline-size: 100%;\n\n margin-inline-end: calc(var(--spectrum-radio-cursor-hit-x) * 2);\n\n vertical-align: top;\n\n isolation: isolate;\n}\n\n.spectrum-Radio-input {\n /* Change the font styles in all browsers for input. */\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n\n /* Remove the margin for input in Firefox and Safari. */\n margin: 0;\n\n /* Show the overflow for input in Edge. */\n overflow: visible;\n\n /* Add the correct box sizing for [type=\"radio\"] in IE 10-. */\n box-sizing: border-box;\n\n /* Remove the padding for [type=\"radio\"] in IE 10-. */\n padding: 0;\n\n /* Hit area */\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: calc(var(--spectrum-radio-cursor-hit-x) * -1);\n inline-size: calc(100% + var(--spectrum-radio-cursor-hit-x) * 2);\n block-size: 100%;\n\n opacity: .0001;\n z-index: 1;\n\n cursor: default;\n\n &:disabled {\n cursor: default;\n }\n\n &:checked + .spectrum-Radio-button {\n &:before {\n border-width: var(--spectrum-radio-border-width-checked);\n }\n }\n\n &:focus-ring {\n + .spectrum-Radio-button {\n &:after {\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n }\n }\n }\n}\n\n.spectrum-Radio-label {\n text-align: start;\n margin-inline-start: var(--spectrum-radio-text-gap);\n /* Hardcoded as no good way to calculate this */\n margin-block-start: var(--spectrum-radio-label-margin-top);\n font-size: var(--spectrum-radio-text-size);\n line-height: var(--spectrum-radio-label-line-height);\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n}\n\n.spectrum-Radio-button {\n position: relative;\n box-sizing: border-box;\n inline-size: var(--spectrum-radio-circle-diameter);\n block-size: var(--spectrum-radio-circle-diameter);\n\n /* Fix vertical alignment when not wrapping since we're flex-start */\n margin: calc((var(--spectrum-radio-height) - var(--spectrum-radio-circle-diameter)) / 2) 0;\n\n flex-grow: 0;\n flex-shrink: 0;\n &:before {\n display: block;\n z-index: 0;\n content: '';\n box-sizing: border-box;\n position: absolute;\n\n width: var(--spectrum-radio-circle-diameter);\n height: var(--spectrum-radio-circle-diameter);\n\n border-radius: var(--spectrum-radio-radius);\n border-width: var(--spectrum-radio-circle-border-size);\n border-style: solid;\n\n transition: border var(--spectrum-global-animation-duration-100) ease-in-out,\n box-shadow var(--spectrum-global-animation-duration-100) ease-in-out;\n }\n\n &:after {\n border-radius: 100%;\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n margin: var(--spectrum-alias-focus-ring-gap);\n transform: translateX(0); /* Forces FF to render on the pixel grid */\n\n transition: box-shadow var(--spectrum-global-animation-duration-100) ease-out,\n margin var(--spectrum-global-animation-duration-100) ease-out;\n }\n}\n\n.spectrum-Radio--labelBelow {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n block-size: var(--spectrum-radio-labelbelow-height);\n\n .spectrum-Radio-button {\n flex-shrink: 0;\n\n margin: 0;\n }\n\n .spectrum-Radio-label {\n margin: var(--spectrum-radio-labelbelow-label-margin);\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n:root {\n /* todo: fix in DNA */\n --spectrum-radio-emphasized-circle-border-color-selected-key-focus: var(--spectrum-radio-emphasized-circle-border-color-selected-hover);\n\n}\n\n.spectrum-Radio .spectrum-Radio-input {\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected);\n }\n }\n}\n\n.spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color);\n}\n\n.spectrum-Radio-button {\n &:before {\n background-color: var(--spectrum-radio-emphasized-circle-background-color);\n border-color: var(--spectrum-radio-emphasized-circle-border-color);\n }\n}\n\n.spectrum-Radio {\n &:hover {\n .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-hover);\n box-shadow: none;\n }\n }\n\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover);\n }\n }\n\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color-hover);\n }\n }\n\n &:active {\n .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-down);\n }\n }\n\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-down);\n }\n }\n\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color-down);\n }\n }\n & .spectrum-Radio-input:focus-ring,\n &:hover .spectrum-Radio-input:focus-ring {\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-key-focus);\n }\n }\n }\n}\n\n.spectrum-Radio--quiet {\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected);\n }\n }\n &:hover {\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected-hover);\n }\n }\n }\n &:active {\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected-down);\n }\n }\n }\n & .spectrum-Radio-input:focus-ring,\n &:hover .spectrum-Radio-input:focus-ring {\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected-key-focus);\n }\n }\n }\n}\n\n\n.spectrum-Radio, .spectrum-Radio--quiet {\n &.is-invalid {\n .spectrum-Radio-button,\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-error);\n }\n }\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-circle-border-color-error);\n }\n }\n &.is-invalid:hover {\n .spectrum-Radio-input + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-error-hover);\n }\n }\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-circle-border-color-error-hover);\n }\n }\n &.is-invalid:active {\n .spectrum-Radio-input + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-error-down);\n }\n }\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-circle-border-color-error-down);\n }\n }\n &.is-invalid .spectrum-Radio-input:focus-ring,\n &.is-invalid:hover .spectrum-Radio-input:focus-ring {\n &:not(:checked) + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-circle-border-color-error-key-focus);\n }\n }\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-circle-border-color-error-selected-key-focus);\n }\n }\n }\n}\n\n.spectrum-Radio-input {\n &:disabled + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-disabled) !important;\n }\n }\n\n &:disabled ~ .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color-disabled) !important;\n }\n}\n\n/* Focus Overrides all */\n/* Removed :before so that border-color isn't overwritten by keyboard focus */\n.spectrum-Radio,\n.spectrum-Radio--quiet {\n & .spectrum-Radio-input:focus-ring,\n &:hover .spectrum-Radio-input:focus-ring {\n &:not(:checked) + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-circle-border-color-key-focus);\n }\n }\n & + .spectrum-Radio-button {\n &:after {\n box-shadow: 0 0 0 var(--spectrum-radio-focus-ring-size-key-focus) var(--spectrum-radio-focus-ring-color-key-focus);\n }\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n --spectrum-tableform-border-spacing: 0 var(--spectrum-global-dimension-size-300);\n --spectrum-tableform-margin: calc(var(--spectrum-global-dimension-size-250) * -1) 0;\n --spectrum-fieldlabel-margin: var(--spectrum-global-dimension-size-100);\n}\n\n.spectrum-FieldLabel {\n display: flex;\n\n box-sizing: border-box;\n\n padding: var(--spectrum-fieldlabel-padding-top) 0 var(--spectrum-fieldlabel-padding-bottom);\n\n font-size: var(--spectrum-fieldlabel-text-size);\n font-weight: var(--spectrum-fieldlabel-text-font-weight);\n line-height: var(--spectrum-fieldlabel-text-line-height);\n\n vertical-align: top;\n\n -webkit-font-smoothing: subpixel-antialiased;\n -moz-osx-font-smoothing: auto;\n font-smoothing: subpixel-antialiased;\n text-align: start;\n\n cursor: default; /* match native labels even if not using a <label> element */\n}\n\n.spectrum-FieldLabel--positionSide {\n display: inline-flex;\n padding-top: var(--spectrum-fieldlabel-side-padding-top);\n padding-inline-end: var(--spectrum-fieldlabel-side-padding-x);\n}\n\n.spectrum-FieldLabel-requiredIcon {\n margin-top: var(--spectrum-fieldlabel-asterisk-margin-y);\n margin-inline-end: 0;\n margin-bottom: 0;\n margin-inline-start: var(--spectrum-fieldlabel-asterisk-gap);\n}\n\n.spectrum-FieldLabel--alignEnd {\n justify-content: flex-end; /* labelPosition=top case */\n text-align: end; /* labelPosition=side case */\n}\n\n/* A Field is a wrapper for a FieldLabel and a field component (e.g. textfield).\n * By default, labels are placed above the field. Fields have a default width, and the\n * label will wrap within this width. The width of the whole field can be overridden by the user,\n * and this causes both the label and inner field to resize as well. */\n.spectrum-Field {\n &.spectrum-Field--positionTop {\n display: inline-block;\n width: var(--spectrum-component-single-line-width);\n\n .spectrum-Field-field {\n /* If the user overrides the width of the field, propagate to the inner component */\n width: 100%;\n }\n }\n\n /* The side label variant of Field is inline, and fills as much space as needed\n * by default. If an explicit width is set, then the field flexes to fill available space. */\n &.spectrum-Field--positionSide {\n display: inline-flex;\n align-items: flex-start;\n\n .spectrum-Field-field {\n flex: 1;\n }\n }\n}\n\n/* topdoc\n{{ form/index.yml }}\n*/\n\n.spectrum-Form {\n /* With labelPosition=side, we override field layout to use a CSS table\n * so that all the labels and fields line up automatically. */\n &.spectrum-Form--positionSide {\n display: table;\n border-collapse: separate;\n border-spacing: var(--spectrum-tableform-border-spacing);\n margin: var(--spectrum-tableform-margin);\n text-align: start;\n\n .spectrum-Field {\n display: table-row;\n width: 100%;\n }\n\n .spectrum-FieldLabel {\n display: table-cell;\n }\n\n .spectrum-Field-field {\n display: table-cell;\n width: auto;\n min-width: var(--spectrum-component-single-line-width);\n }\n }\n\n /* With labelPosition=top, we use a normal flex stack */\n &.spectrum-Form--positionTop {\n display: flex;\n flex-direction: column;\n margin: 0;\n min-width: var(--spectrum-component-single-line-width);\n\n /* Users may want to make multiple fields appear next to each other.\n * We want to ensure that all items inside the form get the proper\n * margin and widths applied, even if wrapped in extra divs for example. */\n > * {\n margin-top: var(--spectrum-fieldlabel-margin);\n width: 100%;\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-FieldLabel,\n.spectrum-Form-itemLabel {\n color: var(--spectrum-fieldlabel-text-color);\n\n &.is-disabled {\n color: var(--spectrum-fieldlabel-text-color-disabled);\n\n .spectrum-FieldLabel-requiredIcon {\n color: var(--spectrum-fieldlabel-asterisk-color-disabled);\n }\n }\n}\n.spectrum-FieldLabel-requiredIcon {\n color: var(--spectrum-fieldlabel-asterisk-color);\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n.spectrum-FieldGroup {\n display: flex;\n flex-direction: column;\n}\n\n.spectrum-FieldGroup--positionSide {\n flex-direction: row;\n}\n\n.spectrum-FieldGroup-group {\n display: flex;\n flex-direction: column;\n}\n\n.spectrum-FieldGroup-group--horizontal {\n /* horizontal radio groups should wrap if there isn't enough space */\n flex-direction: row;\n flex-wrap: wrap;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|
1
|
+
{"mappings":"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","sources":["./node_modules/@adobe/spectrum-css-temp/components/radio/index.css","./node_modules/@adobe/spectrum-css-temp/components/radio/skin.css","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/index.css","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/skin.css","./node_modules/@adobe/spectrum-css-temp/components/fieldgroup/index.css"],"sourcesContent":["/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n --spectrum-radio-radius: calc(var(--spectrum-radio-circle-diameter) / 2);\n --spectrum-radio-border-width-checked: calc(calc(var(--spectrum-radio-circle-diameter) / 2) - calc(var(--spectrum-radio-circle-dot-size) / 2));\n\n --spectrum-radio-labelbelow-label-margin: var(--spectrum-global-dimension-size-40) 0 0 0;\n --spectrum-radio-labelbelow-height: auto;\n\n /* Hardcoded for wrapping study.\n Will be a DNA token in https://jira.corp.adobe.com/browse/SDS-4466 */\n --spectrum-radio-label-margin-top: var(--spectrum-global-dimension-size-65);\n\n /* Fix for inconsistent line-height between browsers that would push the label 1px below the intended baseline */\n /* more info: https://stackoverflow.com/questions/47700568/css-fonts-render-differently-in-firefox-and-chrome */\n --spectrum-radio-label-line-height: 1.49;\n}\n\n.spectrum-Radio {\n display: inline-flex;\n align-items: flex-start;\n\n position: relative;\n\n min-block-size: var(--spectrum-radio-height);\n max-inline-size: 100%;\n\n margin-inline-end: calc(var(--spectrum-radio-cursor-hit-x) * 2);\n\n vertical-align: top;\n\n isolation: isolate;\n}\n\n.spectrum-Radio-input {\n /* Change the font styles in all browsers for input. */\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n\n /* Remove the margin for input in Firefox and Safari. */\n margin: 0;\n\n /* Show the overflow for input in Edge. */\n overflow: visible;\n\n /* Add the correct box sizing for [type=\"radio\"] in IE 10-. */\n box-sizing: border-box;\n\n /* Remove the padding for [type=\"radio\"] in IE 10-. */\n padding: 0;\n\n /* Hit area */\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: calc(var(--spectrum-radio-cursor-hit-x) * -1);\n inline-size: calc(100% + var(--spectrum-radio-cursor-hit-x) * 2);\n block-size: 100%;\n\n opacity: .0001;\n z-index: 1;\n\n cursor: default;\n\n &:disabled {\n cursor: default;\n }\n\n &:checked + .spectrum-Radio-button {\n &:before {\n border-width: var(--spectrum-radio-border-width-checked);\n }\n }\n\n &:focus-ring {\n + .spectrum-Radio-button {\n &:after {\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n }\n }\n }\n}\n\n.spectrum-Radio-label {\n text-align: start;\n margin-inline-start: var(--spectrum-radio-text-gap);\n /* Hardcoded as no good way to calculate this */\n margin-block-start: var(--spectrum-radio-label-margin-top);\n font-size: var(--spectrum-radio-text-size);\n line-height: var(--spectrum-radio-label-line-height);\n transition: color var(--spectrum-global-animation-duration-100) ease-in-out;\n}\n\n.spectrum-Radio-button {\n position: relative;\n box-sizing: border-box;\n inline-size: var(--spectrum-radio-circle-diameter);\n block-size: var(--spectrum-radio-circle-diameter);\n\n /* Fix vertical alignment when not wrapping since we're flex-start */\n margin: calc((var(--spectrum-radio-height) - var(--spectrum-radio-circle-diameter)) / 2) 0;\n\n flex-grow: 0;\n flex-shrink: 0;\n &:before {\n display: block;\n z-index: 0;\n content: '';\n box-sizing: border-box;\n position: absolute;\n\n width: var(--spectrum-radio-circle-diameter);\n height: var(--spectrum-radio-circle-diameter);\n\n border-radius: var(--spectrum-radio-radius);\n border-width: var(--spectrum-radio-circle-border-size);\n border-style: solid;\n\n transition: border var(--spectrum-global-animation-duration-100) ease-in-out,\n box-shadow var(--spectrum-global-animation-duration-100) ease-in-out;\n }\n\n &:after {\n border-radius: 100%;\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n margin: var(--spectrum-alias-focus-ring-gap);\n transform: translateX(0); /* Forces FF to render on the pixel grid */\n\n transition: box-shadow var(--spectrum-global-animation-duration-100) ease-out,\n margin var(--spectrum-global-animation-duration-100) ease-out;\n }\n}\n\n.spectrum-Radio--labelBelow {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n block-size: var(--spectrum-radio-labelbelow-height);\n\n .spectrum-Radio-button {\n flex-shrink: 0;\n\n margin: 0;\n }\n\n .spectrum-Radio-label {\n margin: var(--spectrum-radio-labelbelow-label-margin);\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n:root {\n /* todo: fix in DNA */\n --spectrum-radio-emphasized-circle-border-color-selected-key-focus: var(--spectrum-radio-emphasized-circle-border-color-selected-hover);\n\n}\n\n.spectrum-Radio .spectrum-Radio-input {\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected);\n }\n }\n}\n\n.spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color);\n}\n\n.spectrum-Radio-button {\n &:before {\n background-color: var(--spectrum-radio-emphasized-circle-background-color);\n border-color: var(--spectrum-radio-emphasized-circle-border-color);\n }\n}\n\n.spectrum-Radio {\n &:hover {\n .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-hover);\n box-shadow: none;\n }\n }\n\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover);\n }\n }\n\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color-hover);\n }\n }\n\n &:active {\n .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-down);\n }\n }\n\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-down);\n }\n }\n\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color-down);\n }\n }\n & .spectrum-Radio-input:focus-ring,\n &:hover .spectrum-Radio-input:focus-ring {\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-key-focus);\n }\n }\n }\n}\n\n.spectrum-Radio--quiet {\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected);\n }\n }\n &:hover {\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected-hover);\n }\n }\n }\n &:active {\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected-down);\n }\n }\n }\n & .spectrum-Radio-input:focus-ring,\n &:hover .spectrum-Radio-input:focus-ring {\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-quiet-circle-border-color-selected-key-focus);\n }\n }\n }\n}\n\n\n.spectrum-Radio, .spectrum-Radio--quiet {\n &.is-invalid {\n .spectrum-Radio-button,\n .spectrum-Radio-input:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-error);\n }\n }\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-circle-border-color-error);\n }\n }\n &.is-invalid:hover {\n .spectrum-Radio-input + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-error-hover);\n }\n }\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-circle-border-color-error-hover);\n }\n }\n &.is-invalid:active {\n .spectrum-Radio-input + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-error-down);\n }\n }\n .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-circle-border-color-error-down);\n }\n }\n &.is-invalid .spectrum-Radio-input:focus-ring,\n &.is-invalid:hover .spectrum-Radio-input:focus-ring {\n &:not(:checked) + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-circle-border-color-error-key-focus);\n }\n }\n &:checked + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-circle-border-color-error-selected-key-focus);\n }\n }\n }\n}\n\n.spectrum-Radio-input {\n &:disabled + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-emphasized-circle-border-color-disabled) !important;\n }\n }\n\n &:disabled ~ .spectrum-Radio-label {\n color: var(--spectrum-radio-emphasized-text-color-disabled) !important;\n }\n}\n\n/* Focus Overrides all */\n/* Removed :before so that border-color isn't overwritten by keyboard focus */\n.spectrum-Radio,\n.spectrum-Radio--quiet {\n & .spectrum-Radio-input:focus-ring,\n &:hover .spectrum-Radio-input:focus-ring {\n &:not(:checked) + .spectrum-Radio-button {\n &:before {\n border-color: var(--spectrum-radio-circle-border-color-key-focus);\n }\n }\n & + .spectrum-Radio-button {\n &:after {\n box-shadow: 0 0 0 var(--spectrum-radio-focus-ring-size-key-focus) var(--spectrum-radio-focus-ring-color-key-focus);\n }\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n --spectrum-tableform-border-spacing: 0 var(--spectrum-global-dimension-size-300);\n --spectrum-tableform-margin: calc(var(--spectrum-global-dimension-size-250) * -1) 0;\n --spectrum-fieldlabel-margin: var(--spectrum-global-dimension-size-100);\n}\n\n.spectrum-FieldLabel {\n display: flex;\n flex: 0 0 auto;\n\n box-sizing: border-box;\n\n padding: var(--spectrum-fieldlabel-padding-top) 0 var(--spectrum-fieldlabel-padding-bottom);\n\n font-size: var(--spectrum-fieldlabel-text-size);\n font-weight: var(--spectrum-fieldlabel-text-font-weight);\n line-height: var(--spectrum-fieldlabel-text-line-height);\n\n vertical-align: top;\n\n -webkit-font-smoothing: subpixel-antialiased;\n -moz-osx-font-smoothing: auto;\n font-smoothing: subpixel-antialiased;\n text-align: start;\n\n cursor: default; /* match native labels even if not using a <label> element */\n}\n\n.spectrum-FieldLabel--positionSide {\n display: inline-flex;\n padding-top: var(--spectrum-fieldlabel-side-padding-top);\n padding-inline-end: var(--spectrum-fieldlabel-side-padding-x);\n}\n\n.spectrum-FieldLabel-requiredIcon {\n margin-top: var(--spectrum-fieldlabel-asterisk-margin-y);\n margin-inline-end: 0;\n margin-bottom: 0;\n margin-inline-start: var(--spectrum-fieldlabel-asterisk-gap);\n}\n\n.spectrum-FieldLabel--alignEnd {\n justify-content: flex-end; /* labelPosition=top case */\n text-align: end; /* labelPosition=side case */\n}\n\n/* A Field is a wrapper for a FieldLabel, a field component (e.g. textfield), and a HelpText.\n * By default, labels are placed above the field. Fields have a default width, and the\n * label will wrap within this width. The width of the whole field can be overridden by the user,\n * and this causes both the label and inner field to resize as well. */\n.spectrum-Field {\n --spectrum-field-default-width: var(--spectrum-component-single-line-width);\n\n &.spectrum-Field--positionTop {\n display: inline-flex;\n flex-direction: column;\n width: var(--spectrum-field-default-width);\n\n .spectrum-Field-field {\n /* If the user overrides the width of the field, propagate to the inner component */\n width: 100%;\n }\n\n .spectrum-Field-field--multiline {\n flex: 1 1 auto;\n }\n }\n\n /* The side label variant of Field is inline, and fills as much space as needed\n * by default. If an explicit width is set, then the field flexes to fill available space. */\n &.spectrum-Field--positionSide {\n display: inline-flex;\n align-items: flex-start;\n\n /* Wraps the field & help text, but not the label */\n .spectrum-Field-wrapper {\n flex: 1;\n /* Setting `flex: 1;` is equivalent to `flex: 1 1 0;`, which means we expect to be able to shrink\n * To be able to shrink, we must have a min-width that isn't 'auto' */\n min-width: 0;\n /* TODO: By default, vertical flex wrapper for `labelPosition: side` should have default field width.\n * This is a workaround until we find a better way to set the width of the field & help text.\n * Should default to form field's default width and and allow users to override with custom width. */\n width: var(--spectrum-field-default-width);\n\n .spectrum-Field-field {\n /* If the user overrides the width of the field, propagate to the inner component */\n width: 100%;\n }\n }\n\n .spectrum-Field-field {\n flex: 1;\n min-width: 0;\n }\n\n .spectrum-Field-field--multiline {\n height: 100%;\n }\n }\n}\n\n/* topdoc\n{{ form/index.yml }}\n*/\n\n.spectrum-Form {\n /* With labelPosition=side, we override field layout to use a CSS table\n * so that all the labels and fields line up automatically. */\n &.spectrum-Form--positionSide {\n display: table;\n border-collapse: separate;\n border-spacing: var(--spectrum-tableform-border-spacing);\n margin: var(--spectrum-tableform-margin);\n text-align: start;\n\n .spectrum-Field {\n display: table-row;\n width: 100%;\n }\n\n .spectrum-FieldLabel {\n display: table-cell;\n }\n\n .spectrum-Field-wrapper {\n width: 100%;\n }\n\n .spectrum-Field-field {\n display: table-cell;\n width: auto;\n min-width: var(--spectrum-component-single-line-width);\n }\n }\n\n /* With labelPosition=top, we use a normal flex stack */\n &.spectrum-Form--positionTop {\n display: flex;\n flex-direction: column;\n margin: 0;\n min-width: var(--spectrum-component-single-line-width);\n\n /* Users may want to make multiple fields appear next to each other.\n * We want to ensure that all items inside the form get the proper\n * margin and widths applied, even if wrapped in extra divs for example. */\n > * {\n margin-top: var(--spectrum-fieldlabel-margin);\n width: 100%;\n }\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n.spectrum-FieldLabel,\n.spectrum-Form-itemLabel {\n color: var(--spectrum-fieldlabel-text-color);\n\n &.is-disabled {\n color: var(--spectrum-fieldlabel-text-color-disabled);\n\n .spectrum-FieldLabel-requiredIcon {\n color: var(--spectrum-fieldlabel-asterisk-color-disabled);\n }\n }\n}\n.spectrum-FieldLabel-requiredIcon {\n color: var(--spectrum-fieldlabel-asterisk-color);\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n.spectrum-FieldGroup {\n display: flex;\n flex-direction: column;\n}\n\n.spectrum-FieldGroup--positionSide {\n flex-direction: row;\n}\n\n.spectrum-FieldGroup-group {\n display: flex;\n flex-direction: column;\n}\n\n.spectrum-FieldGroup-group--horizontal {\n /* horizontal radio groups should wrap if there isn't enough space */\n flex-direction: row;\n flex-wrap: wrap;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|
package/dist/main.js
CHANGED
@@ -68,7 +68,7 @@ $b50b26895e9d451b27b55d215ff6a51$exports = {
|
|
68
68
|
"is-invalid": "_is-invalid_db05c"
|
69
69
|
};
|
70
70
|
|
71
|
-
const $dc0e5d54409e9454b207deef7914e49$export$RadioContext = _react.createContext(null);
|
71
|
+
const $dc0e5d54409e9454b207deef7914e49$export$RadioContext = /*#__PURE__*/_react.createContext(null);
|
72
72
|
|
73
73
|
function $dc0e5d54409e9454b207deef7914e49$export$useRadioProvider() {
|
74
74
|
return useContext($dc0e5d54409e9454b207deef7914e49$export$RadioContext);
|
@@ -98,14 +98,13 @@ function $e743ac5588e53ffd4700c60556426f6$var$Radio(props, ref) {
|
|
98
98
|
let radioGroupProps = $dc0e5d54409e9454b207deef7914e49$export$useRadioProvider();
|
99
99
|
let {
|
100
100
|
isEmphasized,
|
101
|
-
isDisabled: isGroupDisabled,
|
102
101
|
validationState,
|
103
102
|
state
|
104
103
|
} = radioGroupProps;
|
105
104
|
let {
|
106
105
|
inputProps
|
107
106
|
} = useRadio(_babelRuntimeHelpersExtends({}, props, radioGroupProps, {
|
108
|
-
isDisabled
|
107
|
+
isDisabled
|
109
108
|
}), state, inputRef);
|
110
109
|
return /*#__PURE__*/_react.createElement("label", _babelRuntimeHelpersExtends({}, styleProps, hoverProps, {
|
111
110
|
ref: domRef,
|
@@ -135,7 +134,7 @@ function $e743ac5588e53ffd4700c60556426f6$var$Radio(props, ref) {
|
|
135
134
|
*/
|
136
135
|
|
137
136
|
|
138
|
-
const Radio = forwardRef($e743ac5588e53ffd4700c60556426f6$var$Radio);
|
137
|
+
const Radio = /*#__PURE__*/forwardRef($e743ac5588e53ffd4700c60556426f6$var$Radio);
|
139
138
|
exports.Radio = Radio;
|
140
139
|
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css
|
141
140
|
var $a0bedb1888ff92cb3407d1a60d76e$exports = {};
|
@@ -147,7 +146,9 @@ $a0bedb1888ff92cb3407d1a60d76e$exports = {
|
|
147
146
|
"spectrum-Field": "_spectrum-Field_36b9b",
|
148
147
|
"spectrum-Field--positionTop": "_spectrum-Field--positionTop_36b9b",
|
149
148
|
"spectrum-Field-field": "_spectrum-Field-field_36b9b",
|
149
|
+
"spectrum-Field-field--multiline": "_spectrum-Field-field--multiline_36b9b",
|
150
150
|
"spectrum-Field--positionSide": "_spectrum-Field--positionSide_36b9b",
|
151
|
+
"spectrum-Field-wrapper": "_spectrum-Field-wrapper_36b9b",
|
151
152
|
"spectrum-Form": "_spectrum-Form_36b9b",
|
152
153
|
"spectrum-Form--positionSide": "_spectrum-Form--positionSide_36b9b",
|
153
154
|
"spectrum-Form--positionTop": "_spectrum-Form--positionTop_36b9b",
|
@@ -173,8 +174,6 @@ function $e125f55143423f8d3ecf034e5ae37$var$RadioGroup(props, ref) {
|
|
173
174
|
isEmphasized,
|
174
175
|
isRequired,
|
175
176
|
necessityIndicator,
|
176
|
-
isReadOnly,
|
177
|
-
isDisabled,
|
178
177
|
label,
|
179
178
|
labelPosition = 'top',
|
180
179
|
labelAlign,
|
@@ -182,7 +181,7 @@ function $e125f55143423f8d3ecf034e5ae37$var$RadioGroup(props, ref) {
|
|
182
181
|
children,
|
183
182
|
orientation = 'vertical'
|
184
183
|
} = props,
|
185
|
-
otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isEmphasized", "isRequired", "necessityIndicator", "
|
184
|
+
otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isEmphasized", "isRequired", "necessityIndicator", "label", "labelPosition", "labelAlign", "validationState", "children", "orientation"]);
|
186
185
|
|
187
186
|
let domRef = useDOMRef(ref);
|
188
187
|
let {
|
@@ -212,9 +211,6 @@ function $e125f55143423f8d3ecf034e5ae37$var$RadioGroup(props, ref) {
|
|
212
211
|
}, /*#__PURE__*/_react.createElement($dc0e5d54409e9454b207deef7914e49$export$RadioContext.Provider, {
|
213
212
|
value: {
|
214
213
|
isEmphasized,
|
215
|
-
isRequired,
|
216
|
-
isReadOnly,
|
217
|
-
isDisabled,
|
218
214
|
validationState,
|
219
215
|
state
|
220
216
|
}
|
@@ -226,7 +222,7 @@ function $e125f55143423f8d3ecf034e5ae37$var$RadioGroup(props, ref) {
|
|
226
222
|
*/
|
227
223
|
|
228
224
|
|
229
|
-
const RadioGroup = _react.forwardRef($e125f55143423f8d3ecf034e5ae37$var$RadioGroup);
|
225
|
+
const RadioGroup = /*#__PURE__*/_react.forwardRef($e125f55143423f8d3ecf034e5ae37$var$RadioGroup);
|
230
226
|
|
231
227
|
exports.RadioGroup = RadioGroup;
|
232
228
|
//# sourceMappingURL=main.js.map
|
package/dist/main.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/radio/vars.css","./packages/@react-spectrum/radio/src/context.ts","./packages/@react-spectrum/radio/src/Radio.tsx","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","./node_modules/@adobe/spectrum-css-temp/components/fieldgroup/vars.css","./packages/@react-spectrum/radio/src/RadioGroup.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isDisabled?: boolean,\n isRequired?: boolean,\n isReadOnly?: boolean,\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, 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 isDisabled: isGroupDisabled,\n validationState,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled: isDisabled || isGroupDisabled\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\n@import './index.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, 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 isReadOnly,\n isDisabled,\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 isRequired,\n isReadOnly,\n isDisabled,\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"],"names":["$parcel$interopDefault","a","__esModule","default","RadioContext","React","createContext","useRadioProvider","useContext","Radio","props","ref","isDisabled","children","autoFocus","otherProps","styleProps","useStyleProps","hoverProps","isHovered","useHover","inputRef","useRef","domRef","useFocusableRef","radioGroupProps","isEmphasized","isGroupDisabled","validationState","state","inputProps","useRadio","classNames","className","_Radio","forwardRef","RadioGroup","useProviderProps","useFormProps","isRequired","necessityIndicator","isReadOnly","label","labelPosition","labelAlign","orientation","useDOMRef","useRadioGroupState","labelProps","useRadioGroup","_RadioGroup"],"version":3,"file":"main.js.map"}
|
1
|
+
{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/radio/vars.css","./packages/@react-spectrum/radio/src/context.ts","./packages/@react-spectrum/radio/src/Radio.tsx","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","./node_modules/@adobe/spectrum-css-temp/components/fieldgroup/vars.css","./packages/@react-spectrum/radio/src/RadioGroup.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {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, 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\n@import './index.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, 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"],"names":["$parcel$interopDefault","a","__esModule","default","RadioContext","React","createContext","useRadioProvider","useContext","Radio","props","ref","isDisabled","children","autoFocus","otherProps","styleProps","useStyleProps","hoverProps","isHovered","useHover","inputRef","useRef","domRef","useFocusableRef","radioGroupProps","isEmphasized","validationState","state","inputProps","useRadio","classNames","className","_Radio","forwardRef","RadioGroup","useProviderProps","useFormProps","isRequired","necessityIndicator","label","labelPosition","labelAlign","orientation","useDOMRef","useRadioGroupState","labelProps","useRadioGroup","_RadioGroup"],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
@@ -29,7 +29,7 @@ $caf9effdead839c12d96b05817b87a$exports = {
|
|
29
29
|
"is-invalid": "_is-invalid_db05c"
|
30
30
|
};
|
31
31
|
|
32
|
-
const $ab95946e1e830e3cfac331e9d67ee25$export$RadioContext = _react.createContext(null);
|
32
|
+
const $ab95946e1e830e3cfac331e9d67ee25$export$RadioContext = /*#__PURE__*/_react.createContext(null);
|
33
33
|
|
34
34
|
function $ab95946e1e830e3cfac331e9d67ee25$export$useRadioProvider() {
|
35
35
|
return useContext($ab95946e1e830e3cfac331e9d67ee25$export$RadioContext);
|
@@ -59,14 +59,13 @@ function $b8ae36aee0da7b42a78337dae86364$var$Radio(props, ref) {
|
|
59
59
|
let radioGroupProps = $ab95946e1e830e3cfac331e9d67ee25$export$useRadioProvider();
|
60
60
|
let {
|
61
61
|
isEmphasized,
|
62
|
-
isDisabled: isGroupDisabled,
|
63
62
|
validationState,
|
64
63
|
state
|
65
64
|
} = radioGroupProps;
|
66
65
|
let {
|
67
66
|
inputProps
|
68
67
|
} = useRadio(_babelRuntimeHelpersEsmExtends({}, props, radioGroupProps, {
|
69
|
-
isDisabled
|
68
|
+
isDisabled
|
70
69
|
}), state, inputRef);
|
71
70
|
return /*#__PURE__*/_react.createElement("label", _babelRuntimeHelpersEsmExtends({}, styleProps, hoverProps, {
|
72
71
|
ref: domRef,
|
@@ -96,7 +95,7 @@ function $b8ae36aee0da7b42a78337dae86364$var$Radio(props, ref) {
|
|
96
95
|
*/
|
97
96
|
|
98
97
|
|
99
|
-
export const Radio = forwardRef($b8ae36aee0da7b42a78337dae86364$var$Radio);
|
98
|
+
export const Radio = /*#__PURE__*/forwardRef($b8ae36aee0da7b42a78337dae86364$var$Radio);
|
100
99
|
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css
|
101
100
|
var $c9fb1f4220ea2c59cb2e10f0e9828c6e$exports = {};
|
102
101
|
$c9fb1f4220ea2c59cb2e10f0e9828c6e$exports = {
|
@@ -107,7 +106,9 @@ $c9fb1f4220ea2c59cb2e10f0e9828c6e$exports = {
|
|
107
106
|
"spectrum-Field": "_spectrum-Field_36b9b",
|
108
107
|
"spectrum-Field--positionTop": "_spectrum-Field--positionTop_36b9b",
|
109
108
|
"spectrum-Field-field": "_spectrum-Field-field_36b9b",
|
109
|
+
"spectrum-Field-field--multiline": "_spectrum-Field-field--multiline_36b9b",
|
110
110
|
"spectrum-Field--positionSide": "_spectrum-Field--positionSide_36b9b",
|
111
|
+
"spectrum-Field-wrapper": "_spectrum-Field-wrapper_36b9b",
|
111
112
|
"spectrum-Form": "_spectrum-Form_36b9b",
|
112
113
|
"spectrum-Form--positionSide": "_spectrum-Form--positionSide_36b9b",
|
113
114
|
"spectrum-Form--positionTop": "_spectrum-Form--positionTop_36b9b",
|
@@ -133,8 +134,6 @@ function $cc551574103dc5b9b788866e53c$var$RadioGroup(props, ref) {
|
|
133
134
|
isEmphasized,
|
134
135
|
isRequired,
|
135
136
|
necessityIndicator,
|
136
|
-
isReadOnly,
|
137
|
-
isDisabled,
|
138
137
|
label,
|
139
138
|
labelPosition = 'top',
|
140
139
|
labelAlign,
|
@@ -142,7 +141,7 @@ function $cc551574103dc5b9b788866e53c$var$RadioGroup(props, ref) {
|
|
142
141
|
children,
|
143
142
|
orientation = 'vertical'
|
144
143
|
} = props,
|
145
|
-
otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isEmphasized", "isRequired", "necessityIndicator", "
|
144
|
+
otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isEmphasized", "isRequired", "necessityIndicator", "label", "labelPosition", "labelAlign", "validationState", "children", "orientation"]);
|
146
145
|
|
147
146
|
let domRef = useDOMRef(ref);
|
148
147
|
let {
|
@@ -172,9 +171,6 @@ function $cc551574103dc5b9b788866e53c$var$RadioGroup(props, ref) {
|
|
172
171
|
}, /*#__PURE__*/_react.createElement($ab95946e1e830e3cfac331e9d67ee25$export$RadioContext.Provider, {
|
173
172
|
value: {
|
174
173
|
isEmphasized,
|
175
|
-
isRequired,
|
176
|
-
isReadOnly,
|
177
|
-
isDisabled,
|
178
174
|
validationState,
|
179
175
|
state
|
180
176
|
}
|
@@ -186,5 +182,5 @@ function $cc551574103dc5b9b788866e53c$var$RadioGroup(props, ref) {
|
|
186
182
|
*/
|
187
183
|
|
188
184
|
|
189
|
-
export const RadioGroup = _react.forwardRef($cc551574103dc5b9b788866e53c$var$RadioGroup);
|
185
|
+
export const RadioGroup = /*#__PURE__*/_react.forwardRef($cc551574103dc5b9b788866e53c$var$RadioGroup);
|
190
186
|
//# sourceMappingURL=module.js.map
|
package/dist/module.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/radio/vars.css","./packages/@react-spectrum/radio/src/context.ts","./packages/@react-spectrum/radio/src/Radio.tsx","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","./node_modules/@adobe/spectrum-css-temp/components/fieldgroup/vars.css","./packages/@react-spectrum/radio/src/RadioGroup.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isDisabled?: boolean,\n isRequired?: boolean,\n isReadOnly?: boolean,\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, 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 isDisabled: isGroupDisabled,\n validationState,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled: isDisabled || isGroupDisabled\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\n@import './index.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, 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 isReadOnly,\n isDisabled,\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 isRequired,\n isReadOnly,\n isDisabled,\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"],"names":["$parcel$interopDefault","a","__esModule","default","RadioContext","React","createContext","useRadioProvider","useContext","Radio","props","ref","isDisabled","children","autoFocus","otherProps","styleProps","useStyleProps","hoverProps","isHovered","useHover","inputRef","useRef","domRef","useFocusableRef","radioGroupProps","isEmphasized","isGroupDisabled","validationState","state","inputProps","useRadio","classNames","className","_Radio","forwardRef","RadioGroup","useProviderProps","useFormProps","isRequired","necessityIndicator","isReadOnly","label","labelPosition","labelAlign","orientation","useDOMRef","useRadioGroupState","labelProps","useRadioGroup","_RadioGroup"],"version":3,"file":"module.js.map"}
|
1
|
+
{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/radio/vars.css","./packages/@react-spectrum/radio/src/context.ts","./packages/@react-spectrum/radio/src/Radio.tsx","./node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","./node_modules/@adobe/spectrum-css-temp/components/fieldgroup/vars.css","./packages/@react-spectrum/radio/src/RadioGroup.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {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, 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\n@import './index.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, 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"],"names":["$parcel$interopDefault","a","__esModule","default","RadioContext","React","createContext","useRadioProvider","useContext","Radio","props","ref","isDisabled","children","autoFocus","otherProps","styleProps","useStyleProps","hoverProps","isHovered","useHover","inputRef","useRef","domRef","useFocusableRef","radioGroupProps","isEmphasized","validationState","state","inputProps","useRadio","classNames","className","_Radio","forwardRef","RadioGroup","useProviderProps","useFormProps","isRequired","necessityIndicator","label","labelPosition","labelAlign","orientation","useDOMRef","useRadioGroupState","labelProps","useRadioGroup","_RadioGroup"],"version":3,"file":"module.js.map"}
|
package/dist/types.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"A;A;
|
1
|
+
{"mappings":"A;A;ACoFA;A;A;GAGG;AACH,OAAA,MAAM,qKAA0B,CAAC;ACYjC;A;A;GAGG;AACH,OAAA,MAAM,qJAA0C,CAAC","sources":["./packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/context.ts","./packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/Radio.tsx","./packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/RadioGroup.tsx","./packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/radio",
|
3
|
-
"version": "3.1.
|
3
|
+
"version": "3.1.5",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -32,25 +32,25 @@
|
|
32
32
|
},
|
33
33
|
"dependencies": {
|
34
34
|
"@babel/runtime": "^7.6.2",
|
35
|
-
"@react-aria/focus": "^3.
|
36
|
-
"@react-aria/interactions": "^3.
|
37
|
-
"@react-aria/radio": "^3.1.
|
38
|
-
"@react-spectrum/form": "^3.2.
|
39
|
-
"@react-spectrum/label": "^3.
|
40
|
-
"@react-spectrum/utils": "^3.3
|
41
|
-
"@react-stately/radio": "^3.2
|
42
|
-
"@react-types/radio": "^3.1.
|
43
|
-
"@react-types/shared": "^3.
|
35
|
+
"@react-aria/focus": "^3.4.1",
|
36
|
+
"@react-aria/interactions": "^3.7.0",
|
37
|
+
"@react-aria/radio": "^3.1.6",
|
38
|
+
"@react-spectrum/form": "^3.2.4",
|
39
|
+
"@react-spectrum/label": "^3.4.1",
|
40
|
+
"@react-spectrum/utils": "^3.6.3",
|
41
|
+
"@react-stately/radio": "^3.3.2",
|
42
|
+
"@react-types/radio": "^3.1.2",
|
43
|
+
"@react-types/shared": "^3.10.0"
|
44
44
|
},
|
45
45
|
"devDependencies": {
|
46
|
-
"@adobe/spectrum-css-temp": "
|
46
|
+
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
47
47
|
},
|
48
48
|
"peerDependencies": {
|
49
|
-
"@react-spectrum/provider": "^3.0.0
|
49
|
+
"@react-spectrum/provider": "^3.0.0",
|
50
50
|
"react": "^16.8.0 || ^17.0.0-rc.1"
|
51
51
|
},
|
52
52
|
"publishConfig": {
|
53
53
|
"access": "public"
|
54
54
|
},
|
55
|
-
"gitHead": "
|
55
|
+
"gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
|
56
56
|
}
|
package/src/Radio.tsx
CHANGED
@@ -36,7 +36,6 @@ function Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {
|
|
36
36
|
let radioGroupProps = useRadioProvider();
|
37
37
|
let {
|
38
38
|
isEmphasized,
|
39
|
-
isDisabled: isGroupDisabled,
|
40
39
|
validationState,
|
41
40
|
state
|
42
41
|
} = radioGroupProps;
|
@@ -44,7 +43,7 @@ function Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {
|
|
44
43
|
let {inputProps} = useRadio({
|
45
44
|
...props,
|
46
45
|
...radioGroupProps,
|
47
|
-
isDisabled
|
46
|
+
isDisabled
|
48
47
|
}, state, inputRef);
|
49
48
|
|
50
49
|
return (
|
package/src/RadioGroup.tsx
CHANGED
@@ -30,8 +30,6 @@ function RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>)
|
|
30
30
|
isEmphasized,
|
31
31
|
isRequired,
|
32
32
|
necessityIndicator,
|
33
|
-
isReadOnly,
|
34
|
-
isDisabled,
|
35
33
|
label,
|
36
34
|
labelPosition = 'top' as LabelPosition,
|
37
35
|
labelAlign,
|
@@ -90,9 +88,6 @@ function RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>)
|
|
90
88
|
<RadioContext.Provider
|
91
89
|
value={{
|
92
90
|
isEmphasized,
|
93
|
-
isRequired,
|
94
|
-
isReadOnly,
|
95
|
-
isDisabled,
|
96
91
|
validationState,
|
97
92
|
state
|
98
93
|
}}>
|
package/src/context.ts
CHANGED
@@ -14,9 +14,6 @@ import {RadioGroupState} from '@react-stately/radio';
|
|
14
14
|
import React, {useContext} from 'react';
|
15
15
|
|
16
16
|
interface RadioGroupContext {
|
17
|
-
isDisabled?: boolean,
|
18
|
-
isRequired?: boolean,
|
19
|
-
isReadOnly?: boolean,
|
20
17
|
isEmphasized?: boolean,
|
21
18
|
name?: string,
|
22
19
|
validationState?: 'valid' | 'invalid',
|