@spectrum-web-components/button 0.14.8-lit-next.0 → 0.14.8

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 (40) hide show
  1. package/custom-elements.json +6 -6
  2. package/package.json +6 -6
  3. package/src/ButtonBase.js +1 -0
  4. package/src/ButtonBase.js.map +1 -1
  5. package/src/button-base.css.js +5 -6
  6. package/src/button-base.css.js.map +1 -1
  7. package/src/button.css.js +504 -2
  8. package/src/button.css.js.map +1 -1
  9. package/src/clear-button.css.js +97 -4
  10. package/src/clear-button.css.js.map +1 -1
  11. package/src/spectrum-button-base.css.js +1 -6
  12. package/src/spectrum-button-base.css.js.map +1 -1
  13. package/src/spectrum-button.css.js +472 -2
  14. package/src/spectrum-button.css.js.map +1 -1
  15. package/src/spectrum-clear-button.css.js +97 -4
  16. package/src/spectrum-clear-button.css.js.map +1 -1
  17. package/stories/index.js +2 -1
  18. package/stories/index.js.map +1 -1
  19. package/test/button-cta-sizes.test-vrt.js +0 -15
  20. package/test/button-cta-sizes.test-vrt.js.map +0 -1
  21. package/test/button-cta.test-vrt.js +0 -15
  22. package/test/button-cta.test-vrt.js.map +0 -1
  23. package/test/button-overBackground-sizes.test-vrt.js +0 -15
  24. package/test/button-overBackground-sizes.test-vrt.js.map +0 -1
  25. package/test/button-overBackground.test-vrt.js +0 -15
  26. package/test/button-overBackground.test-vrt.js.map +0 -1
  27. package/test/button-primary-sizes.test-vrt.js +0 -15
  28. package/test/button-primary-sizes.test-vrt.js.map +0 -1
  29. package/test/button-primary.test-vrt.js +0 -15
  30. package/test/button-primary.test-vrt.js.map +0 -1
  31. package/test/button-secondary-sizes.test-vrt.js +0 -15
  32. package/test/button-secondary-sizes.test-vrt.js.map +0 -1
  33. package/test/button-secondary.test-vrt.js +0 -15
  34. package/test/button-secondary.test-vrt.js.map +0 -1
  35. package/test/button-warning-sizes.test-vrt.js +0 -15
  36. package/test/button-warning-sizes.test-vrt.js.map +0 -1
  37. package/test/button-warning.test-vrt.js +0 -15
  38. package/test/button-warning.test-vrt.js.map +0 -1
  39. package/test/button.test.js +0 -346
  40. package/test/button.test.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"button.css.js","sourceRoot":"","sources":["button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;CAGjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n::slotted([slot=icon]){max-height:100%;flex-shrink:0}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-s-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-s-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-s-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-text-size:var(--spectrum-button-primary-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-button-primary-height:var(--spectrum-button-primary-s-height,var(--spectrum-alias-item-height-s));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-s-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-s));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-s-border-radius,var(--spectrum-alias-item-rounded-border-radius-s));--spectrum-button-primary-min-width:var(--spectrum-button-primary-s-min-width,var(--spectrum-global-dimension-size-675));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-s-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-s));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-s-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-s));--spectrum-button-primary-text-padding-top:calc(var(--spectrum-button-primary-s-text-padding-top,\nvar(--spectrum-alias-item-text-padding-top-s)) - 3px)}:host([size=m]){--spectrum-button-primary-min-width:var(--spectrum-button-primary-m-min-width);--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-m-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-m-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-m-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-text-size:var(--spectrum-button-primary-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-button-primary-text-padding-top:var(--spectrum-button-primary-m-text-padding-top,var(--spectrum-alias-item-text-padding-top-m));--spectrum-button-primary-height:var(--spectrum-button-primary-m-height,var(--spectrum-alias-item-height-m));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-m-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-m));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-m-border-radius,var(--spectrum-alias-item-rounded-border-radius-m));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-m-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-m));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-m-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-m))}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-l-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-l-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-l-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-text-size:var(--spectrum-button-primary-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-button-primary-text-padding-top:var(--spectrum-button-primary-l-text-padding-top,var(--spectrum-alias-item-text-padding-top-l));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-button-primary-height:var(--spectrum-button-primary-l-height,var(--spectrum-alias-item-height-l));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-l-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-l));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-l-border-radius,var(--spectrum-alias-item-rounded-border-radius-l));--spectrum-button-primary-min-width:var(--spectrum-button-primary-l-min-width,var(--spectrum-global-dimension-size-1125));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-l-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-l));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-l-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-l))}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-xl-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-xl-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-xl-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-button-primary-text-size:var(--spectrum-button-primary-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-button-primary-text-padding-top:var(--spectrum-button-primary-xl-text-padding-top,var(--spectrum-alias-item-text-padding-top-xl));--spectrum-button-primary-height:var(--spectrum-button-primary-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-xl-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-xl));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-xl-border-radius,var(--spectrum-alias-item-rounded-border-radius-xl));--spectrum-button-primary-min-width:var(--spectrum-button-primary-xl-min-width,var(--spectrum-global-dimension-size-1250));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-xl-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-xl));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-xl-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-xl))}:host{--spectrum-button-primary-padding-left-adjusted:calc(var(--spectrum-button-primary-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-textonly-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-textonly-padding-right) - var(--spectrum-button-primary-border-size));--spectrum-button-padding-y:calc(var(--spectrum-button-primary-text-padding-top) - 1px)}:host([dir=ltr]){padding-left:var(--spectrum-button-primary-textonly-padding-left-adjusted);padding-right:var(--spectrum-button-primary-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-button-primary-textonly-padding-left-adjusted);padding-left:var(--spectrum-button-primary-textonly-padding-right-adjusted)}:host{border-width:var(--spectrum-button-primary-border-size);border-style:solid;border-radius:var(--spectrum-button-primary-border-radius);min-height:var(--spectrum-button-primary-height);height:auto;min-width:var(--spectrum-button-primary-min-width);padding-bottom:calc(var(--spectrum-button-padding-y) + 1px);padding-top:calc(var(--spectrum-button-padding-y) - 1px);font-size:var(--spectrum-button-primary-text-size);font-weight:var(--spectrum-button-primary-text-font-weight)}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-button-primary-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-button-primary-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#label{line-height:var(--spectrum-button-primary-text-line-height)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:host([variant=cta]){background-color:var(--spectrum-button-cta-m-background-color,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-button-cta-m-border-color,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-button-cta-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=cta]:hover){background-color:var(--spectrum-button-cta-m-background-color-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=cta].focus-visible){background-color:var(--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=cta].focus-visible){background-color:var(--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=cta]:focus-visible){background-color:var(--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=cta][active]){background-color:var(--spectrum-button-cta-m-background-color-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-button-cta-m-border-color-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-button-cta-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(--spectrum-button-cta-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-cta-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-cta-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=primary]){background-color:var(--spectrum-button-primary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-primary-m-border-color,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color,var(--spectrum-global-color-gray-800))}:host([variant=primary]:hover){background-color:var(--spectrum-button-primary-m-background-color-hover,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-hover,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-hover,var(--spectrum-global-color-gray-50))}:host([variant=primary].focus-visible){background-color:var(--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=primary].focus-visible){background-color:var(--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=primary]:focus-visible){background-color:var(--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=primary][active]){background-color:var(--spectrum-button-primary-m-background-color-down,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-button-primary-m-border-color-down,var(--spectrum-global-color-gray-900));color:var(--spectrum-button-primary-m-text-color-down,var(--spectrum-global-color-gray-50))}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(--spectrum-button-primary-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-primary-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=secondary]){background-color:var(--spectrum-button-secondary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-secondary-m-border-color,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color,var(--spectrum-global-color-gray-700))}:host([variant=secondary]:hover){background-color:var(--spectrum-button-secondary-m-background-color-hover,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-hover,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-hover,var(--spectrum-global-color-gray-50))}:host([variant=secondary].focus-visible){background-color:var(--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=secondary].focus-visible){background-color:var(--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=secondary]:focus-visible){background-color:var(--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=secondary][active]){background-color:var(--spectrum-button-secondary-m-background-color-down,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-secondary-m-border-color-down,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-secondary-m-text-color-down,var(--spectrum-global-color-gray-50))}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(--spectrum-button-secondary-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-secondary-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=negative]){background-color:var(--spectrum-button-warning-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-warning-m-border-color,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small))}:host([variant=negative]:hover){background-color:var(--spectrum-button-warning-m-background-color-hover,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-hover,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-hover,var(--spectrum-global-color-gray-50))}:host([variant=negative].focus-visible){background-color:var(--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=negative].focus-visible){background-color:var(--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=negative]:focus-visible){background-color:var(--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=negative][active]){background-color:var(--spectrum-button-warning-m-background-color-down,var(--spectrum-global-color-red-700));border-color:var(--spectrum-button-warning-m-border-color-down,var(--spectrum-global-color-red-700));color:var(--spectrum-button-warning-m-text-color-down,var(--spectrum-global-color-gray-50))}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(--spectrum-button-warning-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-warning-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=overBackground]){background-color:var(--spectrum-button-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-over-background-m-border-color,var(--spectrum-global-color-static-white));color:var(--spectrum-button-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:hover){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground]:focus-visible){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-over-background-m-background-color-down,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-down,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-over-background-m-background-color-disabled,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-over-background-m-text-color-disabled,hsla(0,0%,100%,.35))}:host([variant=overBackground][quiet]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground][quiet].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))}:host([variant=primary][quiet]){background-color:var(--spectrum-button-quiet-primary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-m-text-color,var(--spectrum-global-color-gray-800))}:host([variant=primary][quiet]:hover){background-color:var(--spectrum-button-quiet-primary-m-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-hover,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet][active]){background-color:var(--spectrum-button-quiet-primary-m-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-primary-m-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-primary-m-text-color-down,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){background-color:var(--spectrum-button-quiet-primary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=secondary][quiet]){background-color:var(--spectrum-button-quiet-secondary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-m-text-color,var(--spectrum-global-color-gray-700))}:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-button-quiet-secondary-m-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-hover,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet][active]){background-color:var(--spectrum-button-quiet-secondary-m-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-secondary-m-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-secondary-m-text-color-down,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(--spectrum-button-quiet-secondary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=negative][quiet]){background-color:var(--spectrum-button-quiet-warning-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small))}:host([variant=negative][quiet]:hover){background-color:var(--spectrum-button-quiet-warning-m-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-hover,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet].focus-visible){background-color:var(--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet].focus-visible){background-color:var(--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet][active]){background-color:var(--spectrum-button-quiet-warning-m-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-warning-m-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-warning-m-text-color-down,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(--spectrum-button-quiet-warning-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500))}@media (forced-colors:active){:host{--spectrum-button-cta-m-background-color:ButtonText;--spectrum-button-cta-m-background-color-disabled:ButtonFace;--spectrum-button-cta-m-background-color-down:Highlight;--spectrum-button-cta-m-background-color-hover:Highlight;--spectrum-button-cta-m-background-color-key-focus:Highlight;--spectrum-button-cta-m-border-color-disabled:GrayText;--spectrum-button-cta-m-border-color-down:Highlight;--spectrum-button-cta-m-border-color-hover:Highlight;--spectrum-button-cta-m-border-color-key-focus:Highlight;--spectrum-button-cta-m-border-color:ButtonText;--spectrum-button-cta-m-text-color-disabled:GrayText;--spectrum-button-cta-m-text-color-down:ButtonFace;--spectrum-button-cta-m-text-color-hover:ButtonFace;--spectrum-button-cta-m-text-color-key-focus:ButtonFace;--spectrum-button-cta-m-text-color:ButtonFace;--spectrum-button-over-background-m-background-color:ButtonFace;--spectrum-button-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-over-background-m-background-color-down:ButtonFace;--spectrum-button-over-background-m-background-color-hover:ButtonFace;--spectrum-button-over-background-m-border-color-disabled:GrayText;--spectrum-button-over-background-m-border-color-down:Highlight;--spectrum-button-over-background-m-border-color-hover:Highlight;--spectrum-button-over-background-m-border-color-key-focus:ButtonText;--spectrum-button-over-background-m-border-color:ButtonText;--spectrum-button-over-background-m-text-color-disabled:GrayText;--spectrum-button-over-background-m-text-color:ButtonText;--spectrum-button-quiet-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-down:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-hover:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-down:Highlight;--spectrum-button-quiet-over-background-m-border-color-hover:Highlight;--spectrum-button-quiet-over-background-m-border-color:ButtonFace;--spectrum-button-quiet-over-background-m-text-color-disabled:GrayText;--spectrum-button-quiet-over-background-m-text-color-down:ButtonText;--spectrum-button-quiet-over-background-m-text-color-hover:ButtonText;--spectrum-button-quiet-over-background-m-text-color:ButtonText;--spectrum-button-primary-m-background-color:ButtonFace;--spectrum-button-primary-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-background-color-down:ButtonFace;--spectrum-button-primary-m-background-color-hover:ButtonFace;--spectrum-button-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-primary-m-border-color-disabled:GrayText;--spectrum-button-primary-m-border-color-down:Highlight;--spectrum-button-primary-m-border-color-hover:Highlight;--spectrum-button-primary-m-border-color-key-focus:Highlight;--spectrum-button-primary-m-border-color:ButtonText;--spectrum-button-primary-m-text-color-disabled:GrayText;--spectrum-button-primary-m-text-color-down:ButtonText;--spectrum-button-primary-m-text-color-hover:ButtonText;--spectrum-button-primary-m-text-color-key-focus:ButtonText;--spectrum-button-primary-m-text-color:ButtonText;--spectrum-button-quiet-primary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-background-color-down:ButtonFace;--spectrum-button-quiet-primary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-primary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-border-color-down:Highlight;--spectrum-button-quiet-primary-m-border-color-hover:Highlight;--spectrum-button-quiet-primary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-primary-m-border-color:ButtonFace;--spectrum-button-quiet-primary-m-text-color-disabled:GrayText;--spectrum-button-quiet-primary-m-text-color-down:ButtonText;--spectrum-button-quiet-primary-m-text-color-hover:ButtonText;--spectrum-button-quiet-primary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-primary-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color:ButtonFace;--spectrum-button-secondary-m-background-color-down:ButtonFace;--spectrum-button-secondary-m-background-color-hover:ButtonFace;--spectrum-button-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-secondary-m-border-color-disabled:GrayText;--spectrum-button-secondary-m-border-color-down:Highlight;--spectrum-button-secondary-m-border-color-hover:Highlight;--spectrum-button-secondary-m-border-color-key-focus:Highlight;--spectrum-button-secondary-m-border-color:ButtonText;--spectrum-button-secondary-m-text-color-disabled:GrayText;--spectrum-button-secondary-m-text-color-down:ButtonText;--spectrum-button-secondary-m-text-color-hover:ButtonText;--spectrum-button-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-secondary-m-text-color:ButtonText;--spectrum-button-quiet-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-down:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-down:Highlight;--spectrum-button-quiet-secondary-m-border-color-hover:Highlight;--spectrum-button-quiet-secondary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-secondary-m-border-color:ButtonFace;--spectrum-button-quiet-secondary-m-text-color-disabled:GrayText;--spectrum-button-quiet-secondary-m-text-color-down:ButtonText;--spectrum-button-quiet-secondary-m-text-color-hover:ButtonText;--spectrum-button-quiet-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-secondary-m-text-color:ButtonText;--spectrum-button-warning-m-background-color:ButtonFace;--spectrum-button-warning-m-background-color-down:ButtonFace;--spectrum-button-warning-m-background-color-hover:ButtonFace;--spectrum-button-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-warning-m-border-color-disabled:GrayText;--spectrum-button-warning-m-border-color-down:Highlight;--spectrum-button-warning-m-border-color-hover:Highlight;--spectrum-button-warning-m-border-color-key-focus:Highlight;--spectrum-button-warning-m-border-color:ButtonText;--spectrum-button-warning-m-text-color-disabled:GrayText;--spectrum-button-warning-m-text-color-down:ButtonText;--spectrum-button-warning-m-text-color-hover:ButtonText;--spectrum-button-warning-m-text-color-key-focus:ButtonText;--spectrum-button-warning-m-text-color:ButtonText;--spectrum-button-quiet-warning-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-background-color-down:ButtonFace;--spectrum-button-quiet-warning-m-background-color-hover:ButtonFace;--spectrum-button-quiet-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-warning-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-border-color-down:Highlight;--spectrum-button-quiet-warning-m-border-color-hover:Highlight;--spectrum-button-quiet-warning-m-border-color-key-focus:Highlight;--spectrum-button-quiet-warning-m-border-color:ButtonFace;--spectrum-button-quiet-warning-m-text-color-disabled:GrayText;--spectrum-button-quiet-warning-m-text-color-down:ButtonText;--spectrum-button-quiet-warning-m-text-color-hover:ButtonText;--spectrum-button-quiet-warning-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-warning-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-warning-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-focus-ring-color-key-focus:ButtonText;forced-color-adjust:none}}:host([size=s]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-s);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-s);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-75);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-75)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-m);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-m);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-l);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-200);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-200)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)}\n`;\nexport default styles;"]}
