@spectrum-web-components/radio 0.0.0-20241209155954
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/README.md +246 -0
- package/package.json +84 -0
- package/sp-radio-group.d.ts +6 -0
- package/sp-radio-group.dev.js +5 -0
- package/sp-radio-group.dev.js.map +7 -0
- package/sp-radio-group.js +2 -0
- package/sp-radio-group.js.map +7 -0
- package/sp-radio.d.ts +6 -0
- package/sp-radio.dev.js +5 -0
- package/sp-radio.dev.js.map +7 -0
- package/sp-radio.js +2 -0
- package/sp-radio.js.map +7 -0
- package/src/Radio.d.ts +38 -0
- package/src/Radio.dev.js +133 -0
- package/src/Radio.dev.js.map +7 -0
- package/src/Radio.js +6 -0
- package/src/Radio.js.map +7 -0
- package/src/RadioGroup.d.ts +27 -0
- package/src/RadioGroup.dev.js +118 -0
- package/src/RadioGroup.dev.js.map +7 -0
- package/src/RadioGroup.js +2 -0
- package/src/RadioGroup.js.map +7 -0
- package/src/index.d.ts +2 -0
- package/src/index.dev.js +4 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +2 -0
- package/src/index.js.map +7 -0
- package/src/radio-overrides.css.d.ts +2 -0
- package/src/radio-overrides.css.dev.js +7 -0
- package/src/radio-overrides.css.dev.js.map +7 -0
- package/src/radio-overrides.css.js +4 -0
- package/src/radio-overrides.css.js.map +7 -0
- package/src/radio.css.d.ts +2 -0
- package/src/radio.css.dev.js +7 -0
- package/src/radio.css.dev.js.map +7 -0
- package/src/radio.css.js +4 -0
- package/src/radio.css.js.map +7 -0
- package/src/spectrum-config.js +143 -0
- package/src/spectrum-radio.css.d.ts +2 -0
- package/src/spectrum-radio.css.dev.js +7 -0
- package/src/spectrum-radio.css.dev.js.map +7 -0
- package/src/spectrum-radio.css.js +4 -0
- package/src/spectrum-radio.css.js.map +7 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { PropertyValues } from '@spectrum-web-components/base';
|
|
2
|
+
import { FieldGroup } from '@spectrum-web-components/field-group';
|
|
3
|
+
import { Radio } from './Radio.js';
|
|
4
|
+
import { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';
|
|
5
|
+
declare const RadioGroup_base: typeof FieldGroup;
|
|
6
|
+
/**
|
|
7
|
+
* @element sp-radio-group
|
|
8
|
+
*
|
|
9
|
+
* @slot - The `sp-radio` elements to display/manage in the group.
|
|
10
|
+
* @slot help-text - default or non-negative help text to associate to your form element
|
|
11
|
+
* @slot negative-help-text - negative help text to associate to your form element when `invalid`
|
|
12
|
+
*
|
|
13
|
+
* @fires change - An alteration to the value of the element has been committed by the user.
|
|
14
|
+
*/
|
|
15
|
+
export declare class RadioGroup extends RadioGroup_base {
|
|
16
|
+
name: string;
|
|
17
|
+
defaultNodes: Node[];
|
|
18
|
+
get buttons(): Radio[];
|
|
19
|
+
rovingTabindexController: RovingTabindexController<Radio>;
|
|
20
|
+
focus(): void;
|
|
21
|
+
private _setSelected;
|
|
22
|
+
selected: string;
|
|
23
|
+
protected willUpdate(changes: PropertyValues<this>): void;
|
|
24
|
+
private validateRadios;
|
|
25
|
+
protected handleSlotchange(): void;
|
|
26
|
+
}
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
5
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
6
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
7
|
+
if (decorator = decorators[i])
|
|
8
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
9
|
+
if (kind && result) __defProp(target, key, result);
|
|
10
|
+
return result;
|
|
11
|
+
};
|
|
12
|
+
import {
|
|
13
|
+
property,
|
|
14
|
+
queryAssignedNodes
|
|
15
|
+
} from "@spectrum-web-components/base/src/decorators.js";
|
|
16
|
+
import { FocusVisiblePolyfillMixin } from "@spectrum-web-components/shared/src/focus-visible.js";
|
|
17
|
+
import { FieldGroup } from "@spectrum-web-components/field-group";
|
|
18
|
+
import { Radio } from "./Radio.dev.js";
|
|
19
|
+
import { RovingTabindexController } from "@spectrum-web-components/reactive-controllers/src/RovingTabindex.js";
|
|
20
|
+
export class RadioGroup extends FocusVisiblePolyfillMixin(FieldGroup) {
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments);
|
|
23
|
+
this.name = "";
|
|
24
|
+
this.rovingTabindexController = new RovingTabindexController(this, {
|
|
25
|
+
focusInIndex: (elements) => {
|
|
26
|
+
return elements.findIndex((el) => {
|
|
27
|
+
return this.selected ? !el.disabled && el.value === this.selected : !el.disabled;
|
|
28
|
+
});
|
|
29
|
+
},
|
|
30
|
+
elementEnterAction: (el) => {
|
|
31
|
+
this._setSelected(el.value);
|
|
32
|
+
},
|
|
33
|
+
elements: () => this.buttons,
|
|
34
|
+
isFocusableElement: (el) => !el.disabled
|
|
35
|
+
});
|
|
36
|
+
this.selected = "";
|
|
37
|
+
}
|
|
38
|
+
get buttons() {
|
|
39
|
+
return this.defaultNodes.filter(
|
|
40
|
+
(node) => node instanceof Radio
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
focus() {
|
|
44
|
+
this.rovingTabindexController.focus();
|
|
45
|
+
}
|
|
46
|
+
_setSelected(value) {
|
|
47
|
+
if (value === this.selected) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const oldValue = this.selected;
|
|
51
|
+
const radio = value ? this.querySelector(`sp-radio[value="${value}"]`) : void 0;
|
|
52
|
+
this.selected = radio ? value : "";
|
|
53
|
+
const applyDefault = this.dispatchEvent(
|
|
54
|
+
new Event("change", {
|
|
55
|
+
cancelable: true,
|
|
56
|
+
bubbles: true,
|
|
57
|
+
composed: true
|
|
58
|
+
})
|
|
59
|
+
);
|
|
60
|
+
if (!applyDefault) {
|
|
61
|
+
this.selected = oldValue;
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
this.validateRadios();
|
|
65
|
+
}
|
|
66
|
+
willUpdate(changes) {
|
|
67
|
+
if (!this.hasUpdated) {
|
|
68
|
+
this.setAttribute("role", "radiogroup");
|
|
69
|
+
const checkedRadio = this.querySelector(
|
|
70
|
+
"sp-radio[checked]"
|
|
71
|
+
);
|
|
72
|
+
const checkedRadioValue = checkedRadio ? checkedRadio.value : "";
|
|
73
|
+
this.selected = checkedRadioValue || this.selected;
|
|
74
|
+
if (this.selected && this.selected !== checkedRadioValue) {
|
|
75
|
+
const selectedRadio = this.querySelector(
|
|
76
|
+
`sp-radio[value="${this.selected}"]`
|
|
77
|
+
);
|
|
78
|
+
if (selectedRadio) {
|
|
79
|
+
selectedRadio.checked = true;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
this.shadowRoot.addEventListener("change", (event) => {
|
|
83
|
+
event.stopPropagation();
|
|
84
|
+
const target = event.target;
|
|
85
|
+
this._setSelected(target.value);
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
if (changes.has("selected")) {
|
|
89
|
+
this.validateRadios();
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
async validateRadios() {
|
|
93
|
+
let validSelection = false;
|
|
94
|
+
if (!this.hasUpdated) {
|
|
95
|
+
await this.updateComplete;
|
|
96
|
+
}
|
|
97
|
+
this.buttons.map((button) => {
|
|
98
|
+
button.checked = this.selected === button.value;
|
|
99
|
+
validSelection = validSelection || button.checked;
|
|
100
|
+
});
|
|
101
|
+
if (!validSelection) {
|
|
102
|
+
this.selected = "";
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
handleSlotchange() {
|
|
106
|
+
this.rovingTabindexController.clearElementCache();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
__decorateClass([
|
|
110
|
+
property({ type: String })
|
|
111
|
+
], RadioGroup.prototype, "name", 2);
|
|
112
|
+
__decorateClass([
|
|
113
|
+
queryAssignedNodes()
|
|
114
|
+
], RadioGroup.prototype, "defaultNodes", 2);
|
|
115
|
+
__decorateClass([
|
|
116
|
+
property({ reflect: true })
|
|
117
|
+
], RadioGroup.prototype, "selected", 2);
|
|
118
|
+
//# sourceMappingURL=RadioGroup.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["RadioGroup.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 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\nimport { PropertyValues } from '@spectrum-web-components/base';\nimport {\n property,\n queryAssignedNodes,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { FieldGroup } from '@spectrum-web-components/field-group';\n\nimport { Radio } from './Radio.dev.js'\nimport { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';\n\n/**\n * @element sp-radio-group\n *\n * @slot - The `sp-radio` elements to display/manage in the group.\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n *\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class RadioGroup extends FocusVisiblePolyfillMixin(FieldGroup) {\n @property({ type: String })\n public name = '';\n\n @queryAssignedNodes()\n public defaultNodes!: Node[];\n\n public get buttons(): Radio[] {\n return this.defaultNodes.filter(\n (node) => (node as HTMLElement) instanceof Radio\n ) as Radio[];\n }\n\n rovingTabindexController = new RovingTabindexController<Radio>(this, {\n focusInIndex: (elements: Radio[]) => {\n return elements.findIndex((el) => {\n return this.selected\n ? !el.disabled && el.value === this.selected\n : !el.disabled;\n });\n },\n elementEnterAction: (el: Radio) => {\n this._setSelected(el.value);\n },\n elements: () => this.buttons,\n isFocusableElement: (el: Radio) => !el.disabled,\n });\n\n public override focus(): void {\n this.rovingTabindexController.focus();\n }\n\n private _setSelected(value: string): void {\n if (value === this.selected) {\n return;\n }\n const oldValue = this.selected;\n const radio = value\n ? (this.querySelector(`sp-radio[value=\"${value}\"]`) as Radio)\n : undefined;\n\n // If no matching radio, selected is reset to empty string\n this.selected = radio ? value : '';\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n cancelable: true,\n bubbles: true,\n composed: true,\n })\n );\n if (!applyDefault) {\n this.selected = oldValue;\n return;\n }\n this.validateRadios();\n }\n\n @property({ reflect: true })\n public selected = '';\n\n protected override willUpdate(changes: PropertyValues<this>): void {\n if (!this.hasUpdated) {\n this.setAttribute('role', 'radiogroup');\n const checkedRadio = this.querySelector(\n 'sp-radio[checked]'\n ) as Radio;\n const checkedRadioValue = checkedRadio ? checkedRadio.value : '';\n // Prefer the checked item over the selected value\n this.selected = checkedRadioValue || this.selected;\n // Validate the selected value is actual a radio option\n if (this.selected && this.selected !== checkedRadioValue) {\n const selectedRadio = this.querySelector(\n `sp-radio[value=\"${this.selected}\"]`\n ) as Radio;\n if (selectedRadio) {\n selectedRadio.checked = true;\n }\n }\n\n this.shadowRoot.addEventListener('change', (event: Event) => {\n event.stopPropagation();\n const target = event.target as Radio;\n this._setSelected(target.value);\n });\n }\n\n if (changes.has('selected')) {\n this.validateRadios();\n }\n }\n\n private async validateRadios(): Promise<void> {\n let validSelection = false;\n if (!this.hasUpdated) {\n // Initial validation has to happen after the initial render to allow\n // the buttons to be queries from the rendered <slot> element\n await this.updateComplete;\n }\n this.buttons.map((button) => {\n button.checked = this.selected === button.value;\n validSelection = validSelection || button.checked;\n });\n if (!validSelection) {\n this.selected = '';\n }\n }\n\n protected override handleSlotchange(): void {\n this.rovingTabindexController.clearElementCache();\n }\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;AAaA;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAE3B,SAAS,aAAa;AACtB,SAAS,gCAAgC;AAWlC,aAAM,mBAAmB,0BAA0B,UAAU,EAAE;AAAA,EAA/D;AAAA;AAEH,SAAO,OAAO;AAWd,oCAA2B,IAAI,yBAAgC,MAAM;AAAA,MACjE,cAAc,CAAC,aAAsB;AACjC,eAAO,SAAS,UAAU,CAAC,OAAO;AAC9B,iBAAO,KAAK,WACN,CAAC,GAAG,YAAY,GAAG,UAAU,KAAK,WAClC,CAAC,GAAG;AAAA,QACd,CAAC;AAAA,MACL;AAAA,MACA,oBAAoB,CAAC,OAAc;AAC/B,aAAK,aAAa,GAAG,KAAK;AAAA,MAC9B;AAAA,MACA,UAAU,MAAM,KAAK;AAAA,MACrB,oBAAoB,CAAC,OAAc,CAAC,GAAG;AAAA,IAC3C,CAAC;AAgCD,SAAO,WAAW;AAAA;AAAA,EAnDlB,IAAW,UAAmB;AAC1B,WAAO,KAAK,aAAa;AAAA,MACrB,CAAC,SAAU,gBAAgC;AAAA,IAC/C;AAAA,EACJ;AAAA,EAiBgB,QAAc;AAC1B,SAAK,yBAAyB,MAAM;AAAA,EACxC;AAAA,EAEQ,aAAa,OAAqB;AACtC,QAAI,UAAU,KAAK,UAAU;AACzB;AAAA,IACJ;AACA,UAAM,WAAW,KAAK;AACtB,UAAM,QAAQ,QACP,KAAK,cAAc,mBAAmB,KAAK,IAAI,IAChD;AAGN,SAAK,WAAW,QAAQ,QAAQ;AAChC,UAAM,eAAe,KAAK;AAAA,MACtB,IAAI,MAAM,UAAU;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,MACd,CAAC;AAAA,IACL;AACA,QAAI,CAAC,cAAc;AACf,WAAK,WAAW;AAChB;AAAA,IACJ;AACA,SAAK,eAAe;AAAA,EACxB;AAAA,EAKmB,WAAW,SAAqC;AAC/D,QAAI,CAAC,KAAK,YAAY;AAClB,WAAK,aAAa,QAAQ,YAAY;AACtC,YAAM,eAAe,KAAK;AAAA,QACtB;AAAA,MACJ;AACA,YAAM,oBAAoB,eAAe,aAAa,QAAQ;AAE9D,WAAK,WAAW,qBAAqB,KAAK;AAE1C,UAAI,KAAK,YAAY,KAAK,aAAa,mBAAmB;AACtD,cAAM,gBAAgB,KAAK;AAAA,UACvB,mBAAmB,KAAK,QAAQ;AAAA,QACpC;AACA,YAAI,eAAe;AACf,wBAAc,UAAU;AAAA,QAC5B;AAAA,MACJ;AAEA,WAAK,WAAW,iBAAiB,UAAU,CAAC,UAAiB;AACzD,cAAM,gBAAgB;AACtB,cAAM,SAAS,MAAM;AACrB,aAAK,aAAa,OAAO,KAAK;AAAA,MAClC,CAAC;AAAA,IACL;AAEA,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,WAAK,eAAe;AAAA,IACxB;AAAA,EACJ;AAAA,EAEA,MAAc,iBAAgC;AAC1C,QAAI,iBAAiB;AACrB,QAAI,CAAC,KAAK,YAAY;AAGlB,YAAM,KAAK;AAAA,IACf;AACA,SAAK,QAAQ,IAAI,CAAC,WAAW;AACzB,aAAO,UAAU,KAAK,aAAa,OAAO;AAC1C,uBAAiB,kBAAkB,OAAO;AAAA,IAC9C,CAAC;AACD,QAAI,CAAC,gBAAgB;AACjB,WAAK,WAAW;AAAA,IACpB;AAAA,EACJ;AAAA,EAEmB,mBAAyB;AACxC,SAAK,yBAAyB,kBAAkB;AAAA,EACpD;AACJ;AA5GW;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADjB,WAEF;AAGA;AAAA,EADN,mBAAmB;AAAA,GAJX,WAKF;AAqDA;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAzDlB,WA0DF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(l,d,e,t)=>{for(var i=t>1?void 0:t?n(d,e):d,s=l.length-1,o;s>=0;s--)(o=l[s])&&(i=(t?o(d,e,i):o(i))||i);return t&&i&&c(d,e,i),i};import{property as r,queryAssignedNodes as h}from"@spectrum-web-components/base/src/decorators.js";import{FocusVisiblePolyfillMixin as u}from"@spectrum-web-components/shared/src/focus-visible.js";import{FieldGroup as p}from"@spectrum-web-components/field-group";import{Radio as f}from"./Radio.js";import{RovingTabindexController as v}from"@spectrum-web-components/reactive-controllers/src/RovingTabindex.js";export class RadioGroup extends u(p){constructor(){super(...arguments);this.name="";this.rovingTabindexController=new v(this,{focusInIndex:e=>e.findIndex(t=>this.selected?!t.disabled&&t.value===this.selected:!t.disabled),elementEnterAction:e=>{this._setSelected(e.value)},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled});this.selected=""}get buttons(){return this.defaultNodes.filter(e=>e instanceof f)}focus(){this.rovingTabindexController.focus()}_setSelected(e){if(e===this.selected)return;const t=this.selected,i=e?this.querySelector(`sp-radio[value="${e}"]`):void 0;if(this.selected=i?e:"",!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this.selected=t;return}this.validateRadios()}willUpdate(e){if(!this.hasUpdated){this.setAttribute("role","radiogroup");const t=this.querySelector("sp-radio[checked]"),i=t?t.value:"";if(this.selected=i||this.selected,this.selected&&this.selected!==i){const s=this.querySelector(`sp-radio[value="${this.selected}"]`);s&&(s.checked=!0)}this.shadowRoot.addEventListener("change",s=>{s.stopPropagation();const o=s.target;this._setSelected(o.value)})}e.has("selected")&&this.validateRadios()}async validateRadios(){let e=!1;this.hasUpdated||await this.updateComplete,this.buttons.map(t=>{t.checked=this.selected===t.value,e=e||t.checked}),e||(this.selected="")}handleSlotchange(){this.rovingTabindexController.clearElementCache()}}a([r({type:String})],RadioGroup.prototype,"name",2),a([h()],RadioGroup.prototype,"defaultNodes",2),a([r({reflect:!0})],RadioGroup.prototype,"selected",2);
|
|
2
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["RadioGroup.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 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\nimport { PropertyValues } from '@spectrum-web-components/base';\nimport {\n property,\n queryAssignedNodes,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { FieldGroup } from '@spectrum-web-components/field-group';\n\nimport { Radio } from './Radio.js';\nimport { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';\n\n/**\n * @element sp-radio-group\n *\n * @slot - The `sp-radio` elements to display/manage in the group.\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n *\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class RadioGroup extends FocusVisiblePolyfillMixin(FieldGroup) {\n @property({ type: String })\n public name = '';\n\n @queryAssignedNodes()\n public defaultNodes!: Node[];\n\n public get buttons(): Radio[] {\n return this.defaultNodes.filter(\n (node) => (node as HTMLElement) instanceof Radio\n ) as Radio[];\n }\n\n rovingTabindexController = new RovingTabindexController<Radio>(this, {\n focusInIndex: (elements: Radio[]) => {\n return elements.findIndex((el) => {\n return this.selected\n ? !el.disabled && el.value === this.selected\n : !el.disabled;\n });\n },\n elementEnterAction: (el: Radio) => {\n this._setSelected(el.value);\n },\n elements: () => this.buttons,\n isFocusableElement: (el: Radio) => !el.disabled,\n });\n\n public override focus(): void {\n this.rovingTabindexController.focus();\n }\n\n private _setSelected(value: string): void {\n if (value === this.selected) {\n return;\n }\n const oldValue = this.selected;\n const radio = value\n ? (this.querySelector(`sp-radio[value=\"${value}\"]`) as Radio)\n : undefined;\n\n // If no matching radio, selected is reset to empty string\n this.selected = radio ? value : '';\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n cancelable: true,\n bubbles: true,\n composed: true,\n })\n );\n if (!applyDefault) {\n this.selected = oldValue;\n return;\n }\n this.validateRadios();\n }\n\n @property({ reflect: true })\n public selected = '';\n\n protected override willUpdate(changes: PropertyValues<this>): void {\n if (!this.hasUpdated) {\n this.setAttribute('role', 'radiogroup');\n const checkedRadio = this.querySelector(\n 'sp-radio[checked]'\n ) as Radio;\n const checkedRadioValue = checkedRadio ? checkedRadio.value : '';\n // Prefer the checked item over the selected value\n this.selected = checkedRadioValue || this.selected;\n // Validate the selected value is actual a radio option\n if (this.selected && this.selected !== checkedRadioValue) {\n const selectedRadio = this.querySelector(\n `sp-radio[value=\"${this.selected}\"]`\n ) as Radio;\n if (selectedRadio) {\n selectedRadio.checked = true;\n }\n }\n\n this.shadowRoot.addEventListener('change', (event: Event) => {\n event.stopPropagation();\n const target = event.target as Radio;\n this._setSelected(target.value);\n });\n }\n\n if (changes.has('selected')) {\n this.validateRadios();\n }\n }\n\n private async validateRadios(): Promise<void> {\n let validSelection = false;\n if (!this.hasUpdated) {\n // Initial validation has to happen after the initial render to allow\n // the buttons to be queries from the rendered <slot> element\n await this.updateComplete;\n }\n this.buttons.map((button) => {\n button.checked = this.selected === button.value;\n validSelection = validSelection || button.checked;\n });\n if (!validSelection) {\n this.selected = '';\n }\n }\n\n protected override handleSlotchange(): void {\n this.rovingTabindexController.clearElementCache();\n }\n}\n"],
|
|
5
|
+
"mappings": "qNAaA,OACI,YAAAA,EACA,sBAAAC,MACG,kDACP,OAAS,6BAAAC,MAAiC,uDAC1C,OAAS,cAAAC,MAAkB,uCAE3B,OAAS,SAAAC,MAAa,aACtB,OAAS,4BAAAC,MAAgC,sEAWlC,aAAM,mBAAmBH,EAA0BC,CAAU,CAAE,CAA/D,kCAEH,KAAO,KAAO,GAWd,8BAA2B,IAAIE,EAAgC,KAAM,CACjE,aAAeC,GACJA,EAAS,UAAWC,GAChB,KAAK,SACN,CAACA,EAAG,UAAYA,EAAG,QAAU,KAAK,SAClC,CAACA,EAAG,QACb,EAEL,mBAAqBA,GAAc,CAC/B,KAAK,aAAaA,EAAG,KAAK,CAC9B,EACA,SAAU,IAAM,KAAK,QACrB,mBAAqBA,GAAc,CAACA,EAAG,QAC3C,CAAC,EAgCD,KAAO,SAAW,GAnDlB,IAAW,SAAmB,CAC1B,OAAO,KAAK,aAAa,OACpBC,GAAUA,aAAgCJ,CAC/C,CACJ,CAiBgB,OAAc,CAC1B,KAAK,yBAAyB,MAAM,CACxC,CAEQ,aAAaK,EAAqB,CACtC,GAAIA,IAAU,KAAK,SACf,OAEJ,MAAMC,EAAW,KAAK,SAChBC,EAAQF,EACP,KAAK,cAAc,mBAAmBA,CAAK,IAAI,EAChD,OAWN,GARA,KAAK,SAAWE,EAAQF,EAAQ,GAQ5B,CAPiB,KAAK,cACtB,IAAI,MAAM,SAAU,CAChB,WAAY,GACZ,QAAS,GACT,SAAU,EACd,CAAC,CACL,EACmB,CACf,KAAK,SAAWC,EAChB,MACJ,CACA,KAAK,eAAe,CACxB,CAKmB,WAAWE,EAAqC,CAC/D,GAAI,CAAC,KAAK,WAAY,CAClB,KAAK,aAAa,OAAQ,YAAY,EACtC,MAAMC,EAAe,KAAK,cACtB,mBACJ,EACMC,EAAoBD,EAAeA,EAAa,MAAQ,GAI9D,GAFA,KAAK,SAAWC,GAAqB,KAAK,SAEtC,KAAK,UAAY,KAAK,WAAaA,EAAmB,CACtD,MAAMC,EAAgB,KAAK,cACvB,mBAAmB,KAAK,QAAQ,IACpC,EACIA,IACAA,EAAc,QAAU,GAEhC,CAEA,KAAK,WAAW,iBAAiB,SAAWC,GAAiB,CACzDA,EAAM,gBAAgB,EACtB,MAAMC,EAASD,EAAM,OACrB,KAAK,aAAaC,EAAO,KAAK,CAClC,CAAC,CACL,CAEIL,EAAQ,IAAI,UAAU,GACtB,KAAK,eAAe,CAE5B,CAEA,MAAc,gBAAgC,CAC1C,IAAIM,EAAiB,GAChB,KAAK,YAGN,MAAM,KAAK,eAEf,KAAK,QAAQ,IAAKC,GAAW,CACzBA,EAAO,QAAU,KAAK,WAAaA,EAAO,MAC1CD,EAAiBA,GAAkBC,EAAO,OAC9C,CAAC,EACID,IACD,KAAK,SAAW,GAExB,CAEmB,kBAAyB,CACxC,KAAK,yBAAyB,kBAAkB,CACpD,CACJ,CA5GWE,EAAA,CADNpB,EAAS,CAAE,KAAM,MAAO,CAAC,GADjB,WAEF,oBAGAoB,EAAA,CADNnB,EAAmB,GAJX,WAKF,4BAqDAmB,EAAA,CADNpB,EAAS,CAAE,QAAS,EAAK,CAAC,GAzDlB,WA0DF",
|
|
6
|
+
"names": ["property", "queryAssignedNodes", "FocusVisiblePolyfillMixin", "FieldGroup", "Radio", "RovingTabindexController", "elements", "el", "node", "value", "oldValue", "radio", "changes", "checkedRadio", "checkedRadioValue", "selectedRadio", "event", "target", "validSelection", "button", "__decorateClass"]
|
|
7
|
+
}
|
package/src/index.d.ts
ADDED
package/src/index.dev.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 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*/\nexport * from './Radio.dev.js'\nexport * from './RadioGroup.dev.js'\n"],
|
|
5
|
+
"mappings": ";AAWA,cAAc;AACd,cAAc;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/src/index.js
ADDED
package/src/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 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*/\nexport * from './Radio.js';\nexport * from './RadioGroup.js';\n"],
|
|
5
|
+
"mappings": "aAWA,WAAc,aACd,WAAc",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=radio-overrides.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["radio-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
|
|
2
|
+
:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}
|
|
3
|
+
`;export default t;
|
|
4
|
+
//# sourceMappingURL=radio-overrides.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["radio-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
@media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=radio.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["radio.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:\"\";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:\"\";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/src/radio.css.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
|
|
2
|
+
@media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}
|
|
3
|
+
`;export default r;
|
|
4
|
+
//# sourceMappingURL=radio.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["radio.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:\"\";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:\"\";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|