@spectrum-web-components/button 0.14.8-lit-next.0 → 0.14.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +6 -6
- package/package.json +6 -6
- package/src/ButtonBase.js +1 -0
- package/src/ButtonBase.js.map +1 -1
- package/src/button-base.css.js +5 -6
- package/src/button-base.css.js.map +1 -1
- package/src/button.css.js +504 -2
- package/src/button.css.js.map +1 -1
- package/src/clear-button.css.js +97 -4
- package/src/clear-button.css.js.map +1 -1
- package/src/spectrum-button-base.css.js +1 -6
- package/src/spectrum-button-base.css.js.map +1 -1
- package/src/spectrum-button.css.js +472 -2
- package/src/spectrum-button.css.js.map +1 -1
- package/src/spectrum-clear-button.css.js +97 -4
- package/src/spectrum-clear-button.css.js.map +1 -1
- package/stories/index.js +2 -1
- package/stories/index.js.map +1 -1
- package/test/button-cta-sizes.test-vrt.js +0 -15
- package/test/button-cta-sizes.test-vrt.js.map +0 -1
- package/test/button-cta.test-vrt.js +0 -15
- package/test/button-cta.test-vrt.js.map +0 -1
- package/test/button-overBackground-sizes.test-vrt.js +0 -15
- package/test/button-overBackground-sizes.test-vrt.js.map +0 -1
- package/test/button-overBackground.test-vrt.js +0 -15
- package/test/button-overBackground.test-vrt.js.map +0 -1
- package/test/button-primary-sizes.test-vrt.js +0 -15
- package/test/button-primary-sizes.test-vrt.js.map +0 -1
- package/test/button-primary.test-vrt.js +0 -15
- package/test/button-primary.test-vrt.js.map +0 -1
- package/test/button-secondary-sizes.test-vrt.js +0 -15
- package/test/button-secondary-sizes.test-vrt.js.map +0 -1
- package/test/button-secondary.test-vrt.js +0 -15
- package/test/button-secondary.test-vrt.js.map +0 -1
- package/test/button-warning-sizes.test-vrt.js +0 -15
- package/test/button-warning-sizes.test-vrt.js.map +0 -1
- package/test/button-warning.test-vrt.js +0 -15
- package/test/button-warning.test-vrt.js.map +0 -1
- package/test/button.test.js +0 -346
- package/test/button.test.js.map +0 -1
package/src/button.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.css.js","sourceRoot":"","sources":["button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;CAGjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n::slotted([slot=icon]){max-height:100%;flex-shrink:0}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-s-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-s-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-s-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-text-size:var(--spectrum-button-primary-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-button-primary-height:var(--spectrum-button-primary-s-height,var(--spectrum-alias-item-height-s));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-s-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-s));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-s-border-radius,var(--spectrum-alias-item-rounded-border-radius-s));--spectrum-button-primary-min-width:var(--spectrum-button-primary-s-min-width,var(--spectrum-global-dimension-size-675));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-s-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-s));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-s-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-s));--spectrum-button-primary-text-padding-top:calc(var(--spectrum-button-primary-s-text-padding-top,\nvar(--spectrum-alias-item-text-padding-top-s)) - 3px)}:host([size=m]){--spectrum-button-primary-min-width:var(--spectrum-button-primary-m-min-width);--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-m-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-m-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-m-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-text-size:var(--spectrum-button-primary-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-button-primary-text-padding-top:var(--spectrum-button-primary-m-text-padding-top,var(--spectrum-alias-item-text-padding-top-m));--spectrum-button-primary-height:var(--spectrum-button-primary-m-height,var(--spectrum-alias-item-height-m));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-m-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-m));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-m-border-radius,var(--spectrum-alias-item-rounded-border-radius-m));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-m-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-m));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-m-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-m))}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-l-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-l-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-l-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-text-size:var(--spectrum-button-primary-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-button-primary-text-padding-top:var(--spectrum-button-primary-l-text-padding-top,var(--spectrum-alias-item-text-padding-top-l));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-button-primary-height:var(--spectrum-button-primary-l-height,var(--spectrum-alias-item-height-l));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-l-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-l));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-l-border-radius,var(--spectrum-alias-item-rounded-border-radius-l));--spectrum-button-primary-min-width:var(--spectrum-button-primary-l-min-width,var(--spectrum-global-dimension-size-1125));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-l-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-l));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-l-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-l))}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-button-primary-xl-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));--spectrum-button-primary-text-font-weight:var(--spectrum-button-primary-xl-text-font-weight,var(--spectrum-global-font-weight-bold));--spectrum-button-primary-text-line-height:var(--spectrum-button-primary-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-button-primary-border-size:var(--spectrum-button-primary-xl-border-size,var(--spectrum-alias-border-size-thick));--spectrum-button-primary-icon-gap:var(--spectrum-button-primary-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-button-primary-text-size:var(--spectrum-button-primary-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-button-primary-text-padding-top:var(--spectrum-button-primary-xl-text-padding-top,var(--spectrum-alias-item-text-padding-top-xl));--spectrum-button-primary-height:var(--spectrum-button-primary-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-button-primary-padding-left:var(--spectrum-button-primary-xl-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-xl));--spectrum-button-primary-border-radius:var(--spectrum-button-primary-xl-border-radius,var(--spectrum-alias-item-rounded-border-radius-xl));--spectrum-button-primary-min-width:var(--spectrum-button-primary-xl-min-width,var(--spectrum-global-dimension-size-1250));--spectrum-button-primary-textonly-padding-left:var(--spectrum-button-primary-xl-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-xl));--spectrum-button-primary-textonly-padding-right:var(--spectrum-button-primary-xl-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-xl))}:host{--spectrum-button-primary-padding-left-adjusted:calc(var(--spectrum-button-primary-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-textonly-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-textonly-padding-right) - var(--spectrum-button-primary-border-size));--spectrum-button-padding-y:calc(var(--spectrum-button-primary-text-padding-top) - 1px)}:host([dir=ltr]){padding-left:var(--spectrum-button-primary-textonly-padding-left-adjusted);padding-right:var(--spectrum-button-primary-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-button-primary-textonly-padding-left-adjusted);padding-left:var(--spectrum-button-primary-textonly-padding-right-adjusted)}:host{border-width:var(--spectrum-button-primary-border-size);border-style:solid;border-radius:var(--spectrum-button-primary-border-radius);min-height:var(--spectrum-button-primary-height);height:auto;min-width:var(--spectrum-button-primary-min-width);padding-bottom:calc(var(--spectrum-button-padding-y) + 1px);padding-top:calc(var(--spectrum-button-padding-y) - 1px);font-size:var(--spectrum-button-primary-text-size);font-weight:var(--spectrum-button-primary-text-font-weight)}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-button-primary-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-button-primary-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#label{line-height:var(--spectrum-button-primary-text-line-height)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}:host([variant=cta]){background-color:var(--spectrum-button-cta-m-background-color,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-button-cta-m-border-color,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-button-cta-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=cta]:hover){background-color:var(--spectrum-button-cta-m-background-color-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=cta].focus-visible){background-color:var(--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=cta].focus-visible){background-color:var(--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=cta]:focus-visible){background-color:var(--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=cta][active]){background-color:var(--spectrum-button-cta-m-background-color-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-button-cta-m-border-color-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-button-cta-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(--spectrum-button-cta-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-cta-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-cta-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=primary]){background-color:var(--spectrum-button-primary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-primary-m-border-color,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color,var(--spectrum-global-color-gray-800))}:host([variant=primary]:hover){background-color:var(--spectrum-button-primary-m-background-color-hover,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-hover,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-hover,var(--spectrum-global-color-gray-50))}:host([variant=primary].focus-visible){background-color:var(--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=primary].focus-visible){background-color:var(--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=primary]:focus-visible){background-color:var(--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=primary][active]){background-color:var(--spectrum-button-primary-m-background-color-down,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-button-primary-m-border-color-down,var(--spectrum-global-color-gray-900));color:var(--spectrum-button-primary-m-text-color-down,var(--spectrum-global-color-gray-50))}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(--spectrum-button-primary-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-primary-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=secondary]){background-color:var(--spectrum-button-secondary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-secondary-m-border-color,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color,var(--spectrum-global-color-gray-700))}:host([variant=secondary]:hover){background-color:var(--spectrum-button-secondary-m-background-color-hover,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-hover,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-hover,var(--spectrum-global-color-gray-50))}:host([variant=secondary].focus-visible){background-color:var(--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=secondary].focus-visible){background-color:var(--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=secondary]:focus-visible){background-color:var(--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700));border-color:var(--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700));color:var(--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=secondary][active]){background-color:var(--spectrum-button-secondary-m-background-color-down,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-button-secondary-m-border-color-down,var(--spectrum-global-color-gray-800));color:var(--spectrum-button-secondary-m-text-color-down,var(--spectrum-global-color-gray-50))}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(--spectrum-button-secondary-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-secondary-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=negative]){background-color:var(--spectrum-button-warning-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-warning-m-border-color,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small))}:host([variant=negative]:hover){background-color:var(--spectrum-button-warning-m-background-color-hover,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-hover,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-hover,var(--spectrum-global-color-gray-50))}:host([variant=negative].focus-visible){background-color:var(--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=negative].focus-visible){background-color:var(--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=negative]:focus-visible){background-color:var(--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small));border-color:var(--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small));color:var(--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50))}:host([variant=negative][active]){background-color:var(--spectrum-button-warning-m-background-color-down,var(--spectrum-global-color-red-700));border-color:var(--spectrum-button-warning-m-border-color-down,var(--spectrum-global-color-red-700));color:var(--spectrum-button-warning-m-text-color-down,var(--spectrum-global-color-gray-50))}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(--spectrum-button-warning-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-warning-m-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=overBackground]){background-color:var(--spectrum-button-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-over-background-m-border-color,var(--spectrum-global-color-static-white));color:var(--spectrum-button-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:hover){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground].focus-visible){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground]:focus-visible){background-color:var(--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-over-background-m-background-color-down,var(--spectrum-global-color-static-white));border-color:var(--spectrum-button-over-background-m-border-color-down,var(--spectrum-global-color-static-white));color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-over-background-m-background-color-disabled,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-over-background-m-text-color-disabled,hsla(0,0%,100%,.35))}:host([variant=overBackground][quiet]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground][quiet].focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white));box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet].focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))}:host([variant=primary][quiet]){background-color:var(--spectrum-button-quiet-primary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-m-text-color,var(--spectrum-global-color-gray-800))}:host([variant=primary][quiet]:hover){background-color:var(--spectrum-button-quiet-primary-m-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-hover,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet][active]){background-color:var(--spectrum-button-quiet-primary-m-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-primary-m-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-primary-m-text-color-down,var(--spectrum-global-color-gray-900))}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){background-color:var(--spectrum-button-quiet-primary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-primary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=secondary][quiet]){background-color:var(--spectrum-button-quiet-secondary-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-m-text-color,var(--spectrum-global-color-gray-700))}:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-button-quiet-secondary-m-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-hover,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet].focus-visible){background-color:var(--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet][active]){background-color:var(--spectrum-button-quiet-secondary-m-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-secondary-m-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-secondary-m-text-color-down,var(--spectrum-global-color-gray-800))}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(--spectrum-button-quiet-secondary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-secondary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([variant=negative][quiet]){background-color:var(--spectrum-button-quiet-warning-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small))}:host([variant=negative][quiet]:hover){background-color:var(--spectrum-button-quiet-warning-m-background-color-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-hover,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-hover,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet].focus-visible){background-color:var(--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet].focus-visible){background-color:var(--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet]:focus-visible){background-color:var(--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200));color:var(--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet][active]){background-color:var(--spectrum-button-quiet-warning-m-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-button-quiet-warning-m-border-color-down,var(--spectrum-global-color-gray-300));color:var(--spectrum-button-quiet-warning-m-text-color-down,var(--spectrum-global-color-red-700))}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(--spectrum-button-quiet-warning-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-warning-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500))}@media (forced-colors:active){:host{--spectrum-button-cta-m-background-color:ButtonText;--spectrum-button-cta-m-background-color-disabled:ButtonFace;--spectrum-button-cta-m-background-color-down:Highlight;--spectrum-button-cta-m-background-color-hover:Highlight;--spectrum-button-cta-m-background-color-key-focus:Highlight;--spectrum-button-cta-m-border-color-disabled:GrayText;--spectrum-button-cta-m-border-color-down:Highlight;--spectrum-button-cta-m-border-color-hover:Highlight;--spectrum-button-cta-m-border-color-key-focus:Highlight;--spectrum-button-cta-m-border-color:ButtonText;--spectrum-button-cta-m-text-color-disabled:GrayText;--spectrum-button-cta-m-text-color-down:ButtonFace;--spectrum-button-cta-m-text-color-hover:ButtonFace;--spectrum-button-cta-m-text-color-key-focus:ButtonFace;--spectrum-button-cta-m-text-color:ButtonFace;--spectrum-button-over-background-m-background-color:ButtonFace;--spectrum-button-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-over-background-m-background-color-down:ButtonFace;--spectrum-button-over-background-m-background-color-hover:ButtonFace;--spectrum-button-over-background-m-border-color-disabled:GrayText;--spectrum-button-over-background-m-border-color-down:Highlight;--spectrum-button-over-background-m-border-color-hover:Highlight;--spectrum-button-over-background-m-border-color-key-focus:ButtonText;--spectrum-button-over-background-m-border-color:ButtonText;--spectrum-button-over-background-m-text-color-disabled:GrayText;--spectrum-button-over-background-m-text-color:ButtonText;--spectrum-button-quiet-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-down:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-hover:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-down:Highlight;--spectrum-button-quiet-over-background-m-border-color-hover:Highlight;--spectrum-button-quiet-over-background-m-border-color:ButtonFace;--spectrum-button-quiet-over-background-m-text-color-disabled:GrayText;--spectrum-button-quiet-over-background-m-text-color-down:ButtonText;--spectrum-button-quiet-over-background-m-text-color-hover:ButtonText;--spectrum-button-quiet-over-background-m-text-color:ButtonText;--spectrum-button-primary-m-background-color:ButtonFace;--spectrum-button-primary-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-background-color-down:ButtonFace;--spectrum-button-primary-m-background-color-hover:ButtonFace;--spectrum-button-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-primary-m-border-color-disabled:GrayText;--spectrum-button-primary-m-border-color-down:Highlight;--spectrum-button-primary-m-border-color-hover:Highlight;--spectrum-button-primary-m-border-color-key-focus:Highlight;--spectrum-button-primary-m-border-color:ButtonText;--spectrum-button-primary-m-text-color-disabled:GrayText;--spectrum-button-primary-m-text-color-down:ButtonText;--spectrum-button-primary-m-text-color-hover:ButtonText;--spectrum-button-primary-m-text-color-key-focus:ButtonText;--spectrum-button-primary-m-text-color:ButtonText;--spectrum-button-quiet-primary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-background-color-down:ButtonFace;--spectrum-button-quiet-primary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-primary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-border-color-down:Highlight;--spectrum-button-quiet-primary-m-border-color-hover:Highlight;--spectrum-button-quiet-primary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-primary-m-border-color:ButtonFace;--spectrum-button-quiet-primary-m-text-color-disabled:GrayText;--spectrum-button-quiet-primary-m-text-color-down:ButtonText;--spectrum-button-quiet-primary-m-text-color-hover:ButtonText;--spectrum-button-quiet-primary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-primary-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color:ButtonFace;--spectrum-button-secondary-m-background-color-down:ButtonFace;--spectrum-button-secondary-m-background-color-hover:ButtonFace;--spectrum-button-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-secondary-m-border-color-disabled:GrayText;--spectrum-button-secondary-m-border-color-down:Highlight;--spectrum-button-secondary-m-border-color-hover:Highlight;--spectrum-button-secondary-m-border-color-key-focus:Highlight;--spectrum-button-secondary-m-border-color:ButtonText;--spectrum-button-secondary-m-text-color-disabled:GrayText;--spectrum-button-secondary-m-text-color-down:ButtonText;--spectrum-button-secondary-m-text-color-hover:ButtonText;--spectrum-button-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-secondary-m-text-color:ButtonText;--spectrum-button-quiet-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-down:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-down:Highlight;--spectrum-button-quiet-secondary-m-border-color-hover:Highlight;--spectrum-button-quiet-secondary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-secondary-m-border-color:ButtonFace;--spectrum-button-quiet-secondary-m-text-color-disabled:GrayText;--spectrum-button-quiet-secondary-m-text-color-down:ButtonText;--spectrum-button-quiet-secondary-m-text-color-hover:ButtonText;--spectrum-button-quiet-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-secondary-m-text-color:ButtonText;--spectrum-button-warning-m-background-color:ButtonFace;--spectrum-button-warning-m-background-color-down:ButtonFace;--spectrum-button-warning-m-background-color-hover:ButtonFace;--spectrum-button-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-warning-m-border-color-disabled:GrayText;--spectrum-button-warning-m-border-color-down:Highlight;--spectrum-button-warning-m-border-color-hover:Highlight;--spectrum-button-warning-m-border-color-key-focus:Highlight;--spectrum-button-warning-m-border-color:ButtonText;--spectrum-button-warning-m-text-color-disabled:GrayText;--spectrum-button-warning-m-text-color-down:ButtonText;--spectrum-button-warning-m-text-color-hover:ButtonText;--spectrum-button-warning-m-text-color-key-focus:ButtonText;--spectrum-button-warning-m-text-color:ButtonText;--spectrum-button-quiet-warning-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-background-color-down:ButtonFace;--spectrum-button-quiet-warning-m-background-color-hover:ButtonFace;--spectrum-button-quiet-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-warning-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-border-color-down:Highlight;--spectrum-button-quiet-warning-m-border-color-hover:Highlight;--spectrum-button-quiet-warning-m-border-color-key-focus:Highlight;--spectrum-button-quiet-warning-m-border-color:ButtonFace;--spectrum-button-quiet-warning-m-text-color-disabled:GrayText;--spectrum-button-quiet-warning-m-text-color-down:ButtonText;--spectrum-button-quiet-warning-m-text-color-hover:ButtonText;--spectrum-button-quiet-warning-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-warning-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-warning-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-focus-ring-color-key-focus:ButtonText;forced-color-adjust:none}}:host([size=s]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-s);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-s);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-75);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-75)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-m);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-m);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-l);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-200);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-200)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)}\n`;\nexport default styles;"]}
|
|
1
|
+
{"version":3,"file":"button.css.js","sourceRoot":"","sources":["button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyfjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(--spectrum-button-line-height);margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-height:100%}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n));bottom:0;content:\"\";display:block;left:0;margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host(:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-s-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-s-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-s-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-s-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-s-text-size,var(--spectrum-alias-item-text-size-s)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-s-height,var(--spectrum-alias-item-height-s)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-s-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-s)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-s-border-radius,var(--spectrum-alias-item-rounded-border-radius-s)\n);--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-s-min-width,var(--spectrum-global-dimension-size-675)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-s-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-s)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-s-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-s)\n);--spectrum-button-primary-text-padding-top:calc(var(\n--spectrum-button-primary-s-text-padding-top,\nvar(--spectrum-alias-item-text-padding-top-s)\n) - 3px)}:host([size=m]){--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-m-min-width\n);--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-m-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-m-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-m-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-m-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-m-text-size,var(--spectrum-alias-item-text-size-m)\n);--spectrum-button-primary-text-padding-top:var(\n--spectrum-button-primary-m-text-padding-top,var(--spectrum-alias-item-text-padding-top-m)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-m-height,var(--spectrum-alias-item-height-m)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-m-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-m)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-m-border-radius,var(--spectrum-alias-item-rounded-border-radius-m)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-m-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-m)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-m-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-m)\n)}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-l-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-l-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-l-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-l-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-l-text-size,var(--spectrum-alias-item-text-size-l)\n);--spectrum-button-primary-text-padding-top:var(\n--spectrum-button-primary-l-text-padding-top,var(--spectrum-alias-item-text-padding-top-l)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-l-height,var(--spectrum-alias-item-height-l)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-l-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-l)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-l-border-radius,var(--spectrum-alias-item-rounded-border-radius-l)\n);--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-l-min-width,var(--spectrum-global-dimension-size-1125)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-l-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-l)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-l-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-l)\n)}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(\n--spectrum-button-primary-xl-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-text-font-weight:var(\n--spectrum-button-primary-xl-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-text-line-height:var(\n--spectrum-button-primary-xl-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-border-size:var(\n--spectrum-button-primary-xl-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-icon-gap:var(\n--spectrum-button-primary-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l)\n);--spectrum-button-primary-text-size:var(\n--spectrum-button-primary-xl-text-size,var(--spectrum-alias-item-text-size-xl)\n);--spectrum-button-primary-text-padding-top:var(\n--spectrum-button-primary-xl-text-padding-top,var(--spectrum-alias-item-text-padding-top-xl)\n);--spectrum-button-primary-height:var(\n--spectrum-button-primary-xl-height,var(--spectrum-alias-item-height-xl)\n);--spectrum-button-primary-padding-left:var(\n--spectrum-button-primary-xl-padding-left,var(--spectrum-alias-item-rounded-workflow-padding-left-xl)\n);--spectrum-button-primary-border-radius:var(\n--spectrum-button-primary-xl-border-radius,var(--spectrum-alias-item-rounded-border-radius-xl)\n);--spectrum-button-primary-min-width:var(\n--spectrum-button-primary-xl-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-button-primary-textonly-padding-left:var(\n--spectrum-button-primary-xl-textonly-padding-left,var(--spectrum-alias-item-rounded-padding-xl)\n);--spectrum-button-primary-textonly-padding-right:var(\n--spectrum-button-primary-xl-textonly-padding-right,var(--spectrum-alias-item-rounded-padding-xl)\n)}:host{--spectrum-button-primary-padding-left-adjusted:calc(var(--spectrum-button-primary-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-textonly-padding-left) - var(--spectrum-button-primary-border-size));--spectrum-button-primary-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-textonly-padding-right) - var(--spectrum-button-primary-border-size));--spectrum-button-padding-y:calc(var(--spectrum-button-primary-text-padding-top) - 1px)}:host([dir=ltr]){padding-left:var(\n--spectrum-button-primary-textonly-padding-left-adjusted\n);padding-right:var(\n--spectrum-button-primary-textonly-padding-right-adjusted\n)}:host([dir=rtl]){padding-left:var(\n--spectrum-button-primary-textonly-padding-right-adjusted\n);padding-right:var(\n--spectrum-button-primary-textonly-padding-left-adjusted\n)}:host{border-radius:var(--spectrum-button-primary-border-radius);border-style:solid;border-width:var(\n--spectrum-button-primary-border-size\n);font-size:var(--spectrum-button-primary-text-size);font-weight:var(--spectrum-button-primary-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-height);min-width:var(--spectrum-button-primary-min-width);padding-bottom:calc(var(--spectrum-button-padding-y) + 1px);padding-top:calc(var(--spectrum-button-padding-y) - 1px)}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(\n--spectrum-button-primary-icon-gap\n)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(\n--spectrum-button-primary-icon-gap\n)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#label{line-height:var(\n--spectrum-button-primary-text-line-height\n)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(\n--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(\n--spectrum-button-primary-m-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)\n)}:host([variant=cta]){background-color:var(\n--spectrum-button-cta-m-background-color,var(--spectrum-semantic-cta-color-background-default)\n);border-color:var(\n--spectrum-button-cta-m-border-color,var(--spectrum-semantic-cta-color-background-default)\n);color:var(\n--spectrum-button-cta-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=cta]:hover){background-color:var(\n--spectrum-button-cta-m-background-color-hover,var(--spectrum-semantic-cta-color-background-hover)\n);border-color:var(\n--spectrum-button-cta-m-border-color-hover,var(--spectrum-semantic-cta-color-background-hover)\n);color:var(\n--spectrum-button-cta-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=cta].focus-visible){background-color:var(\n--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);border-color:var(\n--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);color:var(\n--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=cta]:focus-visible){background-color:var(\n--spectrum-button-cta-m-background-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);border-color:var(\n--spectrum-button-cta-m-border-color-key-focus,var(--spectrum-semantic-cta-color-background-hover)\n);color:var(\n--spectrum-button-cta-m-text-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=cta][active]){background-color:var(\n--spectrum-button-cta-m-background-color-down,var(--spectrum-semantic-cta-color-background-down)\n);border-color:var(\n--spectrum-button-cta-m-border-color-down,var(--spectrum-semantic-cta-color-background-down)\n);color:var(\n--spectrum-button-cta-m-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(\n--spectrum-button-cta-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-cta-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-cta-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=primary]){background-color:var(\n--spectrum-button-primary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-primary-m-border-color,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=primary]:hover){background-color:var(\n--spectrum-button-primary-m-background-color-hover,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-primary-m-border-color-hover,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color-hover,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary].focus-visible){background-color:var(\n--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary]:focus-visible){background-color:var(\n--spectrum-button-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary][active]){background-color:var(\n--spectrum-button-primary-m-background-color-down,var(--spectrum-global-color-gray-900)\n);border-color:var(\n--spectrum-button-primary-m-border-color-down,var(--spectrum-global-color-gray-900)\n);color:var(\n--spectrum-button-primary-m-text-color-down,var(--spectrum-global-color-gray-50)\n)}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(\n--spectrum-button-primary-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-primary-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=secondary]){background-color:var(\n--spectrum-button-secondary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-secondary-m-border-color,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color,var(--spectrum-global-color-gray-700)\n)}:host([variant=secondary]:hover){background-color:var(\n--spectrum-button-secondary-m-background-color-hover,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-hover,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color-hover,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary].focus-visible){background-color:var(\n--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary]:focus-visible){background-color:var(\n--spectrum-button-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-button-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary][active]){background-color:var(\n--spectrum-button-secondary-m-background-color-down,var(--spectrum-global-color-gray-800)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-down,var(--spectrum-global-color-gray-800)\n);color:var(\n--spectrum-button-secondary-m-text-color-down,var(--spectrum-global-color-gray-50)\n)}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(\n--spectrum-button-secondary-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-secondary-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=negative]){background-color:var(\n--spectrum-button-warning-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-warning-m-border-color,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small)\n)}:host([variant=negative]:hover){background-color:var(\n--spectrum-button-warning-m-background-color-hover,var(--spectrum-semantic-negative-color-text-small)\n);border-color:var(\n--spectrum-button-warning-m-border-color-hover,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color-hover,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative].focus-visible){background-color:var(\n--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);border-color:var(\n--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative]:focus-visible){background-color:var(\n--spectrum-button-warning-m-background-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);border-color:var(\n--spectrum-button-warning-m-border-color-key-focus,var(--spectrum-semantic-negative-color-text-small)\n);color:var(\n--spectrum-button-warning-m-text-color-key-focus,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative][active]){background-color:var(\n--spectrum-button-warning-m-background-color-down,var(--spectrum-global-color-red-700)\n);border-color:var(\n--spectrum-button-warning-m-border-color-down,var(--spectrum-global-color-red-700)\n);color:var(\n--spectrum-button-warning-m-text-color-down,var(--spectrum-global-color-gray-50)\n)}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(\n--spectrum-button-warning-m-background-color-disabled,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-warning-m-border-color-disabled,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-over-background-m-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-over-background-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-over-background-m-background-color-hover,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-hover,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-over-background-m-background-color-down,var(--spectrum-global-color-static-white)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-down,var(--spectrum-global-color-static-white)\n);color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-over-background-m-background-color-disabled,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-over-background-m-text-color-disabled,hsla(0,0%,100%,.35)\n)}:host([variant=overBackground][quiet]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:hover){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet][active]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15)\n)}:host([variant=primary][quiet]){background-color:var(\n--spectrum-button-quiet-primary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=primary][quiet]:hover){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-hover,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-hover,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet][active]){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-down,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-down,var(--spectrum-global-color-gray-300)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-primary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-primary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-primary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=secondary][quiet]){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color,var(--spectrum-global-color-gray-700)\n)}:host([variant=secondary][quiet]:hover){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-hover,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-hover,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-hover,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet][active]){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-down,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-down,var(--spectrum-global-color-gray-300)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-down,var(--spectrum-global-color-gray-800)\n)}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-secondary-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-secondary-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-secondary-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=negative][quiet]){background-color:var(\n--spectrum-button-quiet-warning-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color,var(--spectrum-semantic-negative-color-text-small)\n)}:host([variant=negative][quiet]:hover){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-hover,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-hover,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-hover,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet].focus-visible){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet]:focus-visible){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-key-focus,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-key-focus,var(--spectrum-global-color-gray-200)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-key-focus,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet][active]){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-down,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-down,var(--spectrum-global-color-gray-300)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-down,var(--spectrum-global-color-red-700)\n)}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(\n--spectrum-button-quiet-warning-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-warning-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-warning-m-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}@media (forced-colors:active){:host{--spectrum-button-cta-m-background-color:ButtonText;--spectrum-button-cta-m-background-color-disabled:ButtonFace;--spectrum-button-cta-m-background-color-down:Highlight;--spectrum-button-cta-m-background-color-hover:Highlight;--spectrum-button-cta-m-background-color-key-focus:Highlight;--spectrum-button-cta-m-border-color-disabled:GrayText;--spectrum-button-cta-m-border-color-down:Highlight;--spectrum-button-cta-m-border-color-hover:Highlight;--spectrum-button-cta-m-border-color-key-focus:Highlight;--spectrum-button-cta-m-border-color:ButtonText;--spectrum-button-cta-m-text-color-disabled:GrayText;--spectrum-button-cta-m-text-color-down:ButtonFace;--spectrum-button-cta-m-text-color-hover:ButtonFace;--spectrum-button-cta-m-text-color-key-focus:ButtonFace;--spectrum-button-cta-m-text-color:ButtonFace;--spectrum-button-over-background-m-background-color:ButtonFace;--spectrum-button-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-over-background-m-background-color-down:ButtonFace;--spectrum-button-over-background-m-background-color-hover:ButtonFace;--spectrum-button-over-background-m-border-color-disabled:GrayText;--spectrum-button-over-background-m-border-color-down:Highlight;--spectrum-button-over-background-m-border-color-hover:Highlight;--spectrum-button-over-background-m-border-color-key-focus:ButtonText;--spectrum-button-over-background-m-border-color:ButtonText;--spectrum-button-over-background-m-text-color-disabled:GrayText;--spectrum-button-over-background-m-text-color:ButtonText;--spectrum-button-quiet-over-background-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-down:ButtonFace;--spectrum-button-quiet-over-background-m-background-color-hover:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-over-background-m-border-color-down:Highlight;--spectrum-button-quiet-over-background-m-border-color-hover:Highlight;--spectrum-button-quiet-over-background-m-border-color:ButtonFace;--spectrum-button-quiet-over-background-m-text-color-disabled:GrayText;--spectrum-button-quiet-over-background-m-text-color-down:ButtonText;--spectrum-button-quiet-over-background-m-text-color-hover:ButtonText;--spectrum-button-quiet-over-background-m-text-color:ButtonText;--spectrum-button-primary-m-background-color:ButtonFace;--spectrum-button-primary-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-background-color-down:ButtonFace;--spectrum-button-primary-m-background-color-hover:ButtonFace;--spectrum-button-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-primary-m-border-color-disabled:GrayText;--spectrum-button-primary-m-border-color-down:Highlight;--spectrum-button-primary-m-border-color-hover:Highlight;--spectrum-button-primary-m-border-color-key-focus:Highlight;--spectrum-button-primary-m-border-color:ButtonText;--spectrum-button-primary-m-text-color-disabled:GrayText;--spectrum-button-primary-m-text-color-down:ButtonText;--spectrum-button-primary-m-text-color-hover:ButtonText;--spectrum-button-primary-m-text-color-key-focus:ButtonText;--spectrum-button-primary-m-text-color:ButtonText;--spectrum-button-quiet-primary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-background-color-down:ButtonFace;--spectrum-button-quiet-primary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-primary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-primary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-primary-m-border-color-down:Highlight;--spectrum-button-quiet-primary-m-border-color-hover:Highlight;--spectrum-button-quiet-primary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-primary-m-border-color:ButtonFace;--spectrum-button-quiet-primary-m-text-color-disabled:GrayText;--spectrum-button-quiet-primary-m-text-color-down:ButtonText;--spectrum-button-quiet-primary-m-text-color-hover:ButtonText;--spectrum-button-quiet-primary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-primary-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color:ButtonFace;--spectrum-button-secondary-m-background-color-down:ButtonFace;--spectrum-button-secondary-m-background-color-hover:ButtonFace;--spectrum-button-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-secondary-m-border-color-disabled:GrayText;--spectrum-button-secondary-m-border-color-down:Highlight;--spectrum-button-secondary-m-border-color-hover:Highlight;--spectrum-button-secondary-m-border-color-key-focus:Highlight;--spectrum-button-secondary-m-border-color:ButtonText;--spectrum-button-secondary-m-text-color-disabled:GrayText;--spectrum-button-secondary-m-text-color-down:ButtonText;--spectrum-button-secondary-m-text-color-hover:ButtonText;--spectrum-button-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-secondary-m-text-color:ButtonText;--spectrum-button-quiet-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-down:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-hover:ButtonFace;--spectrum-button-quiet-secondary-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-secondary-m-border-color-down:Highlight;--spectrum-button-quiet-secondary-m-border-color-hover:Highlight;--spectrum-button-quiet-secondary-m-border-color-key-focus:Highlight;--spectrum-button-quiet-secondary-m-border-color:ButtonFace;--spectrum-button-quiet-secondary-m-text-color-disabled:GrayText;--spectrum-button-quiet-secondary-m-text-color-down:ButtonText;--spectrum-button-quiet-secondary-m-text-color-hover:ButtonText;--spectrum-button-quiet-secondary-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-secondary-m-text-color:ButtonText;--spectrum-button-warning-m-background-color:ButtonFace;--spectrum-button-warning-m-background-color-down:ButtonFace;--spectrum-button-warning-m-background-color-hover:ButtonFace;--spectrum-button-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-warning-m-border-color-disabled:GrayText;--spectrum-button-warning-m-border-color-down:Highlight;--spectrum-button-warning-m-border-color-hover:Highlight;--spectrum-button-warning-m-border-color-key-focus:Highlight;--spectrum-button-warning-m-border-color:ButtonText;--spectrum-button-warning-m-text-color-disabled:GrayText;--spectrum-button-warning-m-text-color-down:ButtonText;--spectrum-button-warning-m-text-color-hover:ButtonText;--spectrum-button-warning-m-text-color-key-focus:ButtonText;--spectrum-button-warning-m-text-color:ButtonText;--spectrum-button-quiet-warning-m-background-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-background-color-down:ButtonFace;--spectrum-button-quiet-warning-m-background-color-hover:ButtonFace;--spectrum-button-quiet-warning-m-background-color-key-focus:ButtonFace;--spectrum-button-quiet-warning-m-border-color-disabled:ButtonFace;--spectrum-button-quiet-warning-m-border-color-down:Highlight;--spectrum-button-quiet-warning-m-border-color-hover:Highlight;--spectrum-button-quiet-warning-m-border-color-key-focus:Highlight;--spectrum-button-quiet-warning-m-border-color:ButtonFace;--spectrum-button-quiet-warning-m-text-color-disabled:GrayText;--spectrum-button-quiet-warning-m-text-color-down:ButtonText;--spectrum-button-quiet-warning-m-text-color-hover:ButtonText;--spectrum-button-quiet-warning-m-text-color-key-focus:ButtonText;--spectrum-button-quiet-warning-m-text-color:ButtonText;--spectrum-button-secondary-m-background-color-disabled:ButtonFace;--spectrum-button-warning-m-background-color-disabled:ButtonFace;--spectrum-button-primary-m-focus-ring-color-key-focus:ButtonText}:host{forced-color-adjust:none}}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}\n`;\nexport default styles;"]}
|
package/src/clear-button.css.js
CHANGED
|
@@ -11,10 +11,103 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
:host{
|
|
15
|
-
|
|
16
|
-
var(--spectrum-global-
|
|
17
|
-
|
|
14
|
+
:host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
|
|
15
|
+
--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
|
|
16
|
+
);justify-content:center;line-height:var(--spectrum-button-line-height);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(
|
|
17
|
+
--spectrum-alias-focus-ring-gap,
|
|
18
|
+
var(--spectrum-global-dimension-static-size-25)
|
|
19
|
+
));bottom:0;content:"";display:block;left:0;margin:calc(var(
|
|
20
|
+
--spectrum-alias-focus-ring-gap,
|
|
21
|
+
var(--spectrum-global-dimension-static-size-25)
|
|
22
|
+
)*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(
|
|
23
|
+
--spectrum-alias-focus-ring-gap,
|
|
24
|
+
var(--spectrum-global-dimension-static-size-25)
|
|
25
|
+
)*-2)}:host(:focus-visible):after{margin:calc(var(
|
|
26
|
+
--spectrum-alias-focus-ring-gap,
|
|
27
|
+
var(--spectrum-global-dimension-static-size-25)
|
|
28
|
+
)*-2)}:host{background-color:var(
|
|
29
|
+
--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent)
|
|
30
|
+
);color:var(
|
|
31
|
+
--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color)
|
|
32
|
+
)}:host(:hover){background-color:var(
|
|
33
|
+
--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent)
|
|
34
|
+
);color:var(
|
|
35
|
+
--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover)
|
|
36
|
+
)}:host([active]){background-color:var(
|
|
37
|
+
--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent)
|
|
38
|
+
);color:var(
|
|
39
|
+
--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down)
|
|
40
|
+
)}:host(.focus-visible){background-color:var(
|
|
41
|
+
--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
|
|
42
|
+
);color:var(
|
|
43
|
+
--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
|
|
44
|
+
)}:host(:focus-visible){background-color:var(
|
|
45
|
+
--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)
|
|
46
|
+
);color:var(
|
|
47
|
+
--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
|
|
48
|
+
)}:host(:disabled),:host([disabled]){background-color:var(
|
|
49
|
+
--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent)
|
|
50
|
+
);color:var(
|
|
51
|
+
--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
|
|
52
|
+
)}:host{border:none;border-radius:100%;height:var(
|
|
53
|
+
--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height)
|
|
54
|
+
);margin:0;padding:0;width:var(
|
|
55
|
+
--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height)
|
|
56
|
+
)}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after{margin:calc(var(
|
|
57
|
+
--spectrum-alias-focus-ring-gap,
|
|
58
|
+
var(--spectrum-global-dimension-static-size-25)
|
|
59
|
+
)*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(
|
|
60
|
+
--spectrum-alias-focus-ring-gap,
|
|
61
|
+
var(--spectrum-global-dimension-static-size-25)
|
|
62
|
+
)*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){height:var(
|
|
63
|
+
--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300)
|
|
64
|
+
);width:var(
|
|
65
|
+
--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300)
|
|
66
|
+
)}:host([variant=overBackground]){background-color:var(
|
|
67
|
+
--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)
|
|
68
|
+
);border-color:var(
|
|
69
|
+
--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent)
|
|
70
|
+
);color:var(
|
|
71
|
+
--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white)
|
|
72
|
+
)}:host([variant=overBackground]:hover){background-color:var(
|
|
73
|
+
--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)
|
|
74
|
+
);border-color:var(
|
|
75
|
+
--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)
|
|
76
|
+
);color:var(
|
|
77
|
+
--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)
|
|
78
|
+
)}:host([variant=overBackground].focus-visible){background-color:var(
|
|
79
|
+
--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)
|
|
80
|
+
);border-color:var(
|
|
81
|
+
--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)
|
|
82
|
+
);box-shadow:none;color:var(
|
|
83
|
+
--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)
|
|
84
|
+
)}:host([variant=overBackground]:focus-visible){background-color:var(
|
|
85
|
+
--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)
|
|
86
|
+
);border-color:var(
|
|
87
|
+
--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)
|
|
88
|
+
);box-shadow:none;color:var(
|
|
89
|
+
--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)
|
|
90
|
+
)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
|
|
91
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
92
|
+
) var(
|
|
93
|
+
--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
94
|
+
)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
|
|
95
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
96
|
+
) var(
|
|
97
|
+
--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
98
|
+
)}:host([variant=overBackground][active]){background-color:var(
|
|
99
|
+
--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2)
|
|
100
|
+
);border-color:var(
|
|
101
|
+
--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent)
|
|
102
|
+
);color:var(
|
|
103
|
+
--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white)
|
|
104
|
+
)}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(
|
|
105
|
+
--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)
|
|
106
|
+
);border-color:var(
|
|
107
|
+
--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)
|
|
108
|
+
);color:var(
|
|
109
|
+
--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15)
|
|
110
|
+
)}
|
|
18
111
|
`;
|
|
19
112
|
export default styles;
|
|
20
113
|
//# sourceMappingURL=clear-button.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clear-button.css.js","sourceRoot":"","sources":["clear-button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"clear-button.css.js","sourceRoot":"","sources":["clear-button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(--spectrum-button-line-height);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n));bottom:0;content:\"\";display:block;left:0;margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host(:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host{background-color:var(\n--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color)\n)}:host(:hover){background-color:var(\n--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([active]){background-color:var(\n--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down)\n)}:host(.focus-visible){background-color:var(\n--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host(:focus-visible){background-color:var(\n--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host(:disabled),:host([disabled]){background-color:var(\n--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)\n)}:host{border:none;border-radius:100%;height:var(\n--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height)\n);margin:0;padding:0;width:var(\n--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height)\n)}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1)}:host([variant=overBackground]:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){height:var(\n--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300)\n);width:var(\n--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15)\n)}\n`;\nexport default styles;"]}
|
|
@@ -11,12 +11,7 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
|
|
15
|
-
var(--spectrum-global-dimension-static-size-25)));content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:calc(var(--spectrum-alias-focus-ring-gap,
|
|
16
|
-
var(--spectrum-global-dimension-static-size-25))*-1);transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
|
|
17
|
-
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
|
|
18
|
-
var(--spectrum-global-dimension-static-size-25))*-2)}:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap,
|
|
19
|
-
var(--spectrum-global-dimension-static-size-25))*-2)}
|
|
14
|
+
|
|
20
15
|
`;
|
|
21
16
|
export default styles;
|
|
22
17
|
//# sourceMappingURL=spectrum-button-base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-button-base.css.js","sourceRoot":"","sources":["spectrum-button-base.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-button-base.css.js","sourceRoot":"","sources":["spectrum-button-base.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;CAEjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n\n`;\nexport default styles;"]}
|