1
+ {"version":3,"file":"button.css.js","sourceRoot":"","sources":["button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyfjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(--spectrum-button-line-height);margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) 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-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-height:100%}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n));bottom:0;content:\"\";display:block;left:0;margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host(:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-s-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-s-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-s-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-s-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-s-text-size,var(--spectrum-alias-item-text-size-s)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-s-height,var(--spectrum-alias-item-height-s)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-s-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-s)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-s-border-radius,var(--spectrum-alias-item-rounded-border-radius-s)\n);--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-s-min-width,var(--spectrum-global-dimension-size-675)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-s-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-s)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-s-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-s)\n);--spectrum-button-primary-text-padding-top:calc(var(\n--spectrum-button-primary-s-text-padding-top,\nvar(--spectrum-alias-item-text-padding-top-s)\n) - 3px)}:host([size=m]){--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-m-min-width\n);--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-m-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-m-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-m-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-m-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-m-text-size,var(--spectrum-alias-item-text-size-m)\n);--spectrum-button-primary-text-padding-top:var(\n--spectrum-button-primary-m-text-padding-top,var(--spectrum-alias-item-text-padding-top-m)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-m-height,var(--spectrum-alias-item-height-m)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-m-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-m)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-m-border-radius,var(--spectrum-alias-item-rounded-border-radius-m)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-m-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-m)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-m-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-m)\n)}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-l-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-l-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-l-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-l-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-l-text-size,var(--spectrum-alias-item-text-size-l)\n);--spectrum-button-primary-text-padding-top:var(\n--spectrum-button-primary-l-text-padding-top,var(--spectrum-alias-item-text-padding-top-l)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-l-height,var(--spectrum-alias-item-height-l)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-l-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-l)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-l-border-radius,var(--spectrum-alias-item-rounded-border-radius-l)\n);--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-l-min-width,var(--spectrum-global-dimension-size-1125)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-l-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-l)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-l-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-l)\n)}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-xl-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-xl-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-xl-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-xl-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-xl-text-size,var(--spectrum-alias-item-text-size-xl)\n);--spectrum-button-primary-text-padding-top:var(\n--spectrum-button-primary-xl-text-padding-top,var(--spectrum-alias-item-text-padding-top-xl)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-xl-height,var(--spectrum-alias-item-height-xl)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-xl-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-xl)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-xl-border-radius,var(--spectrum-alias-item-rounded-border-radius-xl)\n);--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-xl-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-xl-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-xl)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-xl-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-xl)\n)}:host{--spectrum-button-primary-padding-left-adjusted:calc(var(--spectrum-button-primary-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-textonly-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-textonly-padding-right) - var(--spectrum-button-primary-border-size));--spectrum-button-padding-y:calc(var(--spectrum-button-primary-text-padding-top) - 1px)}:host([dir=ltr]){padding-left:var(\n--spectrum-button-primary-textonly-padding-left-adjusted\n);padding-right:var(\n--spectrum-button-primary-textonly-padding-right-adjusted\n)}:host([dir=rtl]){padding-left:var(\n--spectrum-button-primary-textonly-padding-right-adjusted\n);padding-right:var(\n--spectrum-button-primary-textonly-padding-left-adjusted\n)}:host{border-radius:var(--spectrum-button-primary-border-radius);border-style:solid;border-width:var(\n--spectrum-button-primary-border-size\n);font-size:var(--spectrum-button-primary-text-size);font-weight:var(--spectrum-button-primary-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-height);min-width:var(--spectrum-button-primary-min-width);padding-bottom:calc(var(--spectrum-button-padding-y) + 1px);padding-top:calc(var(--spectrum-button-padding-y) - 1px)}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(\n--spectrum-button-primary-icon-gap\n)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(\n--spectrum-button-primary-icon-gap\n)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#label{line-height:var(\n--spectrum-button-primary-text-line-height\n)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(\n--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(\n--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)}:host([variant=cta]){background-color:var(\n--spectrum-button-cta-m-background-color,var(--spectrum-semantic-cta-color-background-default)\n);border-color:var(\n--spectrum-button-cta-m-border-color,var(--spectrum-semantic-cta-color-background-default)\n);color:var(\n--spectrum-button-cta-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=cta]:hover){background-color:var(\n--spectrum-button-cta-m-background-color-hover,var(--spectrum-semantic-cta-color-background-hover)\n);border-color:var(\n--spectrum-button-cta-m-border-color-hover,var(--spectrum-semantic-cta-color-background-hover)\n);color:var(\n--spectrum-button-cta-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=cta].focus-visible){background-color:var(\n--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);border-color:var(\n--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);color:var(\n--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=cta]:focus-visible){background-color:var(\n--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);border-color:var(\n--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);color:var(\n--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=cta][active]){background-color:var(\n--spectrum-button-cta-m-background-color-down,var(--spectrum-semantic-cta-color-background-down)\n);border-color:var(\n--spectrum-button-cta-m-border-color-down,var(--spectrum-semantic-cta-color-background-down)\n);color:var(\n--spectrum-button-cta-m-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(\n--spectrum-button-cta-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-cta-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-cta-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=primary]){background-color:var(\n--spectrum-button-primary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-primary-m-border-color,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=primary]:hover){background-color:var(\n--spectrum-button-primary-m-background-color-hover,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-primary-m-border-color-hover,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color-hover,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary].focus-visible){background-color:var(\n--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary]:focus-visible){background-color:var(\n--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary][active]){background-color:var(\n--spectrum-button-primary-m-background-color-down,var(--spectrum-global-color-gray-900)\n);border-color:var(\n--spectrum-button-primary-m-border-color-down,var(--spectrum-global-color-gray-900)\n);color:var(\n--spectrum-button-primary-m-text-color-down,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(\n--spectrum-button-primary-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-primary-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=secondary]){background-color:var(\n--spectrum-button-secondary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-secondary-m-border-color,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color,var(--spectrum-global-color-gray-700)\n)}:host([variant=secondary]:hover){background-color:var(\n--spectrum-button-secondary-m-background-color-hover,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-hover,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color-hover,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary].focus-visible){background-color:var(\n--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary]:focus-visible){background-color:var(\n--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary][active]){background-color:var(\n--spectrum-button-secondary-m-background-color-down,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-down,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-secondary-m-text-color-down,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(\n--spectrum-button-secondary-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=negative]){background-color:var(\n--spectrum-button-warning-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-warning-m-border-color,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small)\n)}:host([variant=negative]:hover){background-color:var(\n--spectrum-button-warning-m-background-color-hover,var(--spectrum-semantic-negative-color-text-small)\n);border-color:var(\n--spectrum-button-warning-m-border-color-hover,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color-hover,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative].focus-visible){background-color:var(\n--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);border-color:var(\n--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative]:focus-visible){background-color:var(\n--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);border-color:var(\n--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative][active]){background-color:var(\n--spectrum-button-warning-m-background-color-down,var(--spectrum-global-color-red-700)\n);border-color:var(\n--spectrum-button-warning-m-border-color-down,var(--spectrum-global-color-red-700)\n);color:var(\n--spectrum-button-warning-m-text-color-down,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(\n--spectrum-button-warning-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-warning-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-over-background-m-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-over-background-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-over-background-m-background-color-down,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-down,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-over-background-m-background-color-disabled,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-over-background-m-text-color-disabled,hsla(0,0%,100%,.35)\n)}:host([variant=overBackground][quiet]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:hover){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet][active]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15)\n)}:host([variant=primary][quiet]){background-color:var(\n--spectrum-button-quiet-primary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=primary][quiet]:hover){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-hover,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-hover,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet][active]){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-down,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-down,var(--spectrum-global-color-gray-300)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=secondary][quiet]){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color,var(--spectrum-global-color-gray-700)\n)}:host([variant=secondary][quiet]:hover){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-hover,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-hover,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-hover,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet][active]){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-down,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-down,var(--spectrum-global-color-gray-300)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-down,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=negative][quiet]){background-color:var(\n--spectrum-button-quiet-warning-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small)\n)}:host([variant=negative][quiet]:hover){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-hover,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-hover,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-hover,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet][active]){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-down,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-down,var(--spectrum-global-color-gray-300)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-down,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}@media (forced-colors:active){:host{--spectrum-button-cta-m-background-color:ButtonText;--spectrum-button-cta-m-background-color-disabled:ButtonFace;--spectrum-button-cta-m-background-color-down:Highlight;--spectrum-button-cta-m-background-color-hover:Highlight;--spectrum-button-cta-m-background-color-key-focus:Highlight;--spectrum-button-cta-m-border-color-disabled:GrayText;--spectrum-button-cta-m-border-color-down:Highlight;--spectrum-button-cta-m-border-color-hover:Highlight;--spectrum-button-cta-m-border-color-key-focus:Highlight;--spectrum-button-cta-m-border-color:ButtonText;--spectrum-button-cta-m-text-color-disabled:GrayText;--spectrum-button-cta-m-text-color-down:ButtonFace;--spectrum-button-cta-m-text-color-hover:ButtonFace;--spectrum-button-cta-m-text-color-key-focus:ButtonFace;--spectrum-button-cta-m-text-color:ButtonFace;--spectrum-button-over-background-m-background-color:ButtonFace;--spectrum-button-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-over-background-m-background-color-down:ButtonFace;--spectrum-button-over-background-m-background-color-hover:ButtonFace;--spectrum-button-over-background-m-border-color-disabled:GrayText;--spectrum-button-over-background-m-border-color-down:Highlight;--spectrum-button-over-background-m-border-color-hover:Highlight;--spectrum-button-over-background-m-border-color-key-focus:ButtonText;--spectrum-button-over-background-m-border-color:ButtonText;--spectrum-button-over-background-m-text-color-disabled:GrayText;--spectrum-button-over-background-m-text-color:ButtonText;--spectrum-button-quiet-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-down:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-hover:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-down:Highlight;--spectrum-button-quiet-over-background-m-border-color-hover:Highlight;--spectrum-button-quiet-over-background-m-border-color:ButtonFace;--spectrum-button-quiet-over-background-m-text-color-disabled:GrayText;--spectrum-button-quiet-over-background-m-text-color-down:ButtonText;--spectrum-button-quiet-over-background-m-text-color-hover:ButtonText;--spectrum-button-quiet-over-background-m-text-color:ButtonText;--spectrum-button-primary-m-background-color:ButtonFace;--spectrum-button-primary-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-background-color-down:ButtonFace;--spectrum-button-primary-m-background-color-hover:ButtonFace;--spectrum-button-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-primary-m-border-color-disabled:GrayText;--spectrum-button-primary-m-border-color-down:Highlight;--spectrum-button-primary-m-border-color-hover:Highlight;--spectrum-button-primary-m-border-color-key-focus:Highlight;--spectrum-button-primary-m-border-color:ButtonText;--spectrum-button-primary-m-text-color-disabled:GrayText;--spectrum-button-primary-m-text-color-down:ButtonText;--spectrum-button-primary-m-text-color-hover:ButtonText;--spectrum-button-primary-m-text-color-key-focus:ButtonText;--spectrum-button-primary-m-text-color:ButtonText;--spectrum-button-quiet-primary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-background-color-down:ButtonFace;--spectrum-button-quiet-primary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-primary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-border-color-down:Highlight;--spectrum-button-quiet-primary-m-border-color-hover:Highlight;--spectrum-button-quiet-primary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-primary-m-border-color:ButtonFace;--spectrum-button-quiet-primary-m-text-color-disabled:GrayText;--spectrum-button-quiet-primary-m-text-color-down:ButtonText;--spectrum-button-quiet-primary-m-text-color-hover:ButtonText;--spectrum-button-quiet-primary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-primary-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color:ButtonFace;--spectrum-button-secondary-m-background-color-down:ButtonFace;--spectrum-button-secondary-m-background-color-hover:ButtonFace;--spectrum-button-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-secondary-m-border-color-disabled:GrayText;--spectrum-button-secondary-m-border-color-down:Highlight;--spectrum-button-secondary-m-border-color-hover:Highlight;--spectrum-button-secondary-m-border-color-key-focus:Highlight;--spectrum-button-secondary-m-border-color:ButtonText;--spectrum-button-secondary-m-text-color-disabled:GrayText;--spectrum-button-secondary-m-text-color-down:ButtonText;--spectrum-button-secondary-m-text-color-hover:ButtonText;--spectrum-button-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-secondary-m-text-color:ButtonText;--spectrum-button-quiet-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-down:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-down:Highlight;--spectrum-button-quiet-secondary-m-border-color-hover:Highlight;--spectrum-button-quiet-secondary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-secondary-m-border-color:ButtonFace;--spectrum-button-quiet-secondary-m-text-color-disabled:GrayText;--spectrum-button-quiet-secondary-m-text-color-down:ButtonText;--spectrum-button-quiet-secondary-m-text-color-hover:ButtonText;--spectrum-button-quiet-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-secondary-m-text-color:ButtonText;--spectrum-button-warning-m-background-color:ButtonFace;--spectrum-button-warning-m-background-color-down:ButtonFace;--spectrum-button-warning-m-background-color-hover:ButtonFace;--spectrum-button-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-warning-m-border-color-disabled:GrayText;--spectrum-button-warning-m-border-color-down:Highlight;--spectrum-button-warning-m-border-color-hover:Highlight;--spectrum-button-warning-m-border-color-key-focus:Highlight;--spectrum-button-warning-m-border-color:ButtonText;--spectrum-button-warning-m-text-color-disabled:GrayText;--spectrum-button-warning-m-text-color-down:ButtonText;--spectrum-button-warning-m-text-color-hover:ButtonText;--spectrum-button-warning-m-text-color-key-focus:ButtonText;--spectrum-button-warning-m-text-color:ButtonText;--spectrum-button-quiet-warning-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-background-color-down:ButtonFace;--spectrum-button-quiet-warning-m-background-color-hover:ButtonFace;--spectrum-button-quiet-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-warning-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-border-color-down:Highlight;--spectrum-button-quiet-warning-m-border-color-hover:Highlight;--spectrum-button-quiet-warning-m-border-color-key-focus:Highlight;--spectrum-button-quiet-warning-m-border-color:ButtonFace;--spectrum-button-quiet-warning-m-text-color-disabled:GrayText;--spectrum-button-quiet-warning-m-text-color-down:ButtonText;--spectrum-button-quiet-warning-m-text-color-hover:ButtonText;--spectrum-button-quiet-warning-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-warning-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-warning-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-focus-ring-color-key-focus:ButtonText}:host{forced-color-adjust:none}}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}\n`;\nexport default styles;"]}
@@ -11,10 +11,103 @@ governing permissions and limitations under the License.
11
11
  */
