@spectrum-web-components/radio 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/package.json +7 -7
  2. package/sp-radio-group.d.ts +6 -0
  3. package/sp-radio-group.dev.js +5 -0
  4. package/sp-radio-group.dev.js.map +7 -0
  5. package/sp-radio-group.js +2 -0
  6. package/sp-radio-group.js.map +7 -0
  7. package/sp-radio.d.ts +6 -0
  8. package/sp-radio.dev.js +5 -0
  9. package/sp-radio.dev.js.map +7 -0
  10. package/sp-radio.js +2 -0
  11. package/sp-radio.js.map +7 -0
  12. package/src/Radio.d.ts +38 -0
  13. package/src/Radio.dev.js +133 -0
  14. package/src/Radio.dev.js.map +7 -0
  15. package/src/Radio.js +6 -0
  16. package/src/Radio.js.map +7 -0
  17. package/src/RadioGroup.d.ts +27 -0
  18. package/src/RadioGroup.dev.js +118 -0
  19. package/src/RadioGroup.dev.js.map +7 -0
  20. package/src/RadioGroup.js +2 -0
  21. package/src/RadioGroup.js.map +7 -0
  22. package/src/index.d.ts +2 -0
  23. package/src/index.dev.js +4 -0
  24. package/src/index.dev.js.map +7 -0
  25. package/src/index.js +2 -0
  26. package/src/index.js.map +7 -0
  27. package/src/radio-overrides.css.d.ts +2 -0
  28. package/src/radio-overrides.css.dev.js +7 -0
  29. package/src/radio-overrides.css.dev.js.map +7 -0
  30. package/src/radio-overrides.css.js +4 -0
  31. package/src/radio-overrides.css.js.map +7 -0
  32. package/src/radio.css.d.ts +2 -0
  33. package/src/radio.css.dev.js +7 -0
  34. package/src/radio.css.dev.js.map +7 -0
  35. package/src/radio.css.js +4 -0
  36. package/src/radio.css.js.map +7 -0
  37. package/src/spectrum-radio.css.d.ts +2 -0
  38. package/src/spectrum-radio.css.dev.js +7 -0
  39. package/src/spectrum-radio.css.dev.js.map +7 -0
  40. package/src/spectrum-radio.css.js +4 -0
  41. package/src/spectrum-radio.css.js.map +7 -0
  42. package/stories/radio-sizes.stories.js +76 -0
  43. package/stories/radio-sizes.stories.js.map +7 -0
  44. package/stories/radio.stories.js +147 -0
  45. package/stories/radio.stories.js.map +7 -0
  46. package/test/benchmark/test-basic.js +13 -0
  47. package/test/benchmark/test-basic.js.map +7 -0
  48. package/test/radio-group.test.js +560 -0
  49. package/test/radio-group.test.js.map +7 -0
  50. package/test/radio-memory.test.js +8 -0
  51. package/test/radio-memory.test.js.map +7 -0
  52. package/test/radio-sizes.test-vrt.js +5 -0
  53. package/test/radio-sizes.test-vrt.js.map +7 -0
  54. package/test/radio.test-vrt.js +5 -0
  55. package/test/radio.test-vrt.js.map +7 -0
  56. package/test/radio.test.js +151 -0
  57. package/test/radio.test.js.map +7 -0
