@spectrum-web-components/button 0.14.7 → 0.14.9-lit-next.24

package/src/spectrum-button.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"spectrum-button.css.js","sourceRoot":"","sources":["spectrum-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}}\n`;\nexport default styles;"]}
+{"version":3,"file":"spectrum-button.css.js","sourceRoot":"","sources":["spectrum-button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAydjB,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}}\n`;\nexport default styles;"]}

package/src/spectrum-clear-button.css.js

@@ -11,10 +11,103 @@ governing permissions and limitations under the License.
 */
 import { css } from '@spectrum-web-components/base';
 const styles = css `
-: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,
-var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
-var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
-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))}
+: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(
+--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
+);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(
+--spectrum-alias-focus-ring-gap,
+var(--spectrum-global-dimension-static-size-25)
+));bottom:0;content:"";display:block;left:0;margin:calc(var(
+--spectrum-alias-focus-ring-gap,
+var(--spectrum-global-dimension-static-size-25)
+)*-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(
+--spectrum-alias-focus-ring-gap,
+var(--spectrum-global-dimension-static-size-25)
+)*-2)}:host(:focus-visible):after{margin:calc(var(
+--spectrum-alias-focus-ring-gap,
+var(--spectrum-global-dimension-static-size-25)
+)*-2)}: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){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){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{border:none;border-radius:100%;height:var(
+--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height)
+);margin:0;padding:0;width:var(
+--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height)
+)}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after{margin:calc(var(
+--spectrum-alias-focus-ring-gap,
+var(--spectrum-global-dimension-static-size-25)
+)*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(
+--spectrum-alias-focus-ring-gap,
+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]){height:var(
+--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300)
+);width:var(
+--spectrum-clearbutton-small-width,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)
+);box-shadow:none;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)
+);box-shadow:none;color:var(
+--spectrum-button-quiet-over-background-m-text-color-hover,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)
+)}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-clear-button.css.js.map

package/src/spectrum-clear-button.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"spectrum-clear-button.css.js","sourceRoot":"","sources":["spectrum-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;"]}
+{"version":3,"file":"spectrum-clear-button.css.js","sourceRoot":"","sources":["spectrum-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;"]}

package/stories/index.js

@@ -9,8 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
 OF ANY KIND, either express or implied. See the License for the specific language
 governing permissions and limitations under the License.
 */
-import { html } from '@spectrum-web-components/base';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { html, ifDefined } from '@spectrum-web-components/base';
 import '../sp-button.js';
 import '@spectrum-web-components/icon/sp-icon.js';
 import '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';

package/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE9D,OAAO,iBAAiB,CAAC;AACzB,OAAO,0CAA0C,CAAC;AAClD,OAAO,+DAA+D,CAAC;AAavE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAC9B,KAA2B,EACb,EAAE,CAAC,IAAI,CAAA;;;;UAIf,KAAK,EAAE;;CAEhB,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,UAAsB;IAC/C,IAAI,UAAU,CAAC,OAAO,EAAE;QACpB,OAAO,IAAI,CAAA;;2BAEQ,UAAU,CAAC,OAAO;0BACnB,CAAC,CAAC,UAAU,CAAC,KAAK;4BAChB,CAAC,CAAC,UAAU,CAAC,QAAQ;uBAC1B,UAAU,CAAC,IAAI,IAAI,GAAG;uBACtB,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC;yBACxB,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC;2BAC1B,UAAU,CAAC,OAAO;;kBAE3B,UAAU,CAAC,OAAO,IAAI,UAAU;;SAEzC,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAA;;0BAEO,CAAC,CAAC,UAAU,CAAC,KAAK;4BAChB,CAAC,CAAC,UAAU,CAAC,QAAQ;uBAC1B,UAAU,CAAC,IAAI;;kBAEpB,UAAU,CAAC,OAAO,IAAI,UAAU;;SAEzC,CAAC;KACL;AACL,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,UAAsB;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE;QACvC,OAAO,EAAE,IAAI,CAAA;;;SAGZ;KACJ,CAAC,CAAC;IACH,OAAO,IAAI,CAAA;UACL,YAAY,CAAC,UAAU,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC;UAClD,YAAY,CAAC,IAAI,CAAC;KACvB,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;CAM3B,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 { html, TemplateResult } from '@spectrum-web-components/base';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\n\nimport '../sp-button.js';\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\n\ninterface Properties {\n    variant?: 'cta' | 'overBackground' | 'primary' | 'secondary' | 'negative';\n    quiet?: boolean;\n    content?: TemplateResult;\n    disabled?: boolean;\n    size?: 's' | 'm' | 'l' | 'xl';\n    href?: string;\n    target?: '_blank' | '_parent' | '_self' | '_top';\n    warning?: boolean;\n}\n\nexport const makeOverBackground = (\n    story: () => TemplateResult\n): TemplateResult => html`\n    <div\n        style=\"background-color: var(--spectrum-global-color-seafoam-600); color: var(--spectrum-global-color-seafoam-600); padding: var(--spectrum-global-dimension-size-175) var(--spectrum-global-dimension-size-250); display: inline-block\"\n    >\n        ${story()}\n    </div>\n`;\n\nexport function renderButton(properties: Properties): TemplateResult {\n    if (properties.variant) {\n        return html`\n            <sp-button\n                variant=\"${properties.variant}\"\n                ?quiet=\"${!!properties.quiet}\"\n                ?disabled=${!!properties.disabled}\n                size=${properties.size || 'm'}\n                href=${ifDefined(properties.href)}\n                target=${ifDefined(properties.target)}\n                ?warning=${properties.warning}\n            >\n                ${properties.content || 'Click Me'}\n            </sp-button>\n        `;\n    } else {\n        return html`\n            <sp-button\n                ?quiet=\"${!!properties.quiet}\"\n                ?disabled=${!!properties.disabled}\n                size=${properties.size}\n            >\n                ${properties.content || 'Click Me'}\n            </sp-button>\n        `;\n    }\n}\n\nexport function renderButtonSet(properties: Properties): TemplateResult {\n    const disabled = Object.assign({}, properties, { disabled: true });\n    const icon = Object.assign({}, properties, {\n        content: html`\n            <sp-icon-help slot=\"icon\"></sp-icon-help>\n            Click Me\n        `,\n    });\n    return html`\n        ${renderButton(properties)} ${renderButton(disabled)}\n        ${renderButton(icon)}\n    `;\n}\n\nexport const bellIcon = html`\n    <svg slot=\"icon\" viewBox=\"0 0 36 36\" focusable=\"false\" aria-hidden=\"true\">\n        <path\n            d=\"M16 36a4.407 4.407 0 0 0 4-4h-8a4.407 4.407 0 0 0 4 4zm9.143-24.615c0-3.437-3.206-4.891-7.143-5.268V3a1.079 1.079 0 0 0-1.143-1h-1.714A1.079 1.079 0 0 0 14 3v3.117c-3.937.377-7.143 1.831-7.143 5.268C6.857 26.8 2 26.111 2 28.154V30h28v-1.846C30 26 25.143 26.8 25.143 11.385z\"\n        ></path>\n    </svg>\n`;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,IAAI,EAAkB,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAEhF,OAAO,iBAAiB,CAAC;AACzB,OAAO,0CAA0C,CAAC;AAClD,OAAO,+DAA+D,CAAC;AAavE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAC9B,KAA2B,EACb,EAAE,CAAC,IAAI,CAAA;;;;UAIf,KAAK,EAAE;;CAEhB,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,UAAsB;IAC/C,IAAI,UAAU,CAAC,OAAO,EAAE;QACpB,OAAO,IAAI,CAAA;;2BAEQ,UAAU,CAAC,OAAO;0BACnB,CAAC,CAAC,UAAU,CAAC,KAAK;4BAChB,CAAC,CAAC,UAAU,CAAC,QAAQ;uBAC1B,UAAU,CAAC,IAAI,IAAI,GAAG;uBACtB,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC;yBACxB,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC;2BAC1B,UAAU,CAAC,OAAO;;kBAE3B,UAAU,CAAC,OAAO,IAAI,UAAU;;SAEzC,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAA;;0BAEO,CAAC,CAAC,UAAU,CAAC,KAAK;4BAChB,CAAC,CAAC,UAAU,CAAC,QAAQ;uBAC1B,UAAU,CAAC,IAAI;;kBAEpB,UAAU,CAAC,OAAO,IAAI,UAAU;;SAEzC,CAAC;KACL;AACL,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,UAAsB;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE;QACvC,OAAO,EAAE,IAAI,CAAA;;;SAGZ;KACJ,CAAC,CAAC;IACH,OAAO,IAAI,CAAA;UACL,YAAY,CAAC,UAAU,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC;UAClD,YAAY,CAAC,IAAI,CAAC;KACvB,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;CAM3B,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 { html, TemplateResult, ifDefined } from '@spectrum-web-components/base';\n\nimport '../sp-button.js';\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\n\ninterface Properties {\n    variant?: 'cta' | 'overBackground' | 'primary' | 'secondary' | 'negative';\n    quiet?: boolean;\n    content?: TemplateResult;\n    disabled?: boolean;\n    size?: 's' | 'm' | 'l' | 'xl';\n    href?: string;\n    target?: '_blank' | '_parent' | '_self' | '_top';\n    warning?: boolean;\n}\n\nexport const makeOverBackground = (\n    story: () => TemplateResult\n): TemplateResult => html`\n    <div\n        style=\"background-color: var(--spectrum-global-color-seafoam-600); color: var(--spectrum-global-color-seafoam-600); padding: var(--spectrum-global-dimension-size-175) var(--spectrum-global-dimension-size-250); display: inline-block\"\n    >\n        ${story()}\n    </div>\n`;\n\nexport function renderButton(properties: Properties): TemplateResult {\n    if (properties.variant) {\n        return html`\n            <sp-button\n                variant=\"${properties.variant}\"\n                ?quiet=\"${!!properties.quiet}\"\n                ?disabled=${!!properties.disabled}\n                size=${properties.size || 'm'}\n                href=${ifDefined(properties.href)}\n                target=${ifDefined(properties.target)}\n                ?warning=${properties.warning}\n            >\n                ${properties.content || 'Click Me'}\n            </sp-button>\n        `;\n    } else {\n        return html`\n            <sp-button\n                ?quiet=\"${!!properties.quiet}\"\n                ?disabled=${!!properties.disabled}\n                size=${properties.size}\n            >\n                ${properties.content || 'Click Me'}\n            </sp-button>\n        `;\n    }\n}\n\nexport function renderButtonSet(properties: Properties): TemplateResult {\n    const disabled = Object.assign({}, properties, { disabled: true });\n    const icon = Object.assign({}, properties, {\n        content: html`\n            <sp-icon-help slot=\"icon\"></sp-icon-help>\n            Click Me\n        `,\n    });\n    return html`\n        ${renderButton(properties)} ${renderButton(disabled)}\n        ${renderButton(icon)}\n    `;\n}\n\nexport const bellIcon = html`\n    <svg slot=\"icon\" viewBox=\"0 0 36 36\" focusable=\"false\" aria-hidden=\"true\">\n        <path\n            d=\"M16 36a4.407 4.407 0 0 0 4-4h-8a4.407 4.407 0 0 0 4 4zm9.143-24.615c0-3.437-3.206-4.891-7.143-5.268V3a1.079 1.079 0 0 0-1.143-1h-1.714A1.079 1.079 0 0 0 14 3v3.117c-3.937.377-7.143 1.831-7.143 5.268C6.857 26.8 2 26.111 2 28.154V30h28v-1.846C30 26 25.143 26.8 25.143 11.385z\"\n        ></path>\n    </svg>\n`;\n"]}