12
12
  import { css } from '@spectrum-web-components/base';
13
13
  const styles = css `
14
- :host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
15
- var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
16
- var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
17
- var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground]:focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))}
14
+ :host{--spectrum-button-line-height:1.3;-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(
15
+ --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
16
+ );justify-content:center;line-height:var(--spectrum-button-line-height);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) 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-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(
17
+ --spectrum-alias-focus-ring-gap,
18
+ var(--spectrum-global-dimension-static-size-25)
19
+ ));bottom:0;content:"";display:block;left:0;margin:calc(var(
20
+ --spectrum-alias-focus-ring-gap,
21
+ var(--spectrum-global-dimension-static-size-25)
22
+ )*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(
23
+ --spectrum-alias-focus-ring-gap,
24
+ var(--spectrum-global-dimension-static-size-25)
25
+ )*-2)}:host(:focus-visible):after{margin:calc(var(
26
+ --spectrum-alias-focus-ring-gap,
27
+ var(--spectrum-global-dimension-static-size-25)
28
+ )*-2)}:host{background-color:var(
29
+ --spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent)
30
+ );color:var(
31
+ --spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color)
32
+ )}:host(:hover){background-color:var(
33
+ --spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent)
34
+ );color:var(
35
+ --spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover)
36
+ )}:host([active]){background-color:var(
37
+ --spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent)
38
+ );color:var(
39
+ --spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down)
40
+ )}:host(.focus-visible){background-color:var(
41
+ --spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
42
+ );color:var(
43
+ --spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
44
+ )}:host(:focus-visible){background-color:var(
45
+ --spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
46
+ );color:var(
47
+ --spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
48
+ )}:host(:disabled),:host([disabled]){background-color:var(
49
+ --spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent)
50
+ );color:var(
51
+ --spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
52
+ )}:host{border:none;border-radius:100%;height:var(
53
+ --spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height)
54
+ );margin:0;padding:0;width:var(
55
+ --spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height)
56
+ )}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after{margin:calc(var(
57
+ --spectrum-alias-focus-ring-gap,
58
+ var(--spectrum-global-dimension-static-size-25)
59
+ )*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(
60
+ --spectrum-alias-focus-ring-gap,
61
+ var(--spectrum-global-dimension-static-size-25)
62
+ )*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){height:var(
63
+ --spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300)
64
+ );width:var(
65
+ --spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300)
66
+ )}:host([variant=overBackground]){background-color:var(
67
+ --spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)
68
+ );border-color:var(
69
+ --spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent)
70
+ );color:var(
71
+ --spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white)
72
+ )}:host([variant=overBackground]:hover){background-color:var(
73
+ --spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)
74
+ );border-color:var(
75
+ --spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)
76
+ );color:var(
77
+ --spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)
78
+ )}:host([variant=overBackground].focus-visible){background-color:var(
79
+ --spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)
80
+ );border-color:var(
81
+ --spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)
82
+ );box-shadow:none;color:var(
83
+ --spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)
84
+ )}:host([variant=overBackground]:focus-visible){background-color:var(
85
+ --spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)
86
+ );border-color:var(
87
+ --spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)
88
+ );box-shadow:none;color:var(
89
+ --spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)
90
+ )}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
91
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
92
+ ) var(
93
+ --spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)
94
+ )}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
95
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
96
+ ) var(
97
+ --spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)
98
+ )}:host([variant=overBackground][active]){background-color:var(
99
+ --spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2)
100
+ );border-color:var(
101
+ --spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent)
102
+ );color:var(
103
+ --spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white)
104
+ )}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(
105
+ --spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)
106
+ );border-color:var(
107
+ --spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)
108
+ );color:var(
109
+ --spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15)
110
+ )}
18
111
  `;
