@spectrum-web-components/action-button 0.10.0 → 0.10.1

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 (65) hide show
  1. package/custom-elements.json +25 -1
  2. package/package.json +4 -4
  3. package/sp-action-button.dev.js +1 -0
  4. package/sp-action-button.dev.js.map +1 -1
  5. package/sp-action-button.js +1 -1
  6. package/sp-action-button.js.map +2 -2
  7. package/src/ActionButton.d.ts +1 -0
  8. package/src/ActionButton.dev.js +32 -20
  9. package/src/ActionButton.dev.js.map +2 -2
  10. package/src/ActionButton.js +2 -2
  11. package/src/ActionButton.js.map +3 -3
  12. package/src/action-button.css.dev.js +1 -0
  13. package/src/action-button.css.dev.js.map +1 -1
  14. package/src/action-button.css.js +1 -1
  15. package/src/action-button.css.js.map +2 -2
  16. package/src/index.dev.js +1 -0
  17. package/src/index.dev.js.map +1 -1
  18. package/src/index.js +1 -1
  19. package/src/index.js.map +1 -1
  20. package/src/spectrum-action-button.css.dev.js +1 -0
  21. package/src/spectrum-action-button.css.dev.js.map +1 -1
  22. package/src/spectrum-action-button.css.js +1 -1
  23. package/src/spectrum-action-button.css.js.map +2 -2
  24. package/stories/action-button-black-quiet.stories.js +34 -1
  25. package/stories/action-button-black-quiet.stories.js.map +1 -1
  26. package/stories/action-button-black.stories.js +29 -1
  27. package/stories/action-button-black.stories.js.map +1 -1
  28. package/stories/action-button-emphasized-quiet.stories.js +32 -1
  29. package/stories/action-button-emphasized-quiet.stories.js.map +1 -1
  30. package/stories/action-button-emphasized.stories.js +27 -1
  31. package/stories/action-button-emphasized.stories.js.map +1 -1
  32. package/stories/action-button-quiet.stories.js +27 -1
  33. package/stories/action-button-quiet.stories.js.map +1 -1
  34. package/stories/action-button-standard.stories.js +22 -1
  35. package/stories/action-button-standard.stories.js.map +1 -1
  36. package/stories/action-button-white-quiet.stories.js +34 -1
  37. package/stories/action-button-white-quiet.stories.js.map +1 -1
  38. package/stories/action-button-white.stories.js +29 -1
  39. package/stories/action-button-white.stories.js.map +1 -1
  40. package/stories/action-button.stories.js +37 -10
  41. package/stories/action-button.stories.js.map +1 -1
  42. package/stories/index.js +71 -25
  43. package/stories/index.js.map +1 -1
  44. package/test/action-button-black-quiet.test-vrt.js +4 -1
  45. package/test/action-button-black-quiet.test-vrt.js.map +1 -1
  46. package/test/action-button-black.test-vrt.js +4 -1
  47. package/test/action-button-black.test-vrt.js.map +1 -1
  48. package/test/action-button-emphasized-quiet.test-vrt.js +4 -1
  49. package/test/action-button-emphasized-quiet.test-vrt.js.map +1 -1
  50. package/test/action-button-emphasized.test-vrt.js +4 -1
  51. package/test/action-button-emphasized.test-vrt.js.map +1 -1
  52. package/test/action-button-quiet.test-vrt.js +4 -1
  53. package/test/action-button-quiet.test-vrt.js.map +1 -1
  54. package/test/action-button-standard.test-vrt.js +4 -1
  55. package/test/action-button-standard.test-vrt.js.map +1 -1
  56. package/test/action-button-white-quiet.test-vrt.js +4 -1
  57. package/test/action-button-white-quiet.test-vrt.js.map +1 -1
  58. package/test/action-button-white.test-vrt.js +4 -1
  59. package/test/action-button-white.test-vrt.js.map +1 -1
  60. package/test/action-button.test-vrt.js +4 -1
  61. package/test/action-button.test-vrt.js.map +1 -1
  62. package/test/action-button.test.js +160 -9
  63. package/test/action-button.test.js.map +2 -2
  64. package/test/benchmark/basic-test.js +5 -1
  65. package/test/benchmark/basic-test.js.map +1 -1
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-action-button.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-font-family-base);justify-content:center;line-height:var(--spectrum-line-height-small);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-animation-duration-100) ease-out,border-color var(--spectrum-animation-duration-100) ease-out,color var(--spectrum-animation-duration-100) ease-out,box-shadow var(--spectrum-animation-duration-100) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-actionbutton-border-radius:var(--spectrum-corner-radius-100);--spectrum-actionbutton-border-width:var(--spectrum-border-width-100);--spectrum-actionbutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-actionbutton-focus-ring-thickness:var(\n--spectrum-focus-ring-thickness\n);--spectrum-actionbutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-actionbutton-focus-ring-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-ring-gap))}.spectrum-ActionButton--sizeXS{--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-75)*2 + var(--spectrum-workflow-icon-size-75));--spectrum-actionbutton-height:var(--spectrum-component-height-50);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-actionbutton-font-size:var(--spectrum-font-size-50);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-50);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-extra-small\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-50) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-50) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-50) - var(--spectrum-actionbutton-border-width))}:host([size=s]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-75)*2 + var(--spectrum-workflow-icon-size-75));--spectrum-actionbutton-height:var(--spectrum-component-height-75);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-actionbutton-font-size:var(--spectrum-font-size-75);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-small\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width))}:host([size=m]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-100)*2 + var(--spectrum-workflow-icon-size-100));--spectrum-actionbutton-height:var(--spectrum-component-height-100);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-actionbutton-font-size:var(--spectrum-font-size-100);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-medium\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width))}:host([size=l]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-200)*2 + var(--spectrum-workflow-icon-size-200));--spectrum-actionbutton-height:var(--spectrum-component-height-200);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-actionbutton-font-size:var(--spectrum-font-size-200);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-large\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-200) - var(--spectrum-actionbutton-border-width))}:host([size=xl]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-300)*2 + var(--spectrum-workflow-icon-size-300));--spectrum-actionbutton-height:var(--spectrum-component-height-300);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-actionbutton-font-size:var(--spectrum-font-size-300);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-300);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-extra-large\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-ring-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(\n--highcontrast-actionbutton-background-color-default,var(\n--mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-default,var(\n--mod-actionbutton-border-color-default,var(--spectrum-actionbutton-border-color-default)\n)\n);border-radius:var(\n--mod-actionbutton-border-radius,var(--spectrum-actionbutton-border-radius)\n);border-width:var(\n--mod-actionbutton-border-width,var(--spectrum-actionbutton-border-width)\n);color:var(\n--highcontrast-actionbutton-content-color-default,var(\n--mod-actionbutton-content-color-default,var(--spectrum-actionbutton-content-color-default)\n)\n);height:var(--mod-actionbutton-height,var(--spectrum-actionbutton-height));min-inline-size:var(\n--mod-actionbutton-min-width,var(--spectrum-actionbutton-min-width)\n);padding-inline-end:var(\n--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)\n);padding-inline-start:var(\n--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)\n);position:relative}:host(:hover){background-color:var(\n--highcontrast-actionbutton-background-color-hover,var(\n--mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-hover,var(\n--mod-actionbutton-border-color-hover,var(--spectrum-actionbutton-border-color-hover)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-hover,var(\n--mod-actionbutton-content-color-hover,var(--spectrum-actionbutton-content-color-hover)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-actionbutton-background-color-focus,var(\n--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-focus,var(\n--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-focus,var(\n--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)\n)\n)}:host(:focus-visible){background-color:var(\n--highcontrast-actionbutton-background-color-focus,var(\n--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-focus,var(\n--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-focus,var(\n--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)\n)\n)}:host([active]){background-color:var(\n--highcontrast-actionbutton-background-color-down,var(\n--mod-actionbutton-background-color-down,var(--spectrum-actionbutton-background-color-down)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-down,var(\n--mod-actionbutton-border-color-down,var(--spectrum-actionbutton-border-color-down)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-down,var(\n--mod-actionbutton-content-color-down,var(--spectrum-actionbutton-content-color-down)\n)\n)}:host([disabled]),:host([disabled]){background-color:var(\n--highcontrast-actionbutton-background-color-disabled,var(\n--mod-actionbutton-background-color-disabled,var(--spectrum-actionbutton-background-color-disabled)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-disabled,var(\n--mod-actionbutton-border-color-disabled,var(--spectrum-actionbutton-border-color-disabled)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-disabled,var(\n--mod-actionbutton-content-color-disabled,var(--spectrum-actionbutton-content-color-disabled)\n)\n)}::slotted([slot=icon]){color:inherit;height:var(\n--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)\n);margin-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual,\nvar(--spectrum-actionbutton-edge-to-visual)\n))*-1);padding-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual,\nvar(--spectrum-actionbutton-edge-to-visual)\n))*-1);width:var(\n--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)\n)}slot[name=icon]+#label{padding-inline-end:0;padding-inline-start:var(\n--mod-actionbutton-text-to-visual,var(--spectrum-actionbutton-text-to-visual)\n)}.hold-affordance+::slotted([slot=icon]),slot[icon-only]::slotted([slot=icon]){margin-inline-end:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual-only,\nvar(--spectrum-actionbutton-edge-to-visual-only)\n))*-1);margin-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual-only,\nvar(--spectrum-actionbutton-edge-to-visual-only)\n))*-1)}#label{color:inherit;font-size:var(\n--mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)\n);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(\n--mod-actionbutton-edge-to-hold-icon,\nvar(--spectrum-actionbutton-edge-to-hold-icon)\n) - var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n));inset-inline-end:calc(var(\n--mod-actionbutton-edge-to-hold-icon,\nvar(--spectrum-actionbutton-edge-to-hold-icon)\n) - var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n));position:absolute}:host{transition:border-color var(\n--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)\n) ease-in-out}:host:after{border-radius:var(\n--mod-actionbutton-focus-ring-border-radius,var(--spectrum-actionbutton-focus-ring-border-radius)\n);content:\"\";inset:0;margin:calc((var(\n--mod-actionbutton-focus-ring-gap,\nvar(--spectrum-actionbutton-focus-ring-gap)\n) + var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n))*-1);pointer-events:none;position:absolute;transition:box-shadow var(\n--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)\n) ease-in-out}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)\n) var(\n--highcontrast-actionbutton-focus-ring-color,var(\n--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)\n)\n)}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)\n) var(\n--highcontrast-actionbutton-focus-ring-color,var(\n--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)\n)\n)}:host{--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-content-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-content-color-disabled\n)}:host([quiet]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-quiet-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-quiet-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-quiet-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-quiet-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-quiet-border-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-quiet-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-quiet-border-color-disabled\n)}:host([selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-selected-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-selected-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-selected-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-selected-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-selected-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-selected-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-selected-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-selected-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-selected-content-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-selected-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-selected-border-color-disabled\n)}:host([selected][emphasized]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-focus\n)}:host([variant=black][quiet]){--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled\n)}:host([variant=white][quiet]){--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled\n)}:host([variant=black]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticblack-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticblack-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticblack-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticblack-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticblack-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticblack-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticblack-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticblack-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-staticblack-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-staticblack-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-staticblack-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-staticblack-content-color-focus\n);--spectrum-actionbutton-focus-ring-color:var(\n--system-spectrum-actionbutton-staticblack-focus-ring-color\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-content-color-disabled\n)}:host([variant=black][selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-selected-border-color-disabled\n);--spectrum-actionbutton-content-color-default:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-default\n)\n);--spectrum-actionbutton-content-color-hover:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-hover\n)\n);--spectrum-actionbutton-content-color-down:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-down\n)\n);--spectrum-actionbutton-content-color-focus:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-focus\n)\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-disabled\n)}:host([variant=white]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticwhite-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticwhite-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticwhite-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticwhite-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-staticwhite-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-staticwhite-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-content-color-focus\n);--spectrum-actionbutton-focus-ring-color:var(\n--system-spectrum-actionbutton-staticwhite-focus-ring-color\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-content-color-disabled\n)}:host([variant=white][selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-default\n)\n);--spectrum-actionbutton-content-color-hover:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-hover\n)\n);--spectrum-actionbutton-content-color-down:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-down\n)\n);--spectrum-actionbutton-content-color-focus:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-focus\n)\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-selected-border-color-disabled\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyYf,eAAe;",
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyYf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- import{css as t}from"@spectrum-web-components/base";const o=t`
1
+ "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
2
2
  :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-font-family-base);justify-content:center;line-height:var(--spectrum-line-height-small);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-animation-duration-100) ease-out,border-color var(--spectrum-animation-duration-100) ease-out,color var(--spectrum-animation-duration-100) ease-out,box-shadow var(--spectrum-animation-duration-100) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(
3
3
  --spectrum-animation-duration-100
4
4
  );--spectrum-actionbutton-border-radius:var(--spectrum-corner-radius-100);--spectrum-actionbutton-border-width:var(--spectrum-border-width-100);--spectrum-actionbutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-actionbutton-focus-ring-thickness:var(
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-action-button.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-font-family-base);justify-content:center;line-height:var(--spectrum-line-height-small);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-animation-duration-100) ease-out,border-color var(--spectrum-animation-duration-100) ease-out,color var(--spectrum-animation-duration-100) ease-out,box-shadow var(--spectrum-animation-duration-100) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-actionbutton-border-radius:var(--spectrum-corner-radius-100);--spectrum-actionbutton-border-width:var(--spectrum-border-width-100);--spectrum-actionbutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-actionbutton-focus-ring-thickness:var(\n--spectrum-focus-ring-thickness\n);--spectrum-actionbutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-actionbutton-focus-ring-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-ring-gap))}.spectrum-ActionButton--sizeXS{--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-75)*2 + var(--spectrum-workflow-icon-size-75));--spectrum-actionbutton-height:var(--spectrum-component-height-50);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-actionbutton-font-size:var(--spectrum-font-size-50);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-50);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-extra-small\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-50) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-50) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-50) - var(--spectrum-actionbutton-border-width))}:host([size=s]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-75)*2 + var(--spectrum-workflow-icon-size-75));--spectrum-actionbutton-height:var(--spectrum-component-height-75);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-actionbutton-font-size:var(--spectrum-font-size-75);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-small\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width))}:host([size=m]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-100)*2 + var(--spectrum-workflow-icon-size-100));--spectrum-actionbutton-height:var(--spectrum-component-height-100);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-actionbutton-font-size:var(--spectrum-font-size-100);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-medium\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width))}:host([size=l]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-200)*2 + var(--spectrum-workflow-icon-size-200));--spectrum-actionbutton-height:var(--spectrum-component-height-200);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-actionbutton-font-size:var(--spectrum-font-size-200);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-large\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-200) - var(--spectrum-actionbutton-border-width))}:host([size=xl]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-300)*2 + var(--spectrum-workflow-icon-size-300));--spectrum-actionbutton-height:var(--spectrum-component-height-300);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-actionbutton-font-size:var(--spectrum-font-size-300);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-300);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-extra-large\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-ring-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(\n--highcontrast-actionbutton-background-color-default,var(\n--mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-default,var(\n--mod-actionbutton-border-color-default,var(--spectrum-actionbutton-border-color-default)\n)\n);border-radius:var(\n--mod-actionbutton-border-radius,var(--spectrum-actionbutton-border-radius)\n);border-width:var(\n--mod-actionbutton-border-width,var(--spectrum-actionbutton-border-width)\n);color:var(\n--highcontrast-actionbutton-content-color-default,var(\n--mod-actionbutton-content-color-default,var(--spectrum-actionbutton-content-color-default)\n)\n);height:var(--mod-actionbutton-height,var(--spectrum-actionbutton-height));min-inline-size:var(\n--mod-actionbutton-min-width,var(--spectrum-actionbutton-min-width)\n);padding-inline-end:var(\n--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)\n);padding-inline-start:var(\n--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)\n);position:relative}:host(:hover){background-color:var(\n--highcontrast-actionbutton-background-color-hover,var(\n--mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-hover,var(\n--mod-actionbutton-border-color-hover,var(--spectrum-actionbutton-border-color-hover)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-hover,var(\n--mod-actionbutton-content-color-hover,var(--spectrum-actionbutton-content-color-hover)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-actionbutton-background-color-focus,var(\n--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-focus,var(\n--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-focus,var(\n--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)\n)\n)}:host(:focus-visible){background-color:var(\n--highcontrast-actionbutton-background-color-focus,var(\n--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-focus,var(\n--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-focus,var(\n--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)\n)\n)}:host([active]){background-color:var(\n--highcontrast-actionbutton-background-color-down,var(\n--mod-actionbutton-background-color-down,var(--spectrum-actionbutton-background-color-down)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-down,var(\n--mod-actionbutton-border-color-down,var(--spectrum-actionbutton-border-color-down)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-down,var(\n--mod-actionbutton-content-color-down,var(--spectrum-actionbutton-content-color-down)\n)\n)}:host([disabled]),:host([disabled]){background-color:var(\n--highcontrast-actionbutton-background-color-disabled,var(\n--mod-actionbutton-background-color-disabled,var(--spectrum-actionbutton-background-color-disabled)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-disabled,var(\n--mod-actionbutton-border-color-disabled,var(--spectrum-actionbutton-border-color-disabled)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-disabled,var(\n--mod-actionbutton-content-color-disabled,var(--spectrum-actionbutton-content-color-disabled)\n)\n)}::slotted([slot=icon]){color:inherit;height:var(\n--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)\n);margin-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual,\nvar(--spectrum-actionbutton-edge-to-visual)\n))*-1);padding-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual,\nvar(--spectrum-actionbutton-edge-to-visual)\n))*-1);width:var(\n--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)\n)}slot[name=icon]+#label{padding-inline-end:0;padding-inline-start:var(\n--mod-actionbutton-text-to-visual,var(--spectrum-actionbutton-text-to-visual)\n)}.hold-affordance+::slotted([slot=icon]),slot[icon-only]::slotted([slot=icon]){margin-inline-end:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual-only,\nvar(--spectrum-actionbutton-edge-to-visual-only)\n))*-1);margin-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual-only,\nvar(--spectrum-actionbutton-edge-to-visual-only)\n))*-1)}#label{color:inherit;font-size:var(\n--mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)\n);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(\n--mod-actionbutton-edge-to-hold-icon,\nvar(--spectrum-actionbutton-edge-to-hold-icon)\n) - var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n));inset-inline-end:calc(var(\n--mod-actionbutton-edge-to-hold-icon,\nvar(--spectrum-actionbutton-edge-to-hold-icon)\n) - var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n));position:absolute}:host{transition:border-color var(\n--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)\n) ease-in-out}:host:after{border-radius:var(\n--mod-actionbutton-focus-ring-border-radius,var(--spectrum-actionbutton-focus-ring-border-radius)\n);content:\"\";inset:0;margin:calc((var(\n--mod-actionbutton-focus-ring-gap,\nvar(--spectrum-actionbutton-focus-ring-gap)\n) + var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n))*-1);pointer-events:none;position:absolute;transition:box-shadow var(\n--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)\n) ease-in-out}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)\n) var(\n--highcontrast-actionbutton-focus-ring-color,var(\n--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)\n)\n)}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)\n) var(\n--highcontrast-actionbutton-focus-ring-color,var(\n--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)\n)\n)}:host{--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-content-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-content-color-disabled\n)}:host([quiet]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-quiet-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-quiet-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-quiet-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-quiet-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-quiet-border-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-quiet-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-quiet-border-color-disabled\n)}:host([selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-selected-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-selected-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-selected-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-selected-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-selected-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-selected-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-selected-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-selected-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-selected-content-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-selected-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-selected-border-color-disabled\n)}:host([selected][emphasized]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-focus\n)}:host([variant=black][quiet]){--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled\n)}:host([variant=white][quiet]){--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled\n)}:host([variant=black]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticblack-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticblack-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticblack-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticblack-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticblack-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticblack-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticblack-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticblack-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-staticblack-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-staticblack-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-staticblack-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-staticblack-content-color-focus\n);--spectrum-actionbutton-focus-ring-color:var(\n--system-spectrum-actionbutton-staticblack-focus-ring-color\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-content-color-disabled\n)}:host([variant=black][selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-selected-border-color-disabled\n);--spectrum-actionbutton-content-color-default:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-default\n)\n);--spectrum-actionbutton-content-color-hover:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-hover\n)\n);--spectrum-actionbutton-content-color-down:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-down\n)\n);--spectrum-actionbutton-content-color-focus:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-focus\n)\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-disabled\n)}:host([variant=white]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticwhite-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticwhite-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticwhite-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticwhite-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-staticwhite-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-staticwhite-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-content-color-focus\n);--spectrum-actionbutton-focus-ring-color:var(\n--system-spectrum-actionbutton-staticwhite-focus-ring-color\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-content-color-disabled\n)}:host([variant=white][selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-default\n)\n);--spectrum-actionbutton-content-color-hover:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-hover\n)\n);--spectrum-actionbutton-content-color-down:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-down\n)\n);--spectrum-actionbutton-content-color-focus:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-focus\n)\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-selected-border-color-disabled\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyYf,cAAe",
6
- "names": []
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyYf,eAAeC",
6
+ "names": ["css", "styles"]
7
7
  }
@@ -1,2 +1,35 @@
1
- import{makeOverBackground as p}from"../../button/stories/index.js";import{renderButtons as e}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Static Black Quiet",decorators:[p("black")]};const r="black",o=!0;export const s=t=>e(t);s.args={size:"s",quiet:o,variant:r};export const m=t=>e(t);m.args={size:"m",quiet:o,variant:r};export const l=t=>e(t);l.args={size:"l",quiet:o,variant:r};export const XL=t=>e(t);XL.args={size:"xl",quiet:o,variant:r};
1
+ "use strict";
2
+ import { makeOverBackground } from "../../button/stories/index.js";
3
+ import { renderButtons } from "./index.js";
4
+ export default {
5
+ component: "sp-action-button",
6
+ title: "Action Button/Static Black Quiet",
7
+ decorators: [makeOverBackground("black")]
8
+ };
9
+ const variant = "black";
10
+ const quiet = true;
11
+ export const s = (args) => renderButtons(args);
12
+ s.args = {
13
+ size: "s",
14
+ quiet,
15
+ variant
16
+ };
17
+ export const m = (args) => renderButtons(args);
18
+ m.args = {
19
+ size: "m",
20
+ quiet,
21
+ variant
22
+ };
23
+ export const l = (args) => renderButtons(args);
24
+ l.args = {
25
+ size: "l",
26
+ quiet,
27
+ variant
28
+ };
29
+ export const XL = (args) => renderButtons(args);
30
+ XL.args = {
31
+ size: "xl",
32
+ quiet,
33
+ variant
34
+ };
2
35
  //# sourceMappingURL=action-button-black-quiet.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-black-quiet.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { makeOverBackground } from '../../button/stories/index.js';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Static Black Quiet',\n decorators: [makeOverBackground('black')],\n};\n\nconst variant = 'black';\nconst quiet = true;\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n size: 's',\n quiet,\n variant,\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n size: 'm',\n quiet,\n variant,\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n size: 'l',\n quiet,\n variant,\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n size: 'xl',\n quiet,\n variant,\n};\n"],
5
- "mappings": "AAYA,mEAEA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,mCACP,WAAY,CAAC,EAAmB,OAAO,CAAC,CAC5C,EAEA,KAAM,GAAU,QACV,EAAQ,GAEP,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,QACA,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,QACA,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,QACA,SACJ,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,KAAM,KACN,QACA,SACJ",
5
+ "mappings": ";AAYA,SAAS,0BAA0B;AAEnC,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,OAAO,CAAC;AAC5C;AAEA,MAAM,UAAU;AAChB,MAAM,QAAQ;AAEP,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AAAA,EACA;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AAAA,EACA;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AAAA,EACA;AACJ;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN,MAAM;AAAA,EACN;AAAA,EACA;AACJ;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,30 @@
1
- import{makeOverBackground as o}from"../../button/stories/index.js";import{renderButtons as e}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Static Black",decorators:[o("black")]};const r="black";export const s=t=>e(t);s.args={size:"s",variant:r};export const m=t=>e(t);m.args={size:"m",variant:r};export const l=t=>e(t);l.args={size:"l",variant:r};export const XL=t=>e(t);XL.args={size:"xl",variant:r};
1
+ "use strict";
2
+ import { makeOverBackground } from "../../button/stories/index.js";
3
+ import { renderButtons } from "./index.js";
4
+ export default {
5
+ component: "sp-action-button",
6
+ title: "Action Button/Static Black",
7
+ decorators: [makeOverBackground("black")]
8
+ };
9
+ const variant = "black";
10
+ export const s = (args) => renderButtons(args);
11
+ s.args = {
12
+ size: "s",
13
+ variant
14
+ };
15
+ export const m = (args) => renderButtons(args);
16
+ m.args = {
17
+ size: "m",
18
+ variant
19
+ };
20
+ export const l = (args) => renderButtons(args);
21
+ l.args = {
22
+ size: "l",
23
+ variant
24
+ };
25
+ export const XL = (args) => renderButtons(args);
26
+ XL.args = {
27
+ size: "xl",
28
+ variant
29
+ };
2
30
  //# sourceMappingURL=action-button-black.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-black.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { makeOverBackground } from '../../button/stories/index.js';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Static Black',\n decorators: [makeOverBackground('black')],\n};\n\nconst variant = 'black';\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n size: 's',\n variant,\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n size: 'm',\n variant,\n} as Properties;\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n size: 'l',\n variant,\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n size: 'xl',\n variant,\n};\n"],
5
- "mappings": "AAYA,mEAEA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,6BACP,WAAY,CAAC,EAAmB,OAAO,CAAC,CAC5C,EAEA,KAAM,GAAU,QAET,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,SACJ,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,KAAM,KACN,SACJ",
5
+ "mappings": ";AAYA,SAAS,0BAA0B;AAEnC,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,OAAO,CAAC;AAC5C;AAEA,MAAM,UAAU;AAET,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN,MAAM;AAAA,EACN;AACJ;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,33 @@
1
- import{renderButtons as t}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Emphasized Quiet"};const o=!0,r=!0;export const s=e=>t(e);s.args={emphasized:o,size:"s",quiet:r};export const m=e=>t(e);m.args={emphasized:o,size:"m",quiet:r};export const l=e=>t(e);l.args={emphasized:o,size:"l",quiet:r};export const XL=e=>t(e);XL.args={emphasized:o,size:"xl",quiet:r};
1
+ "use strict";
2
+ import { renderButtons } from "./index.js";
3
+ export default {
4
+ component: "sp-action-button",
5
+ title: "Action Button/Emphasized Quiet"
6
+ };
7
+ const emphasized = true;
8
+ const quiet = true;
9
+ export const s = (args) => renderButtons(args);
10
+ s.args = {
11
+ emphasized,
12
+ size: "s",
13
+ quiet
14
+ };
15
+ export const m = (args) => renderButtons(args);
16
+ m.args = {
17
+ emphasized,
18
+ size: "m",
19
+ quiet
20
+ };
21
+ export const l = (args) => renderButtons(args);
22
+ l.args = {
23
+ emphasized,
24
+ size: "l",
25
+ quiet
26
+ };
27
+ export const XL = (args) => renderButtons(args);
28
+ XL.args = {
29
+ emphasized,
30
+ size: "xl",
31
+ quiet
32
+ };
2
33
  //# sourceMappingURL=action-button-emphasized-quiet.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-emphasized-quiet.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Emphasized Quiet',\n};\n\nconst emphasized = true;\nconst quiet = true;\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n emphasized,\n size: 's',\n quiet,\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n emphasized,\n size: 'm',\n quiet,\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n emphasized,\n size: 'l',\n quiet,\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n emphasized,\n size: 'xl',\n quiet,\n};\n"],
5
- "mappings": "AAaA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,gCACX,EAEA,KAAM,GAAa,GACb,EAAQ,GAEP,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,aACA,KAAM,IACN,OACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,aACA,KAAM,IACN,OACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,aACA,KAAM,IACN,OACJ,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,aACA,KAAM,KACN,OACJ",
5
+ "mappings": ";AAaA,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEA,MAAM,aAAa;AACnB,MAAM,QAAQ;AAEP,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL;AAAA,EACA,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL;AAAA,EACA,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL;AAAA,EACA,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AACJ;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,28 @@
1
- import{renderButtons as t}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Emphasized"};const o=!0;export const s=e=>t(e);s.args={emphasized:o,size:"s"};export const m=e=>t(e);m.args={emphasized:o,size:"m"};export const l=e=>t(e);l.args={emphasized:o,size:"l"};export const XL=e=>t(e);XL.args={emphasized:o,size:"xl"};
1
+ "use strict";
2
+ import { renderButtons } from "./index.js";
3
+ export default {
4
+ component: "sp-action-button",
5
+ title: "Action Button/Emphasized"
6
+ };
7
+ const emphasized = true;
8
+ export const s = (args) => renderButtons(args);
9
+ s.args = {
10
+ emphasized,
11
+ size: "s"
12
+ };
13
+ export const m = (args) => renderButtons(args);
14
+ m.args = {
15
+ emphasized,
16
+ size: "m"
17
+ };
18
+ export const l = (args) => renderButtons(args);
19
+ l.args = {
20
+ emphasized,
21
+ size: "l"
22
+ };
23
+ export const XL = (args) => renderButtons(args);
24
+ XL.args = {
25
+ emphasized,
26
+ size: "xl"
27
+ };
2
28
  //# sourceMappingURL=action-button-emphasized.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-emphasized.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Emphasized',\n};\n\nconst emphasized = true;\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n emphasized,\n size: 's',\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n emphasized,\n size: 'm',\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n emphasized,\n size: 'l',\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n emphasized,\n size: 'xl',\n};\n"],
5
- "mappings": "AAaA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,0BACX,EAEA,KAAM,GAAa,GAEZ,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,aACA,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,aACA,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,aACA,KAAM,GACV,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,aACA,KAAM,IACV",
5
+ "mappings": ";AAaA,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEA,MAAM,aAAa;AAEZ,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL;AAAA,EACA,MAAM;AACV;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL;AAAA,EACA,MAAM;AACV;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL;AAAA,EACA,MAAM;AACV;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN;AAAA,EACA,MAAM;AACV;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,28 @@
1
- import{renderButtons as e}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Standard Quiet"};const r=!0;export const s=t=>e(t);s.args={size:"s",quiet:r};export const m=t=>e(t);m.args={size:"m",quiet:r};export const l=t=>e(t);l.args={size:"l",quiet:r};export const XL=t=>e(t);XL.args={size:"xl",quiet:r};
1
+ "use strict";
2
+ import { renderButtons } from "./index.js";
3
+ export default {
4
+ component: "sp-action-button",
5
+ title: "Action Button/Standard Quiet"
6
+ };
7
+ const quiet = true;
8
+ export const s = (args) => renderButtons(args);
9
+ s.args = {
10
+ size: "s",
11
+ quiet
12
+ };
13
+ export const m = (args) => renderButtons(args);
14
+ m.args = {
15
+ size: "m",
16
+ quiet
17
+ };
18
+ export const l = (args) => renderButtons(args);
19
+ l.args = {
20
+ size: "l",
21
+ quiet
22
+ };
23
+ export const XL = (args) => renderButtons(args);
24
+ XL.args = {
25
+ size: "xl",
26
+ quiet
27
+ };
2
28
  //# sourceMappingURL=action-button-quiet.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-quiet.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Standard Quiet',\n};\n\nconst quiet = true;\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n size: 's',\n quiet,\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n size: 'm',\n quiet,\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n size: 'l',\n quiet,\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n size: 'xl',\n quiet,\n};\n"],
5
- "mappings": "AAaA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,8BACX,EAEA,KAAM,GAAQ,GAEP,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,OACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,OACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,OACJ,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,KAAM,KACN,OACJ",
5
+ "mappings": ";AAaA,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEA,MAAM,QAAQ;AAEP,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN,MAAM;AAAA,EACN;AACJ;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,23 @@
1
- import{renderButtons as t}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Standard"};export const s=e=>t(e);s.args={size:"s"};export const m=e=>t(e);m.args={size:"m"};export const l=e=>t(e);l.args={size:"l"};export const XL=e=>t(e);XL.args={size:"xl"};
1
+ "use strict";
2
+ import { renderButtons } from "./index.js";
3
+ export default {
4
+ component: "sp-action-button",
5
+ title: "Action Button/Standard"
6
+ };
7
+ export const s = (args) => renderButtons(args);
8
+ s.args = {
9
+ size: "s"
10
+ };
11
+ export const m = (args) => renderButtons(args);
12
+ m.args = {
13
+ size: "m"
14
+ };
15
+ export const l = (args) => renderButtons(args);
16
+ l.args = {
17
+ size: "l"
18
+ };
19
+ export const XL = (args) => renderButtons(args);
20
+ XL.args = {
21
+ size: "xl"
22
+ };
2
23
  //# sourceMappingURL=action-button-standard.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-standard.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Standard',\n};\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n size: 's',\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n size: 'm',\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n size: 'l',\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n size: 'xl',\n};\n"],
5
- "mappings": "AAaA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,wBACX,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,KAAM,IACV",
5
+ "mappings": ";AAaA,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN,MAAM;AACV;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,35 @@
1
- import{makeOverBackground as i}from"../../button/stories/index.js";import{renderButtons as e}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Static White Quiet",decorators:[i()]};const r="white",o=!0;export const s=t=>e(t);s.args={size:"s",quiet:o,variant:r};export const m=t=>e(t);m.args={size:"m",quiet:o,variant:r};export const l=t=>e(t);l.args={size:"l",quiet:o,variant:r};export const XL=t=>e(t);XL.args={size:"xl",quiet:o,variant:r};
1
+ "use strict";
2
+ import { makeOverBackground } from "../../button/stories/index.js";
3
+ import { renderButtons } from "./index.js";
4
+ export default {
5
+ component: "sp-action-button",
6
+ title: "Action Button/Static White Quiet",
7
+ decorators: [makeOverBackground()]
8
+ };
9
+ const variant = "white";
10
+ const quiet = true;
11
+ export const s = (args) => renderButtons(args);
12
+ s.args = {
13
+ size: "s",
14
+ quiet,
15
+ variant
16
+ };
17
+ export const m = (args) => renderButtons(args);
18
+ m.args = {
19
+ size: "m",
20
+ quiet,
21
+ variant
22
+ };
23
+ export const l = (args) => renderButtons(args);
24
+ l.args = {
25
+ size: "l",
26
+ quiet,
27
+ variant
28
+ };
29
+ export const XL = (args) => renderButtons(args);
30
+ XL.args = {
31
+ size: "xl",
32
+ quiet,
33
+ variant
34
+ };
2
35
  //# sourceMappingURL=action-button-white-quiet.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-white-quiet.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { makeOverBackground } from '../../button/stories/index.js';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Static White Quiet',\n decorators: [makeOverBackground()],\n};\n\nconst variant = 'white';\nconst quiet = true;\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n size: 's',\n quiet,\n variant,\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n size: 'm',\n quiet,\n variant,\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n size: 'l',\n quiet,\n variant,\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n size: 'xl',\n quiet,\n variant,\n};\n"],
5
- "mappings": "AAYA,mEAEA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,mCACP,WAAY,CAAC,EAAmB,CAAC,CACrC,EAEA,KAAM,GAAU,QACV,EAAQ,GAEP,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,QACA,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,QACA,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,QACA,SACJ,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,KAAM,KACN,QACA,SACJ",
5
+ "mappings": ";AAYA,SAAS,0BAA0B;AAEnC,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,CAAC;AACrC;AAEA,MAAM,UAAU;AAChB,MAAM,QAAQ;AAEP,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AAAA,EACA;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AAAA,EACA;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AAAA,EACA;AACJ;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN,MAAM;AAAA,EACN;AAAA,EACA;AACJ;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,30 @@
1
- import{makeOverBackground as o}from"../../button/stories/index.js";import{renderButtons as e}from"./index.js";export default{component:"sp-action-button",title:"Action Button/Static White",decorators:[o()]};const r="white";export const s=t=>e(t);s.args={size:"s",variant:r};export const m=t=>e(t);m.args={size:"m",variant:r};export const l=t=>e(t);l.args={size:"l",variant:r};export const XL=t=>e(t);XL.args={size:"xl",variant:r};
1
+ "use strict";
2
+ import { makeOverBackground } from "../../button/stories/index.js";
3
+ import { renderButtons } from "./index.js";
4
+ export default {
5
+ component: "sp-action-button",
6
+ title: "Action Button/Static White",
7
+ decorators: [makeOverBackground()]
8
+ };
9
+ const variant = "white";
10
+ export const s = (args) => renderButtons(args);
11
+ s.args = {
12
+ size: "s",
13
+ variant
14
+ };
15
+ export const m = (args) => renderButtons(args);
16
+ m.args = {
17
+ size: "m",
18
+ variant
19
+ };
20
+ export const l = (args) => renderButtons(args);
21
+ l.args = {
22
+ size: "l",
23
+ variant
24
+ };
25
+ export const XL = (args) => renderButtons(args);
26
+ XL.args = {
27
+ size: "xl",
28
+ variant
29
+ };
2
30
  //# sourceMappingURL=action-button-white.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["action-button-white.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { makeOverBackground } from '../../button/stories/index.js';\nimport type { Properties } from './index.js';\nimport { renderButtons } from './index.js';\n\nexport default {\n component: 'sp-action-button',\n title: 'Action Button/Static White',\n decorators: [makeOverBackground()],\n};\n\nconst variant = 'white';\n\nexport const s = (args: Properties): TemplateResult => renderButtons(args);\ns.args = {\n size: 's',\n variant,\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtons(args);\nm.args = {\n size: 'm',\n variant,\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtons(args);\nl.args = {\n size: 'l',\n variant,\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtons(args);\nXL.args = {\n size: 'xl',\n variant,\n};\n"],
5
- "mappings": "AAYA,mEAEA,2CAEA,cAAe,CACX,UAAW,mBACX,MAAO,6BACP,WAAY,CAAC,EAAmB,CAAC,CACrC,EAEA,KAAM,GAAU,QAET,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,SACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAc,CAAI,EACzE,EAAE,KAAO,CACL,KAAM,IACN,SACJ,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAc,CAAI,EAC1E,GAAG,KAAO,CACN,KAAM,KACN,SACJ",
5
+ "mappings": ";AAYA,SAAS,0BAA0B;AAEnC,SAAS,qBAAqB;AAE9B,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,CAAC;AACrC;AAEA,MAAM,UAAU;AAET,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,IAAI,CAAC,SAAqC,cAAc,IAAI;AACzE,EAAE,OAAO;AAAA,EACL,MAAM;AAAA,EACN;AACJ;AAEO,aAAM,KAAK,CAAC,SAAqC,cAAc,IAAI;AAC1E,GAAG,OAAO;AAAA,EACN,MAAM;AAAA,EACN;AACJ;",
6
6
  "names": []
7
7
  }