@spectrum-web-components/radio 0.11.7 → 0.11.9-overlay-warning.19
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/package.json +8 -8
- package/src/radio.css.dev.js +6 -0
- package/src/radio.css.dev.js.map +2 -2
- package/src/radio.css.js +6 -0
- package/src/radio.css.js.map +2 -2
- package/src/spectrum-radio.css.dev.js +6 -0
- package/src/spectrum-radio.css.dev.js.map +2 -2
- package/src/spectrum-radio.css.js +6 -0
- package/src/spectrum-radio.css.js.map +2 -2
- package/test/radio-group.test.js.map +1 -1
- package/test/radio.test.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/radio",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.9-overlay-warning.19+0c0cf0e30",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"directory": "packages/radio"
|
|
13
13
|
},
|
|
14
14
|
"author": "",
|
|
15
|
-
"homepage": "https://adobe.
|
|
15
|
+
"homepage": "https://opensource.adobe.com/spectrum-web-components/components/radio",
|
|
16
16
|
"bugs": {
|
|
17
17
|
"url": "https://github.com/adobe/spectrum-web-components/issues"
|
|
18
18
|
},
|
|
@@ -65,11 +65,11 @@
|
|
|
65
65
|
"lit-html"
|
|
66
66
|
],
|
|
67
67
|
"dependencies": {
|
|
68
|
-
"@spectrum-web-components/base": "^0.7.
|
|
69
|
-
"@spectrum-web-components/field-group": "^0.8.
|
|
70
|
-
"@spectrum-web-components/help-text": "^0.2.
|
|
71
|
-
"@spectrum-web-components/reactive-controllers": "^0.3.
|
|
72
|
-
"@spectrum-web-components/shared": "^0.15.
|
|
68
|
+
"@spectrum-web-components/base": "^0.7.4-overlay-warning.19+0c0cf0e30",
|
|
69
|
+
"@spectrum-web-components/field-group": "^0.8.2-overlay-warning.19+0c0cf0e30",
|
|
70
|
+
"@spectrum-web-components/help-text": "^0.2.9-overlay-warning.19+0c0cf0e30",
|
|
71
|
+
"@spectrum-web-components/reactive-controllers": "^0.3.5",
|
|
72
|
+
"@spectrum-web-components/shared": "^0.15.5-overlay-warning.19+0c0cf0e30"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@spectrum-css/radio": "^5.0.1"
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"./sp-*.js",
|
|
81
81
|
"./**/*.dev.js"
|
|
82
82
|
],
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "0c0cf0e307adb5e67526edb57de4f51ddfedefe1"
|
|
84
84
|
}
|
package/src/radio.css.dev.js
CHANGED
|
@@ -153,6 +153,12 @@ const styles = css`
|
|
|
153
153
|
)
|
|
154
154
|
);border-style:solid;border-width:var(
|
|
155
155
|
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
156
|
+
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(
|
|
157
|
+
--highcontrast-radio-focus-indicator-color,var(
|
|
158
|
+
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
|
159
|
+
)
|
|
160
|
+
);border-style:solid;border-width:var(
|
|
161
|
+
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
156
162
|
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(
|
|
157
163
|
--highcontrast-radio-focus-indicator-color,var(
|
|
158
164
|
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
package/src/radio.css.dev.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["radio.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}:host{--spectrum-radio-label-margin-top:var(\n--spectrum-global-dimension-size-75,6px\n)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}:host{--spectrum-radio-label-margin-top:var(\n--spectrum-global-dimension-size-75,6px\n)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyOf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/radio.css.js
CHANGED
|
@@ -151,6 +151,12 @@
|
|
|
151
151
|
)
|
|
152
152
|
);border-style:solid;border-width:var(
|
|
153
153
|
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
154
|
+
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(
|
|
155
|
+
--highcontrast-radio-focus-indicator-color,var(
|
|
156
|
+
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
|
157
|
+
)
|
|
158
|
+
);border-style:solid;border-width:var(
|
|
159
|
+
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
154
160
|
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(
|
|
155
161
|
--highcontrast-radio-focus-indicator-color,var(
|
|
156
162
|
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
package/src/radio.css.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["radio.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}:host{--spectrum-radio-label-margin-top:var(\n--spectrum-global-dimension-size-75,6px\n)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}:host{--spectrum-radio-label-margin-top:var(\n--spectrum-global-dimension-size-75,6px\n)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyOf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -153,6 +153,12 @@ const styles = css`
|
|
|
153
153
|
)
|
|
154
154
|
);border-style:solid;border-width:var(
|
|
155
155
|
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
156
|
+
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(
|
|
157
|
+
--highcontrast-radio-focus-indicator-color,var(
|
|
158
|
+
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
|
159
|
+
)
|
|
160
|
+
);border-style:solid;border-width:var(
|
|
161
|
+
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
156
162
|
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(
|
|
157
163
|
--highcontrast-radio-focus-indicator-color,var(
|
|
158
164
|
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-radio.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuOf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -151,6 +151,12 @@
|
|
|
151
151
|
)
|
|
152
152
|
);border-style:solid;border-width:var(
|
|
153
153
|
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
154
|
+
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(
|
|
155
|
+
--highcontrast-radio-focus-indicator-color,var(
|
|
156
|
+
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
|
157
|
+
)
|
|
158
|
+
);border-style:solid;border-width:var(
|
|
159
|
+
--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)
|
|
154
160
|
);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(
|
|
155
161
|
--highcontrast-radio-focus-indicator-color,var(
|
|
156
162
|
--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-radio.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 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-neutral-content-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-radio-neutral-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-radio-neutral-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-radio-neutral-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-radio-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-radio-disabled-content-color:var(\n--spectrum-disabled-content-color\n);--spectrum-radio-disabled-border-color:var(--spectrum-gray-400);--spectrum-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--spectrum-radio-emphasized-accent-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-emphasized-accent-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-radio-emphasized-accent-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-radio-border-width:var(--spectrum-border-width-200);--spectrum-radio-button-background-color:var(--spectrum-gray-75);--spectrum-radio-line-height:var(--spectrum-line-height-100);--spectrum-radio-animation-duration:var(--spectrum-animation-duration-100);--spectrum-radio-height:var(--spectrum-component-height-100);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-radio-cjk-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([size=s]){--spectrum-radio-height:var(\n--spectrum-component-height-75\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-small\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-75);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-75\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-small\n);--spectrum-radio-font-size:var(--spectrum-font-size-75)}:host([size=m]){--spectrum-radio-height:var(\n--spectrum-component-height-100\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-medium\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-100);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-medium\n);--spectrum-radio-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-radio-height:var(\n--spectrum-component-height-200\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-200);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-200\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-radio-height:var(\n--spectrum-component-height-300\n);--spectrum-radio-button-control-size:var(\n--spectrum-radio-button-control-size-extra-large\n);--spectrum-radio-text-to-control:var(--spectrum-text-to-control-300);--spectrum-radio-label-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-radio-label-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-radio-button-top-to-control:var(\n--spectrum-radio-button-top-to-control-extra-large\n);--spectrum-radio-font-size:var(--spectrum-font-size-300)}@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{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));position:relative;vertical-align:top}:host(:hover) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-hover,var(\n--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)\n)\n)}:host(:hover[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-hover,var(\n--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-radio-neutral-content-color-hover,var(\n--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)\n)\n)}:host(:active) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-down,var(\n--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)\n)\n)}:host(:active[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-down,var(\n--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)\n)\n)}:host(:active) #label{color:var(\n--highcontrast-radio-neutral-content-color-down,var(\n--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)\n)\n)}:host(:focus) #button:before{border-color:var(\n--highcontrast-radio-button-border-color-focus,var(\n--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)\n)\n)}:host(:focus) #button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus[checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-focus,var(\n--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)\n)\n)}:host(:focus) #label{color:var(\n--highcontrast-radio-neutral-content-color-focus,var(\n--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)\n)\n)}:host([invalid]) #label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n)}:host(.is-readOnly) #input:read-only{cursor:auto}:host(.is-readOnly) #button{clip:rect(1px,1px,1px,1px);bottom:100%;clip-path:inset(50%);position:fixed;right:100%}:host(.is-readOnly),:host(.is-readOnly) #label,:host(.is-readOnly[checked][disabled]) #input~#label,:host(.is-readOnly[disabled]) #input~#label{color:inherit;margin-inline-start:auto}:host([emphasized][checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color,var(\n--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)\n)\n)}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-hover,var(\n--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)\n)\n)}:host([emphasized][checked]:active) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-down,var(\n--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)\n)\n)}:host([emphasized][checked]:focus) #input+#button:before{border-color:var(\n--highcontrast-radio-emphasized-accent-color-focus,var(\n--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)\n)\n)}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(\n--highcontrast-radio-disabled-border-color,var(\n--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)\n)\n)}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(\n--highcontrast-radio-disabled-content-color,var(\n--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)\n)\n)}#input{block-size:100%;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin:0;opacity:0;overflow:visible;padding:0;position:absolute;z-index:1}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-color:var(\n--highcontrast-radio-button-checked-border-color-default,var(\n--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)\n)\n);border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input.focus-visible+#button:after,:host(.focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#input:focus-visible+#button:after,:host(:focus-visible) #input+#button:after{border-color:var(\n--highcontrast-radio-focus-indicator-color,var(\n--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)\n)\n);border-style:solid;border-width:var(\n--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness)\n);height:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);width:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}#label{color:var(\n--highcontrast-radio-neutral-content-color,var(\n--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)\n)\n);font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));line-height:var(\n--mod-radio-line-height,var(--spectrum-radio-line-height)\n);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-block-start:var(--spectrum-radio-label-top-to-text);margin-inline-start:var(\n--mod-radio-text-to-control,var(--spectrum-radio-text-to-control)\n);text-align:start;transition:color var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--spectrum-radio-cjk-line-height\n)}#button{block-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);box-sizing:border-box;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);margin-block-start:var(\n--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control)\n);position:relative}#button:before{background-color:var(\n--highcontrast-radio-button-background-color,var(\n--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)\n)\n);border-color:var(\n--highcontrast-radio-button-border-color-default,var(\n--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)\n)\n);border-radius:50%;border-style:solid;border-width:var(\n--mod-radio-border-width,var(--spectrum-radio-border-width)\n);box-sizing:border-box;content:\"\";display:block;height:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);position:absolute;transition:border var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-in-out;width:var(\n--mod-radio-button-control-size,var(--spectrum-radio-button-control-size)\n);z-index:0}#button:after{border-radius:50%;content:\"\";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out,margin var(\n--mod-radio-animation-duration,var(--spectrum-radio-animation-duration)\n) ease-out}:host{--spectrum-radio-button-border-color-default:var(\n--system-spectrum-radio-button-border-color-default\n);--spectrum-radio-button-border-color-hover:var(\n--system-spectrum-radio-button-border-color-hover\n);--spectrum-radio-button-border-color-down:var(\n--system-spectrum-radio-button-border-color-down\n);--spectrum-radio-button-border-color-focus:var(\n--system-spectrum-radio-button-border-color-focus\n);--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-button-checked-border-color-focus\n)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-default\n);--spectrum-radio-button-checked-border-color-hover:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-hover\n);--spectrum-radio-button-checked-border-color-down:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-down\n);--spectrum-radio-button-checked-border-color-focus:var(\n--system-spectrum-radio-emphasized-button-checked-border-color-focus\n)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuOf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["radio-group.test.ts"],
|
|
4
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 '@spectrum-web-components/radio/sp-radio-group.js';\nimport '@spectrum-web-components/radio/sp-radio.js';\nimport { Radio, RadioGroup } from '@spectrum-web-components/radio';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\nimport {\n arrowDownEvent,\n arrowLeftEvent,\n arrowRightEvent,\n arrowUpEvent,\n endEvent,\n enterEvent,\n homeEvent,\n} from '../../../test/testing-helpers.js';\nimport {\n a11ySnapshot,\n findAccessibilityNode,\n sendKeys,\n} from '@web/test-runner-commands';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { spy } from 'sinon';\n\ndescribe('Radio Group - focus control', () => {\n it('does not accept focus when empty', async () => {\n const el = await fixture<RadioGroup>(\n html`\n <sp-radio-group></sp-radio-group>\n `\n );\n\n await elementUpdated(el);\n\n expect(document.activeElement === el).to.be.false;\n\n el.focus();\n await elementUpdated(el);\n\n expect(document.activeElement === el).to.be.false;\n });\n it('focuses selected before first', async () => {\n const values = ['first', 'second', 'third'];\n const el = await fixture<RadioGroup>(\n html`\n <sp-radio-group selected=\"second\">\n <sp-radio value=${values[0]}>Option 1</sp-radio>\n <sp-radio value=${values[1]}>Option 2</sp-radio>\n <sp-radio value=${values[2]}>Option 3</sp-radio>\n </sp-radio-group>\n `\n );\n\n await elementUpdated(el);\n const selected = el.querySelector('[value=\"second\"]') as Radio;\n\n expect(document.activeElement === el).to.be.false;\n\n el.focus();\n await elementUpdated(el);\n\n expect(document.activeElement === selected).to.be.true;\n });\n it('focuses the child input not the root when [tabindex=-1]', async () => {\n const values = ['first', 'second', 'third'];\n const el = await fixture<RadioGroup>(\n html`\n <sp-radio-group selected=\"second\">\n <sp-radio value=${values[0]}>Option 1</sp-radio>\n <sp-radio value=${values[1]}>Option 2</sp-radio>\n <sp-radio value=${values[2]}>Option 3</sp-radio>\n </sp-radio-group>\n `\n );\n\n await elementUpdated(el);\n const first = el.querySelector('[value=\"first\"]') as Radio;\n const selected = el.querySelector('[value=\"second\"]') as Radio;\n expect(selected.tabIndex).to.equal(0);\n expect(first.tabIndex).to.equal(-1);\n\n const firstRect = first.getBoundingClientRect();\n await sendMouse({\n steps: [\n {\n type: 'move',\n position: [firstRect.x + 2, firstRect.y + 2],\n },\n {\n type: 'down',\n },\n ],\n });\n await elementUpdated(el);\n\n // Safari can have a situation where it thinks the root is focused, but really something inside of the\n // element is focused instead, this tests for both no focus on the root or focus inside of the element.\n expect(\n !first.matches(':focus') || first.matches(':focus-within'),\n 'root should not'\n ).to.be.true;\n });\n it('does not select on focus', async () => {\n const el = await fixture<RadioGroup>(\n html`\n <sp-radio-group>\n <sp-radio value=\"1\">Options 1</sp-radio>\n <sp-radio value=\"2\">Options 2</sp-radio>\n <sp-radio value=\"3\">Options 3</sp-radio>\n <sp-radio value=\"4\">Options 4</sp-radio>\n <sp-radio value=\"5\">Options 5</sp-radio>\n </sp-radio-group>\n `\n );\n\n await elementUpdated(el);\n\n const radio1 = el.querySelector('sp-radio:nth-child(1)') as Radio;\n const radio2 = el.querySelector('sp-radio:nth-child(2)') as Radio;\n\n expect(el.selected).to.equal('');\n\n radio1.focus();\n await elementUpdated(el);\n\n expect(el.selected).to.equal('');\n el.selected = '1';\n await elementUpdated(el);\n\n expect(el.selected).to.equal('1');\n expect(radio1.checked).to.be.true;\n radio2.focus();\n await elementUpdated(el);\n\n expect(el.selected).to.equal('1');\n expect(radio1.checked).to.be.true;\n });\n it('loads accepts keyboard events while focused', async () => {\n const el = await fixture<RadioGroup>(\n html`\n <sp-radio-group>\n <sp-radio>Options 1</sp-radio>\n <sp-radio>Options 2</sp-radio>\n <sp-radio>Options 3</sp-radio>\n <sp-radio>Options 4</sp-radio>\n <sp-radio>Options 5</sp-radio>\n </sp-radio-group>\n `\n );\n\n await elementUpdated(el);\n\n const radio1 = el.querySelector('sp-radio:nth-child(1)') as Radio;\n const radio2 = el.querySelector('sp-radio:nth-child(2)') as Radio;\n const radio3 = el.querySelector('sp-radio:nth-child(3)') as Radio;\n const radio4 = el.querySelector('sp-radio:nth-child(4)') as Radio;\n const radio5 = el.querySelector('sp-radio:nth-child(5)') as Radio;\n\n radio1.focus();\n await elementUpdated(el);\n\n el.dispatchEvent(arrowRightEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio2).to.be.true;\n\n el.dispatchEvent(arrowDownEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio3).to.be.true;\n\n el.dispatchEvent(endEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio5).to.be.true;\n\n el.dispatchEvent(arrowLeftEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio4).to.be.true;\n\n el.dispatchEvent(arrowUpEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio3).to.be.true;\n\n el.dispatchEvent(homeEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio1).to.be.true;\n\n radio1.blur();\n });\n it('accepts keyboard interactions where `checked` and `calculateFocusInIndex` might conflict', async () => {\n const el = await fixture<RadioGroup>(\n html`\n <sp-radio-group>\n <sp-radio>Options 1</sp-radio>\n <sp-radio>Options 2</sp-radio>\n <sp-radio>Options 3</sp-radio>\n <sp-radio>Options 4</sp-radio>\n <sp-radio>Options 5</sp-radio>\n </sp-radio-group>\n `\n );\n\n await elementUpdated(el);\n\n const radio1 = el.querySelector('sp-radio:nth-child(1)') as Radio;\n const radio5 = el.querySelector('sp-radio:nth-child(5)') as Radio;\n\n radio5.focus();\n await elementUpdated(el);\n expect(document.activeElement === radio5).to.be.true;\n expect(radio5.checked).to.be.true;\n\n await sendKeys({\n press: 'ArrowRight',\n });\n await elementUpdated(el);\n\n expect(document.activeElement === radio1).to.be.true;\n expect(radio1.checked).to.be.true;\n });\n it('acknowledges `disabled` and accepts keyboard events while focused', async () => {\n const el = await fixture<RadioGroup>(\n html`\n <sp-radio-group>\n <sp-radio value=\"1\" disabled>Option 1</sp-radio>\n <sp-radio value=\"2\">Option 2</sp-radio>\n <sp-radio value=\"3\">Option 3</sp-radio>\n <sp-radio value=\"4\">Option 4</sp-radio>\n <sp-radio value=\"5\" disabled>Option 5</sp-radio>\n </sp-radio-group>\n `\n );\n\n await elementUpdated(el);\n\n const radio2 = el.querySelector('sp-radio:nth-child(2)') as Radio;\n const radio4 = el.querySelector('sp-radio:nth-child(4)') as Radio;\n\n radio2.focus();\n await elementUpdated(el);\n expect(document.activeElement === radio2, 'start 2').to.be.true;\n expect(el.selected).to.equal('');\n\n el.dispatchEvent(enterEvent());\n el.dispatchEvent(endEvent());\n await elementUpdated(el);\n expect(document.activeElement === radio4, 'first 4').to.be.true;\n expect(el.selected).to.equal('4');\n\n el.dispatchEvent(homeEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio2, 'second 2').to.be.true;\n\n el.dispatchEvent(arrowUpEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio4, 'third 4').to.be.true;\n\n el.dispatchEvent(arrowDownEvent());\n await elementUpdated(el);\n\n expect(document.activeElement === radio2, 'fourth 2').to.be.true;\n });\n});\n\ndescribe('Group Accessibility', () => {\n it('created the expected accessibility tree', async () => {\n await fixture(html`\n <sp-radio-group label=\"Testing Label\" tabindex=\"0\">\n <sp-radio value=\"first\">Option 1</sp-radio>\n <sp-radio value=\"second\" checked>Option 2</sp-radio>\n <sp-radio value=\"third\">Option 3</sp-radio>\n </sp-radio-group>\n `);\n\n type NamedRoledAndCheckedNode = {\n name: string;\n role: string;\n checked: boolean;\n };\n const snapshot = (await a11ySnapshot(\n {}\n )) as unknown as NamedRoledAndCheckedNode & {\n children: NamedRoledAndCheckedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedRoledAndCheckedNode>(\n snapshot,\n (\n node // Firefox uses 'group' instead of 'radiogroup' here.\n ) =>\n (node.role === 'radiogroup' || node.role === 'group') &&\n node.name === 'Testing Label'\n ),\n 'Has a \"radiogroup\" with the supplied name'\n ).to.not.be.null;\n expect(\n findAccessibilityNode<NamedRoledAndCheckedNode>(\n snapshot,\n (node) =>\n node.role === 'radio' &&\n node.checked &&\n node.name === 'Option 2'\n ),\n 'Has a named and checked \"radio\" element'\n ).to.not.be.null;\n expect(\n findAccessibilityNode<NamedRoledAndCheckedNode>(\n snapshot,\n (node) =>\n node.name === 'Option 2' && node.role.startsWith('text')\n ),\n 'Does not have a text leaf named like the \"radio\" element'\n ).to.be.null;\n });\n});\n\ndescribe('Radio Group', () => {\n let testDiv!: HTMLDivElement;\n\n beforeEach(async () => {\n testDiv = await fixture<HTMLDivElement>(\n html`\n <div id=\"test-radio-group\">\n <sp-radio-group id=\"test-default\">\n <sp-radio value=\"first\" checked>Option 1</sp-radio>\n <sp-radio value=\"second\">Option 2</sp-radio>\n <sp-radio value=\"third\">Option 3</sp-radio>\n </sp-radio-group>\n <sp-radio-group id=\"test-multiple-checked\">\n <sp-radio value=\"first\" checked>Option 1</sp-radio>\n <sp-radio value=\"second\" checked>Option 2</sp-radio>\n <sp-radio value=\"third\">Option 3</sp-radio>\n </sp-radio-group>\n <sp-radio-group id=\"test-disabled\">\n <sp-radio value=\"first\" checked>Option 1</sp-radio>\n <sp-radio value=\"second\" disabled>Option 2</sp-radio>\n </sp-radio-group>\n <sp-radio-group id=\"test-all-checked\">\n <sp-radio value=\"first\" checked>Option 1</sp-radio>\n <sp-radio value=\"second\" checked>Option 2</sp-radio>\n </sp-radio-group>\n <sp-radio-group id=\"test-selected\" selected=\"third\">\n <sp-radio value=\"first\">Option 1</sp-radio>\n <sp-radio value=\"second\">Option 2</sp-radio>\n <sp-radio value=\"third\">Option 3</sp-radio>\n </sp-radio-group>\n <sp-radio-group id=\"test-selected-click\" selected=\"third\">\n <sp-radio value=\"first\">Option 1</sp-radio>\n <sp-radio value=\"second\">Option 2</sp-radio>\n <sp-radio value=\"third\">Option 3</sp-radio>\n </sp-radio-group>\n <sp-radio-group\n id=\"test-checked-prioritized\"\n selected=\"second\"\n >\n <sp-radio value=\"first\" checked>Option 1</sp-radio>\n <sp-radio value=\"second\">Option 2</sp-radio>\n </sp-radio-group>\n <sp-radio-group id=\"test-integer-value\" selected=\"5\">\n <sp-radio value=\"5\" checked>Option 5</sp-radio>\n <sp-radio value=\"7\">Option 7</sp-radio>\n </sp-radio-group>\n <sp-radio-group id=\"test-none-selected\">\n <sp-radio value=\"first\">Option 1</sp-radio>\n <sp-radio value=\"second\">Option 2</sp-radio>\n <sp-radio value=\"third\">Option 3</sp-radio>\n </sp-radio-group>\n </div>\n `\n );\n });\n\n it('loads', () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-default'\n ) as RadioGroup;\n const radioChildren = radioGroup.querySelectorAll('sp-radio');\n\n expect(radioGroup).to.exist;\n expect(radioChildren.length).to.equal(3);\n });\n\n it('loads accessibly', async () => {\n await expect(testDiv).to.be.accessible();\n });\n\n it('validates selection', async () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-none-selected'\n ) as RadioGroup;\n expect(radioGroup.selected).to.equal('');\n\n radioGroup.selected = 'missing';\n await elementUpdated(radioGroup);\n\n expect(radioGroup.selected).to.equal('');\n });\n\n it('can have selection prevented', async () => {\n const el = testDiv.querySelector(\n 'sp-radio-group#test-default'\n ) as RadioGroup;\n const secondRadio = el.querySelector('sp-radio[value=second]') as Radio;\n const thirdRadio = el.querySelector('sp-radio[value=third]') as Radio;\n\n await elementUpdated(el);\n expect(el.selected).to.equal('first');\n\n secondRadio.click();\n\n await elementUpdated(el);\n expect(el.selected).to.equal('second');\n\n el.addEventListener('change', (event) => event.preventDefault());\n\n thirdRadio.click();\n\n await elementUpdated(el);\n expect(el.selected).to.equal('second');\n });\n\n it('reflects checked radio with selected property', async () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-default'\n ) as RadioGroup;\n const firstRadio = radioGroup.querySelector(\n 'sp-radio[value=first]'\n ) as Radio;\n const secondRadio = radioGroup.querySelector(\n 'sp-radio[value=second]'\n ) as Radio;\n const thirdRadio = radioGroup.querySelector(\n 'sp-radio[value=third]'\n ) as Radio;\n\n expect(firstRadio.checked).to.be.true;\n expect(secondRadio.checked).to.be.false;\n expect(thirdRadio.checked).to.be.false;\n expect(radioGroup.selected).to.equal(firstRadio.value);\n\n secondRadio.click();\n await elementUpdated(radioGroup);\n\n expect(firstRadio.checked).to.be.false;\n expect(secondRadio.checked).to.be.true;\n expect(thirdRadio.checked).to.be.false;\n expect(radioGroup.selected).to.equal(secondRadio.value);\n\n thirdRadio.click();\n await elementUpdated(radioGroup);\n\n expect(firstRadio.checked).to.be.false;\n expect(secondRadio.checked).to.be.false;\n expect(thirdRadio.checked).to.be.true;\n expect(radioGroup.selected).to.equal(thirdRadio.value);\n });\n\n it('forces only one radio to be checked', () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-multiple-checked'\n ) as RadioGroup;\n const checkedRadios = radioGroup.querySelectorAll('sp-radio[checked]');\n\n expect(radioGroup.selected).to.equal('first');\n expect(checkedRadios.length).to.equal(1);\n });\n\n it('respects clicking on disabled attribute causing nothing to happen', async () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-disabled'\n ) as RadioGroup;\n const checkedRadio = radioGroup.querySelector(\n 'sp-radio[checked]'\n ) as Radio;\n const disabledRadio = radioGroup.querySelector(\n 'sp-radio[disabled]'\n ) as Radio;\n\n disabledRadio.click();\n await elementUpdated(radioGroup);\n\n expect(disabledRadio.checked).to.be.false;\n expect(checkedRadio.checked).to.be.true;\n expect(radioGroup.selected).to.equal(checkedRadio.value);\n });\n\n it('de-checks all but first checked radio if multiple checked', () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-multiple-checked'\n ) as RadioGroup;\n const radio1 = radioGroup.querySelector(\n 'sp-radio[value=first]'\n ) as Radio;\n const radio2 = radioGroup.querySelector(\n 'sp-radio[value=second]'\n ) as Radio;\n\n expect(radioGroup.selected).to.equal('first');\n expect(radio1.checked).to.be.true;\n expect(radio2.checked).to.be.false;\n });\n\n it('ensures setting selection updates checked radio', async () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-selected'\n ) as RadioGroup;\n const radio1 = radioGroup.querySelector(\n 'sp-radio[value=first]'\n ) as Radio;\n const radio2 = radioGroup.querySelector(\n 'sp-radio[value=second]'\n ) as Radio;\n const radio3 = radioGroup.querySelector(\n 'sp-radio[value=third]'\n ) as Radio;\n\n expect(radioGroup.selected).to.equal('third');\n expect(radio1.checked).to.be.false;\n expect(radio2.checked).to.be.false;\n expect(radio3.checked, 'initial').to.be.true;\n\n radioGroup.selected = 'second';\n await elementUpdated(radioGroup);\n\n expect(radioGroup.selected).to.equal('second');\n expect(radio1.checked).to.be.false;\n expect(radio2.checked, 'second').to.be.true;\n expect(radio3.checked).to.be.false;\n\n radioGroup.selected = 'first';\n await elementUpdated(radioGroup);\n\n expect(radioGroup.selected).to.equal('first');\n expect(radio1.checked, 'third').to.be.true;\n expect(radio2.checked).to.be.false;\n expect(radio3.checked).to.be.false;\n });\n\n it('ensures setting selected and clicking on radio both work together', async () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-selected-click'\n ) as RadioGroup;\n const radio1 = radioGroup.querySelector(\n 'sp-radio[value=first]'\n ) as Radio;\n const radio2 = radioGroup.querySelector(\n 'sp-radio[value=second]'\n ) as Radio;\n const radio3 = radioGroup.querySelector(\n 'sp-radio[value=third]'\n ) as Radio;\n\n expect(radioGroup.selected).to.equal('third');\n radio2.click();\n await elementUpdated(radioGroup);\n\n expect(radioGroup.selected).to.equal('second');\n expect(radio1.checked).to.be.false;\n expect(radio2.checked).to.be.true;\n expect(radio3.checked).to.be.false;\n\n radioGroup.selected = 'first';\n await elementUpdated(radioGroup);\n\n expect(radioGroup.selected).to.equal('first');\n expect(radio1.checked, 'moved to checked').to.be.true;\n expect(radio2.checked).to.be.false;\n expect(radio3.checked).to.be.false;\n });\n\n it('prioritizes checked over selected on initialization when conflicting', () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-checked-prioritized'\n ) as RadioGroup;\n const radio1 = radioGroup.querySelector(\n 'sp-radio[value=first]'\n ) as Radio;\n const radio2 = radioGroup.querySelector(\n 'sp-radio[value=second]'\n ) as Radio;\n\n expect(radioGroup.selected).to.equal('first');\n expect(radio1.checked).to.be.true;\n expect(radio2.checked).to.be.false;\n });\n\n it('handles integer values for radio buttons', () => {\n const radioGroup = testDiv.querySelector(\n 'sp-radio-group#test-integer-value'\n ) as RadioGroup;\n expect(radioGroup.selected).to.equal('5');\n });\n\n it('prevents `change` events from radio buttons', async () => {\n const changeSpy = spy();\n const onChange = (event: Event & { target: RadioGroup }): void => {\n changeSpy(event.target.selected);\n };\n const el = await fixture(html`\n <sp-radio-group @change=${onChange}>\n <sp-radio value=\"bulbasaur\">Bulbasaur</sp-radio>\n <sp-radio value=\"squirtle\">Squirtle</sp-radio>\n <sp-radio value=\"charmander\">Charmander</sp-radio>\n </sp-radio-group>\n `);\n\n const bulbasaur = el.querySelector('[value=\"bulbasaur\"]') as Radio;\n const charmander = el.querySelector('[value=\"charmander\"]') as Radio;\n bulbasaur.click();\n bulbasaur.click();\n charmander.click();\n\n expect(changeSpy.calledWith(undefined)).to.be.false;\n });\n});\n"],
|
|
5
|
-
"mappings": ";AAYA,OAAO;AACP,OAAO;AAEP,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AACtD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AAEpB,SAAS,+BAA+B,MAAM;AAC1C,KAAG,oCAAoC,YAAY;AAC/C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,SAAS,kBAAkB,EAAE,EAAE,GAAG,GAAG;AAE5C,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AAEvB,WAAO,SAAS,kBAAkB,EAAE,EAAE,GAAG,GAAG;AAAA,EAChD,CAAC;AACD,KAAG,iCAAiC,YAAY;AAC5C,UAAM,SAAS,CAAC,SAAS,UAAU,OAAO;AAC1C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA,sCAE0B,OAAO;AAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/test/radio.test.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["radio.test.ts"],
|
|
4
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 '@spectrum-web-components/radio/sp-radio.js';\nimport { Radio } from '@spectrum-web-components/radio';\nimport {\n elementUpdated,\n expect,\n fixture,\n html,\n triggerBlurFor,\n waitUntil,\n} from '@open-wc/testing';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { sendKeys } from '@web/test-runner-commands';\n\nfunction labelNodeForRadio(radio: Radio): Node {\n if (!radio.shadowRoot) throw new Error('No shadowRoot');\n const slotEl = radio.shadowRoot.querySelector('slot') as HTMLSlotElement;\n\n return slotEl.assignedNodes()[0];\n}\n\ndescribe('Radio', () => {\n let testDiv!: HTMLDivElement;\n\n beforeEach(async () => {\n testDiv = await fixture<HTMLDivElement>(\n html`\n <div id=\"test-radio\">\n <sp-radio value=\"first\" checked>Option 1</sp-radio>\n <sp-radio value=\"second\">Option 2</sp-radio>\n <sp-radio value=\"third\" autofocus>Option 3</sp-radio>\n <sp-radio value=\"fourth\" disabled>Option 4</sp-radio>\n </div>\n `\n );\n });\n it('loads', async () => {\n const el = testDiv.querySelector('sp-radio[value=first]') as Radio;\n const textNode = labelNodeForRadio(el as Radio);\n\n expect(el).to.not.equal(undefined);\n expect(el.innerText).to.equal('Option 1');\n expect(textNode.textContent).to.equal('Option 1');\n });\n\n it('loads accessibly', async () => {\n await expect(testDiv).to.be.accessible();\n });\n\n it('respects checked attribute', () => {\n const el1 = document.querySelector('[value=first]') as Radio;\n const el2 = testDiv.querySelector('[value=second]') as Radio;\n\n expect(el1.checked).to.be.true;\n expect(el2.checked).to.be.false;\n });\n\n it('handles click events', async () => {\n let value = '';\n let checked = false;\n const el = testDiv.querySelector('[value=third]') as Radio;\n el.addEventListener('change', (event) => {\n const target = event.target as Radio;\n value = target.value;\n checked = target.checked;\n });\n\n expect(el.checked).to.be.false;\n expect(value).to.equal('');\n expect(checked).to.be.false;\n\n el.click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n expect(value).to.equal('third');\n expect(checked).to.be.true;\n });\n\n it('autofocuses', async () => {\n const autoElement = testDiv.querySelector(\n 'sp-radio[autofocus]'\n ) as Radio;\n\n expect(autoElement).to.exist;\n await waitUntil(\n () => document.activeElement === autoElement,\n 'Autofocused'\n );\n\n await triggerBlurFor(autoElement);\n\n expect(document.activeElement).to.not.equal(autoElement);\n });\n\n it('ensures clicking disabled does not check them', async () => {\n const el = testDiv.querySelector('sp-radio[disabled]') as Radio;\n\n expect(el.checked).to.be.false;\n\n el.click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.false;\n });\n\n it('renders [invalid]', async () => {\n const el = await fixture<Radio>(html`\n <sp-radio invalid>Component</sp-radio>\n `);\n\n expect(el.getAttribute('aria-invalid')).to.equal('true');\n });\n\n describe('accepts \"clicks\"', () => {\n let el!: Radio;\n beforeEach(async () => {\n el = await fixture<Radio>(html`\n <sp-radio>Component</sp-radio>\n `);\n });\n it('imperatively', async () => {\n el.click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n it('as events', async () => {\n el.dispatchEvent(new Event('click'));\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n it('from the keyboard', async () => {\n el.focus();\n await elementUpdated(el);\n await sendKeys({\n press: 'Space',\n });\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n it('imperatively', async () => {\n const boundingClientRecrt = el.getBoundingClientRect();\n const radioPosition: [number, number] = [\n boundingClientRecrt.x + boundingClientRecrt.width / 2,\n boundingClientRecrt.y + boundingClientRecrt.height / 2,\n ];\n await sendMouse({\n steps: [\n {\n type: 'move',\n position: radioPosition,\n },\n {\n type: 'down',\n },\n {\n type: 'up',\n },\n ],\n });\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n });\n\n it('maintains its value when [readonly]', async () => {\n const el = await fixture<Radio>(html`\n <sp-radio checked readonly>Component</sp-radio>\n `);\n expect(el.checked).to.be.true;\n\n el.click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n});\n"],
|
|
5
|
-
"mappings": ";AAYA,OAAO;AAEP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAEzB,SAAS,kBAAkB,OAAoB;AAC3C,MAAI,CAAC,MAAM;AAAY,UAAM,IAAI,MAAM,eAAe;AACtD,QAAM,SAAS,MAAM,WAAW,cAAc,MAAM;AAEpD,SAAO,OAAO,cAAc,EAAE;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|