19
112
  export default styles;
20
113
  //# sourceMappingURL=clear-button.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"clear-button.css.js","sourceRoot":"","sources":["clear-button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground]:focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))}\n`;\nexport default styles;"]}
1
+ {"version":3,"file":"clear-button.css.js","sourceRoot":"","sources":["clear-button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-button-line-height:1.3;-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(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(--spectrum-button-line-height);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) 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-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n));bottom:0;content:\"\";display:block;left:0;margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host(:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host{background-color:var(\n--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color)\n)}:host(:hover){background-color:var(\n--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([active]){background-color:var(\n--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down)\n)}:host(.focus-visible){background-color:var(\n--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host(:focus-visible){background-color:var(\n--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host(:disabled),:host([disabled]){background-color:var(\n--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)\n)}:host{border:none;border-radius:100%;height:var(\n--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height)\n);margin:0;padding:0;width:var(\n--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height)\n)}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){height:var(\n--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300)\n);width:var(\n--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15)\n)}\n`;\nexport default styles;"]}
@@ -11,12 +11,7 @@ governing permissions and limitations under the License.
11
11
  */
12
12
  import { css } from '@spectrum-web-components/base';
13
13
  const styles = css `
14
- :host{--spectrum-button-line-height:1.3;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap,
15
- var(--spectrum-global-dimension-static-size-25)));content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:calc(var(--spectrum-alias-focus-ring-gap,
16
- var(--spectrum-global-dimension-static-size-25))*-1);transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
17
- var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
18
- var(--spectrum-global-dimension-static-size-25))*-2)}:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
19
- var(--spectrum-global-dimension-static-size-25))*-2)}
14
+
20
15
  `;
21
16
  export default styles;
22
17
  //# sourceMappingURL=spectrum-button-base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"spectrum-button-base.css.js","sourceRoot":"","sources":["spectrum-button-base.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;CAOjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-button-line-height:1.3;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)));content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:calc(var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25))*-1);transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25))*-2)}:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25))*-2)}\n`;\nexport default styles;"]}
1
+ {"version":3,"file":"spectrum-button-base.css.js","sourceRoot":"","sources":["spectrum-button-base.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;CAEjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n\n`;\nexport default styles;"]}