@@ -0,0 +1,4 @@
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
2
+ :host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}
3
+ `;export default t;
4
+ //# sourceMappingURL=radio-overrides.css.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["radio-overrides.css.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
+ "names": ["css", "styles"]
7
+ }
@@ -0,0 +1,2 @@
1
+ declare const styles: import("@spectrum-web-components/base").CSSResult;
2
+ export default styles;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ import { css } from "@spectrum-web-components/base";
3
+ const styles = css`
4
+ @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}
5
+ `;
6
+ export default styles;
7
+ //# sourceMappingURL=radio.css.dev.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["radio.css.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:\"\";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:\"\";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
+ "names": []
7
+ }
@@ -0,0 +1,4 @@
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
+ @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}
3
+ `;export default r;
4
+ //# sourceMappingURL=radio.css.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["radio.css.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:\"\";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:\"\";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
+ "names": ["css", "styles"]
7
+ }
@@ -0,0 +1,2 @@
1
+ declare const styles: import("@spectrum-web-components/base").CSSResult;
2
+ export default styles;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ import { css } from "@spectrum-web-components/base";
3
+ const styles = css`
4
+ @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}
5
+ `;
6
+ export default styles;
7
+ //# sourceMappingURL=spectrum-radio.css.dev.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["spectrum-radio.css.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:\"\";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:\"\";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
+ "names": []
7
+ }
@@ -0,0 +1,4 @@
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
+ @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}
3
+ `;export default r;
4
+ //# sourceMappingURL=spectrum-radio.css.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["spectrum-radio.css.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:\"\";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:\"\";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
+ "names": ["css", "styles"]
7
+ }
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ import { Default } from "./radio.stories.js";
3
+ export default {
4
+ component: "sp-radio",
5
+ title: "Radio/Sizes",
6
+ argTypes: {
7
+ checked: {
8
+ name: "checked",
9
+ type: { name: "boolean", required: false },
10
+ description: "Represents when the input is checked",
11
+ table: {
12
+ type: { summary: "boolean" },
13
+ defaultValue: { summary: false }
14
+ },
15
+ control: "boolean"
16
+ },
17
+ disabled: {
18
+ name: "disabled",
19
+ type: { name: "boolean", required: false },
20
+ description: "Disable this control. It will not receive focus or events.",
21
+ table: {
22
+ type: { summary: "boolean" },
23
+ defaultValue: { summary: false }
24
+ },
25
+ control: {
26
+ type: "boolean"
27
+ }
28
+ },
29
+ emphasized: {
30
+ name: "emphasized",
31
+ type: { name: "boolean", required: false },
32
+ description: "Set the button's state to emphasized.",
33
+ table: {
34
+ type: { summary: "boolean" },
35
+ defaultValue: { summary: false }
36
+ },
37
+ control: {
38
+ type: "boolean"
39
+ }
40
+ },
41
+ invalid: {
42
+ name: "invalid",
43
+ type: { name: "boolean", required: false },
44
+ table: {
45
+ type: { summary: "boolean" },
46
+ defaultValue: { summary: false }
47
+ },
48
+ control: {
49
+ type: "boolean"
50
+ }
51
+ }
52
+ },
53
+ args: {
54
+ checked: false,
55
+ disabled: false,
56
+ emphasized: false,
57
+ invalid: false
58
+ }
59
+ };
60
+ export const s = (args) => Default(args);
61
+ s.args = {
62
+ size: "s"
63
+ };
64
+ export const m = (args) => Default(args);
65
+ m.args = {
66
+ size: "m"
67
+ };
68
+ export const l = (args) => Default(args);
69
+ l.args = {
70
+ size: "l"
71
+ };
72
+ export const XL = (args) => Default(args);
73
+ XL.args = {
74
+ size: "xl"
75
+ };
76
+ //# sourceMappingURL=radio-sizes.stories.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["radio-sizes.stories.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { Default, StoryArgs } from './radio.stories.js';\n\nexport default {\n component: 'sp-radio',\n title: 'Radio/Sizes',\n argTypes: {\n checked: {\n name: 'checked',\n type: { name: 'boolean', required: false },\n description: 'Represents when the input is checked',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: 'boolean',\n },\n disabled: {\n name: 'disabled',\n type: { name: 'boolean', required: false },\n description:\n 'Disable this control. It will not receive focus or events.',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n emphasized: {\n name: 'emphasized',\n type: { name: 'boolean', required: false },\n description: \"Set the button's state to emphasized.\",\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n invalid: {\n name: 'invalid',\n type: { name: 'boolean', required: false },\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n },\n args: {\n checked: false,\n disabled: false,\n emphasized: false,\n invalid: false,\n },\n};\n\nexport const s = (args: StoryArgs): TemplateResult => Default(args);\ns.args = {\n size: 's',\n};\n\nexport const m = (args: StoryArgs): TemplateResult => Default(args);\nm.args = {\n size: 'm',\n};\n\nexport const l = (args: StoryArgs): TemplateResult => Default(args);\nl.args = {\n size: 'l',\n};\n\nexport const XL = (args: StoryArgs): TemplateResult => Default(args);\nXL.args = {\n size: 'xl',\n};\n"],
5
+ "mappings": ";AAYA,SAAS,eAA0B;AAEnC,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,aAAa;AAAA,MACb,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,aACI;AAAA,MACJ,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACR,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,aAAa;AAAA,MACb,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,SAAS;AAAA,EACb;AACJ;AAEO,aAAM,IAAI,CAAC,SAAoC,QAAQ,IAAI;AAClE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAAC,SAAoC,QAAQ,IAAI;AAClE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAAC,SAAoC,QAAQ,IAAI;AAClE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,KAAK,CAAC,SAAoC,QAAQ,IAAI;AACnE,GAAG,OAAO;AAAA,EACN,MAAM;AACV;",
6
+ "names": []
7
+ }
@@ -0,0 +1,147 @@
1
+ "use strict";
2
+ import { html } from "@spectrum-web-components/base";
3
+ import "@spectrum-web-components/radio/sp-radio.js";
4
+ import "@spectrum-web-components/radio/sp-radio-group.js";
5
+ import { spreadProps } from "../../../test/lit-helpers.js";
6
+ export default {
7
+ component: "sp-radio",
8
+ title: "Radio",
9
+ argTypes: {
10
+ checked: {
11
+ name: "checked",
12
+ type: { name: "boolean", required: false },
13
+ description: "Represents when the input is checked",
14
+ table: {
15
+ type: { summary: "boolean" },
16
+ defaultValue: { summary: false }
17
+ },
18
+ control: "boolean"
19
+ },
20
+ disabled: {
21
+ name: "disabled",
22
+ type: { name: "boolean", required: false },
23
+ description: "Disable this control. It will not receive focus or events.",
24
+ table: {
25
+ type: { summary: "boolean" },
26
+ defaultValue: { summary: false }
27
+ },
28
+ control: {
29
+ type: "boolean"
30
+ }
31
+ },
32
+ emphasized: {
33
+ name: "emphasized",
34
+ type: { name: "boolean", required: false },
35
+ description: "Set the button's state to emphasized.",
36
+ table: {
37
+ type: { summary: "boolean" },
38
+ defaultValue: { summary: false }
39
+ },
40
+ control: {
41
+ type: "boolean"
42
+ }
43
+ },
44
+ invalid: {
45
+ name: "invalid",
46
+ type: { name: "boolean", required: false },
47
+ table: {
48
+ type: { summary: "boolean" },
49
+ defaultValue: { summary: false }
50
+ },
51
+ control: {
52
+ type: "boolean"
53
+ }
54
+ }
55
+ },
56
+ args: {
57
+ checked: false,
58
+ disabled: false,
59
+ emphasized: false,
60
+ invalid: false
61
+ }
62
+ };
63
+ function renderRadio(args) {
64
+ return html`
65
+ <sp-radio ${spreadProps(args)}>Radio</sp-radio>
66
+ `;
67
+ }
68
+ export const Default = (args) => renderRadio(args);
69
+ export const readonly = (args) => renderRadio({
70
+ ...args,
71
+ readonly: true
72
+ });
73
+ readonly.args = {
74
+ checked: true
75
+ };
76
+ export const Emphasized = (args) => renderRadio(args);
77
+ Emphasized.args = {
78
+ checked: true,
79
+ emphasized: true
80
+ };
81
+ export const Autofocus = (args) => {
82
+ return html`
83
+ <sp-radio autofocus ${spreadProps(args)}>Radio</sp-radio>
84
+ `;
85
+ };
86
+ export const Invalid = (args) => renderRadio(args);
87
+ Invalid.args = {
88
+ invalid: true
89
+ };
90
+ export const Disabled = (args) => renderRadio(args);
91
+ Disabled.args = {
92
+ disabled: true
93
+ };
94
+ const values = {
95
+ first: 1,
96
+ second: 2,
97
+ third: 3,
98
+ fourth: 4
99
+ };
100
+ export const groupExample = () => {
101
+ return html`
102
+ <sp-radio-group vertical selected="1" name="group-example">
103
+ <sp-radio value=${values.first}>Option 1</sp-radio>
104
+ <sp-radio value=${values.second}>Option 2</sp-radio>
105
+ <sp-radio value=${values.third}>Option 3</sp-radio>
106
+ <sp-radio value=${values.fourth}>Option 4</sp-radio>
107
+ </sp-radio-group>
108
+ `;
109
+ };
110
+ export const horizontalGroup = () => {
111
+ return html`
112
+ <sp-radio-group horizontal selected="first" name="group-example">
113
+ <sp-radio value="first">Option 1</sp-radio>
114
+ <sp-radio value="second">Option 2</sp-radio>
115
+ <sp-radio value="third">Option 3</sp-radio>
116
+ <sp-radio value="fourth">Option 4</sp-radio>
117
+ </sp-radio-group>
118
+ `;
119
+ };
120
+ export const tabIndexExample = () => {
121
+ return html`
122
+ <sp-radio-group vertical name="group-example">
123
+ <sp-radio emphasized value="zero" tabindex="0">
124
+ Tab Index 0
125
+ </sp-radio>
126
+ <sp-radio disabled value="three" tabindex="3">Tab Index 3</sp-radio>
127
+ <sp-radio value="one" tabindex="1" autofocus>Tab Index 1</sp-radio>
128
+ <sp-radio value="four" tabindex="4">Tab Index 4</sp-radio>
129
+ <sp-radio invalid value="two" tabindex="2">Tab Index 2</sp-radio>
130
+ </sp-radio-group>
131
+ `;
132
+ };
133
+ export const horizontalTabIndexExample = () => {
134
+ return html`
135
+ <sp-radio-group horizontal name="group-example">
136
+ <sp-radio emphasized value="zero" tabindex="0">
137
+ Tab Index 0
138
+ </sp-radio>
139
+ <sp-radio disabled value="three" tabindex="3">Tab Index 3</sp-radio>
140
+ <sp-radio value="one" tabindex="1" autofocus>Tab Index 1</sp-radio>
141
+ <sp-radio value="four" tabindex="4">Tab Index 4</sp-radio>
142
+ <sp-radio invalid value="two" tabindex="2">Tab Index 2</sp-radio>
143
+ </sp-radio-group>
144
+ `;
145
+ };
146
+ tabIndexExample.storyName = "Tab index example";
147
+ //# sourceMappingURL=radio.stories.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["radio.stories.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/radio/sp-radio.js';\nimport '@spectrum-web-components/radio/sp-radio-group.js';\nimport { spreadProps } from '../../../test/lit-helpers.js';\n\nexport default {\n component: 'sp-radio',\n title: 'Radio',\n argTypes: {\n checked: {\n name: 'checked',\n type: { name: 'boolean', required: false },\n description: 'Represents when the input is checked',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: 'boolean',\n },\n disabled: {\n name: 'disabled',\n type: { name: 'boolean', required: false },\n description:\n 'Disable this control. It will not receive focus or events.',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n emphasized: {\n name: 'emphasized',\n type: { name: 'boolean', required: false },\n description: \"Set the button's state to emphasized.\",\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n invalid: {\n name: 'invalid',\n type: { name: 'boolean', required: false },\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n },\n args: {\n checked: false,\n disabled: false,\n emphasized: false,\n invalid: false,\n },\n};\n\nexport interface StoryArgs {\n checked?: boolean;\n disabled?: boolean;\n emphasized?: boolean;\n invalid?: boolean;\n readonly?: boolean;\n size?: 's' | 'm' | 'l' | 'xl';\n [prop: string]: unknown;\n}\n\nfunction renderRadio(args: StoryArgs): TemplateResult {\n return html`\n <sp-radio ${spreadProps(args)}>Radio</sp-radio>\n `;\n}\nexport const Default = (args: StoryArgs): TemplateResult => renderRadio(args);\n\nexport const readonly = (args: StoryArgs): TemplateResult =>\n renderRadio({\n ...args,\n readonly: true,\n });\nreadonly.args = {\n checked: true,\n};\n\nexport const Emphasized = (args: StoryArgs): TemplateResult =>\n renderRadio(args);\nEmphasized.args = {\n checked: true,\n emphasized: true,\n};\n\nexport const Autofocus = (args: StoryArgs): TemplateResult => {\n return html`\n <sp-radio autofocus ${spreadProps(args)}>Radio</sp-radio>\n `;\n};\n\nexport const Invalid = (args: StoryArgs): TemplateResult => renderRadio(args);\nInvalid.args = {\n invalid: true,\n};\n\nexport const Disabled = (args: StoryArgs): TemplateResult => renderRadio(args);\nDisabled.args = {\n disabled: true,\n};\n\nconst values = {\n first: 1,\n second: 2,\n third: 3,\n fourth: 4,\n};\n\nexport const groupExample = (): TemplateResult => {\n return html`\n <sp-radio-group vertical selected=\"1\" name=\"group-example\">\n <sp-radio value=${values.first}>Option 1</sp-radio>\n <sp-radio value=${values.second}>Option 2</sp-radio>\n <sp-radio value=${values.third}>Option 3</sp-radio>\n <sp-radio value=${values.fourth}>Option 4</sp-radio>\n </sp-radio-group>\n `;\n};\n\nexport const horizontalGroup = (): TemplateResult => {\n return html`\n <sp-radio-group horizontal selected=\"first\" name=\"group-example\">\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 value=\"fourth\">Option 4</sp-radio>\n </sp-radio-group>\n `;\n};\n\nexport const tabIndexExample = (): TemplateResult => {\n return html`\n <sp-radio-group vertical name=\"group-example\">\n <sp-radio emphasized value=\"zero\" tabindex=\"0\">\n Tab Index 0\n </sp-radio>\n <sp-radio disabled value=\"three\" tabindex=\"3\">Tab Index 3</sp-radio>\n <sp-radio value=\"one\" tabindex=\"1\" autofocus>Tab Index 1</sp-radio>\n <sp-radio value=\"four\" tabindex=\"4\">Tab Index 4</sp-radio>\n <sp-radio invalid value=\"two\" tabindex=\"2\">Tab Index 2</sp-radio>\n </sp-radio-group>\n `;\n};\n\nexport const horizontalTabIndexExample = (): TemplateResult => {\n return html`\n <sp-radio-group horizontal name=\"group-example\">\n <sp-radio emphasized value=\"zero\" tabindex=\"0\">\n Tab Index 0\n </sp-radio>\n <sp-radio disabled value=\"three\" tabindex=\"3\">Tab Index 3</sp-radio>\n <sp-radio value=\"one\" tabindex=\"1\" autofocus>Tab Index 1</sp-radio>\n <sp-radio value=\"four\" tabindex=\"4\">Tab Index 4</sp-radio>\n <sp-radio invalid value=\"two\" tabindex=\"2\">Tab Index 2</sp-radio>\n </sp-radio-group>\n `;\n};\n\ntabIndexExample.storyName = 'Tab index example';\n"],
5
+ "mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB;AAE5B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,aAAa;AAAA,MACb,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,aACI;AAAA,MACJ,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACR,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,aAAa;AAAA,MACb,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,SAAS;AAAA,EACb;AACJ;AAYA,SAAS,YAAY,MAAiC;AAClD,SAAO;AAAA,oBACS,YAAY,IAAI,CAAC;AAAA;AAErC;AACO,aAAM,UAAU,CAAC,SAAoC,YAAY,IAAI;AAErE,aAAM,WAAW,CAAC,SACrB,YAAY;AAAA,EACR,GAAG;AAAA,EACH,UAAU;AACd,CAAC;AACL,SAAS,OAAO;AAAA,EACZ,SAAS;AACb;AAEO,aAAM,aAAa,CAAC,SACvB,YAAY,IAAI;AACpB,WAAW,OAAO;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAChB;AAEO,aAAM,YAAY,CAAC,SAAoC;AAC1D,SAAO;AAAA,8BACmB,YAAY,IAAI,CAAC;AAAA;AAE/C;AAEO,aAAM,UAAU,CAAC,SAAoC,YAAY,IAAI;AAC5E,QAAQ,OAAO;AAAA,EACX,SAAS;AACb;AAEO,aAAM,WAAW,CAAC,SAAoC,YAAY,IAAI;AAC7E,SAAS,OAAO;AAAA,EACZ,UAAU;AACd;AAEA,MAAM,SAAS;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,aAAM,eAAe,MAAsB;AAC9C,SAAO;AAAA;AAAA,8BAEmB,OAAO,KAAK;AAAA,8BACZ,OAAO,MAAM;AAAA,8BACb,OAAO,KAAK;AAAA,8BACZ,OAAO,MAAM;AAAA;AAAA;AAG3C;AAEO,aAAM,kBAAkB,MAAsB;AACjD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX;AAEO,aAAM,kBAAkB,MAAsB;AACjD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWX;AAEO,aAAM,4BAA4B,MAAsB;AAC3D,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWX;AAEA,gBAAgB,YAAY;",
6
+ "names": []
7
+ }
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ import "@spectrum-web-components/radio/sp-radio-group.js";
3
+ import "@spectrum-web-components/radio/sp-radio.js";
4
+ import { html } from "lit";
5
+ import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
6
+ measureFixtureCreation(html`
7
+ <sp-radio-group id="test-default">
8
+ <sp-radio value="first" checked>Option 1</sp-radio>
9
+ <sp-radio value="second">Option 2</sp-radio>
10
+ <sp-radio value="third">Option 3</sp-radio>
11
+ </sp-radio-group>
12
+ `);
13
+ //# sourceMappingURL=test-basic.js.map