@spectrum-web-components/button
Advanced tools
Comparing version 0.11.2 to 0.12.0
@@ -6,2 +6,16 @@ # Change Log | ||
# [0.12.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/button@0.11.2...@spectrum-web-components/button@0.12.0) (2021-02-11) | ||
### Bug Fixes | ||
- update to latest spectrum-css packages ([a5ca19f](https://github.com/adobe/spectrum-web-components/commit/a5ca19f67d5b3f0951667c4441d4d977bf1e0937)) | ||
### Features | ||
- allow activation of longpress content ([55e71fd](https://github.com/adobe/spectrum-web-components/commit/55e71fdf9fd5dde489871c3d9798ef8957f4e5b6)) | ||
### Performance Improvements | ||
- **button:** recentralize shared styles in base ([85d3d0a](https://github.com/adobe/spectrum-web-components/commit/85d3d0a3c84301dcf5be492e2b42cd00e8986089)) | ||
## [0.11.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/button@0.11.1...@spectrum-web-components/button@0.11.2) (2021-02-02) | ||
@@ -8,0 +22,0 @@ |
@@ -181,7 +181,2 @@ { | ||
} | ||
], | ||
"events": [ | ||
{ | ||
"name": "keydown" | ||
} | ||
] | ||
@@ -330,7 +325,2 @@ }, | ||
} | ||
], | ||
"events": [ | ||
{ | ||
"name": "keydown" | ||
} | ||
] | ||
@@ -337,0 +327,0 @@ } |
@@ -21,3 +21,3 @@ { | ||
], | ||
"version": "0.11.2", | ||
"version": "0.12.0", | ||
"description": "", | ||
@@ -55,13 +55,13 @@ "main": "./src/index.js", | ||
"devDependencies": { | ||
"@spectrum-css/button": "^3.0.0-beta.6", | ||
"@spectrum-web-components/icons-workflow": "^0.5.2" | ||
"@spectrum-css/button": "^3.0.0", | ||
"@spectrum-web-components/icons-workflow": "^0.5.3" | ||
}, | ||
"dependencies": { | ||
"@spectrum-web-components/base": "^0.3.2", | ||
"@spectrum-web-components/icon": "^0.8.2", | ||
"@spectrum-web-components/icons-ui": "^0.5.2", | ||
"@spectrum-web-components/shared": "^0.9.0", | ||
"@spectrum-web-components/base": "^0.3.3", | ||
"@spectrum-web-components/icon": "^0.8.3", | ||
"@spectrum-web-components/icons-ui": "^0.5.3", | ||
"@spectrum-web-components/shared": "^0.10.0", | ||
"tslib": "^2.0.0" | ||
}, | ||
"gitHead": "7783ce454deb5a97b3d274ee1b54a24c09065ce4" | ||
"gitHead": "975a9d6bf075d367fbc77c9b5cec4eabce66f6c0" | ||
} |
@@ -14,5 +14,9 @@ /* | ||
const styles = css ` | ||
:host{display:inline-flex;vertical-align:top}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{color:inherit;text-decoration:inherit;display:flex}#button:focus{outline:none}:host:after{pointer-events:none}slot[name=icon]::slotted(:not(sp-icon)){fill:currentColor;stroke:currentColor;height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))} | ||
:host{--spectrum-button-line-height:1.3;position:relative;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host{display:inline-flex;vertical-align:top}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{color:inherit;text-decoration:inherit;display:flex}#button:focus{outline:none}:host:after{pointer-events:none}slot[name=icon]::slotted(:not(sp-icon)){fill:currentColor;stroke:currentColor;height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=button-base.css.js.map |
@@ -14,4 +14,8 @@ /* | ||
const styles = css` | ||
:host{display:inline-flex;vertical-align:top}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{color:inherit;text-decoration:inherit;display:flex}#button:focus{outline:none}:host:after{pointer-events:none}slot[name=icon]::slotted(:not(sp-icon)){fill:currentColor;stroke:currentColor;height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))} | ||
:host{--spectrum-button-line-height:1.3;position:relative;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host{display:inline-flex;vertical-align:top}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{color:inherit;text-decoration:inherit;display:flex}#button:focus{outline:none}:host:after{pointer-events:none}slot[name=icon]::slotted(:not(sp-icon)){fill:currentColor;stroke:currentColor;height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))} | ||
`; | ||
export default styles; |
@@ -14,10 +14,6 @@ /* | ||
const styles = css ` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%;flex-shrink:0}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-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(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-button-primary-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-675);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-text-padding-top:calc(var(--spectrum-alias-item-text-padding-top-s, | ||
var(--spectrum-global-dimension-static-size-50)) - 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-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-m,var(--spectrum-global-dimension-size-75));--spectrum-button-primary-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-m)}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-l);--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1125);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225))}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-xl,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-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(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host(.focus-visible):after,:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host([variant=cta]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta].focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta]:focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta][active]){background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=primary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-800)}:host([variant=primary].focus-visible),:host([variant=primary].focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary].focus-visible),:host([variant=primary]:focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary][active]){background-color:var(--spectrum-global-color-gray-900);border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50)}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=secondary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-700)}:host([variant=secondary].focus-visible),:host([variant=secondary].focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary].focus-visible),:host([variant=secondary]:focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary][active]){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=negative]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative].focus-visible),:host([variant=negative].focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative].focus-visible),:host([variant=negative]:focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative][active]){background-color:var(--spectrum-global-color-red-700);border-color:var(--spectrum-global-color-red-700);color:var(--spectrum-global-color-gray-50)}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-static-white,#fff);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.35)}:host([variant=overBackground][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){color:hsla(0,0%,100%,.15)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]),:host([variant=primary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=primary][quiet]){color:var(--spectrum-global-color-gray-800)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]),:host([variant=secondary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=secondary][quiet]){color:var(--spectrum-global-color-gray-700)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=negative][quiet]),:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=negative][quiet]){color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}: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)} | ||
::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-padding-right:var(--spectrum-button-primary-s-padding-right,var(--spectrum-alias-item-rounded-padding-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, | ||
var(--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-padding-right:var(--spectrum-button-primary-m-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-l-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-xl-padding-right,var(--spectrum-alias-item-rounded-padding-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(.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(: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),: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),: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),: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),: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),: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),: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),: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),: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].focus-visible),:host([variant=overBackground].focus-visible),: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),:host([variant=overBackground]:focus-visible),: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):after,: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,: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].focus-visible),:host([variant=overBackground][quiet].focus-visible),: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),:host([variant=overBackground][quiet]:focus-visible),: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),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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,: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),: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),: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),: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),: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),: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),: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))}: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)} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=button.css.js.map |
@@ -14,9 +14,5 @@ /* | ||
const styles = css` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%;flex-shrink:0}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-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(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-button-primary-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-675);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-text-padding-top:calc(var(--spectrum-alias-item-text-padding-top-s, | ||
var(--spectrum-global-dimension-static-size-50)) - 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-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-m,var(--spectrum-global-dimension-size-75));--spectrum-button-primary-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-m)}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-l);--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1125);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225))}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-xl,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-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(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host(.focus-visible):after,:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host([variant=cta]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta].focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta]:focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta][active]){background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=primary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-800)}:host([variant=primary].focus-visible),:host([variant=primary].focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary].focus-visible),:host([variant=primary]:focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary][active]){background-color:var(--spectrum-global-color-gray-900);border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50)}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=secondary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-700)}:host([variant=secondary].focus-visible),:host([variant=secondary].focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary].focus-visible),:host([variant=secondary]:focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary][active]){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=negative]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative].focus-visible),:host([variant=negative].focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative].focus-visible),:host([variant=negative]:focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative][active]){background-color:var(--spectrum-global-color-red-700);border-color:var(--spectrum-global-color-red-700);color:var(--spectrum-global-color-gray-50)}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-static-white,#fff);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.35)}:host([variant=overBackground][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){color:hsla(0,0%,100%,.15)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]),:host([variant=primary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=primary][quiet]){color:var(--spectrum-global-color-gray-800)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]),:host([variant=secondary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=secondary][quiet]){color:var(--spectrum-global-color-gray-700)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=negative][quiet]),:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=negative][quiet]){color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)}: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)} | ||
::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-padding-right:var(--spectrum-button-primary-s-padding-right,var(--spectrum-alias-item-rounded-padding-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, | ||
var(--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-padding-right:var(--spectrum-button-primary-m-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-l-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-xl-padding-right,var(--spectrum-alias-item-rounded-padding-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(.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(: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),: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),: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),: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),: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),: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),: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),: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),: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].focus-visible),:host([variant=overBackground].focus-visible),: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),:host([variant=overBackground]:focus-visible),: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):after,: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,: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].focus-visible),:host([variant=overBackground][quiet].focus-visible),: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),:host([variant=overBackground][quiet]:focus-visible),: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),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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,: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),: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),: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),: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),: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),: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),: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))}: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)} | ||
`; | ||
export default styles; |
@@ -28,5 +28,5 @@ import { TemplateResult, CSSResultArray, PropertyValues } from '@spectrum-web-components/base'; | ||
protected render(): TemplateResult; | ||
private handleKeydown; | ||
protected handleKeydown(event: KeyboardEvent): void; | ||
private handleKeypress; | ||
private handleKeyup; | ||
protected handleKeyup(event: KeyboardEvent): void; | ||
private handleRemoveActive; | ||
@@ -33,0 +33,0 @@ private handlePointerdown; |
@@ -137,3 +137,3 @@ /* | ||
private handleKeydown(event: KeyboardEvent): void { | ||
protected handleKeydown(event: KeyboardEvent): void { | ||
const { code } = event; | ||
@@ -163,3 +163,3 @@ switch (code) { | ||
private handleKeyup(event: KeyboardEvent): void { | ||
protected handleKeyup(event: KeyboardEvent): void { | ||
const { code } = event; | ||
@@ -166,0 +166,0 @@ switch (code) { |
@@ -14,11 +14,7 @@ /* | ||
const styles = css ` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground]:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.15)} | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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,:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=clear-button.css.js.map |
@@ -14,10 +14,6 @@ /* | ||
const styles = css` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground]:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.15)} | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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,:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))} | ||
`; | ||
export default styles; |
@@ -14,5 +14,9 @@ /* | ||
const styles = css ` | ||
:host{--spectrum-button-line-height:1.3;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=spectrum-button-base.css.js.map |
@@ -14,4 +14,8 @@ /* | ||
const styles = css` | ||
:host{--spectrum-button-line-height:1.3;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)} | ||
`; | ||
export default styles; |
@@ -14,10 +14,6 @@ /* | ||
const styles = css ` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%;flex-shrink:0}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-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(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-button-primary-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-675);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-text-padding-top:calc(var(--spectrum-alias-item-text-padding-top-s, | ||
var(--spectrum-global-dimension-static-size-50)) - 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-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-m,var(--spectrum-global-dimension-size-75));--spectrum-button-primary-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-m)}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-l);--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1125);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225))}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-xl,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-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(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host(.focus-visible):after,:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host([variant=cta]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta].focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta]:focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta][active]){background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=primary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-800)}:host([variant=primary].focus-visible),:host([variant=primary].focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary].focus-visible),:host([variant=primary]:focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary][active]){background-color:var(--spectrum-global-color-gray-900);border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50)}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=secondary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-700)}:host([variant=secondary].focus-visible),:host([variant=secondary].focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary].focus-visible),:host([variant=secondary]:focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary][active]){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=negative]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative].focus-visible),:host([variant=negative].focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative].focus-visible),:host([variant=negative]:focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative][active]){background-color:var(--spectrum-global-color-red-700);border-color:var(--spectrum-global-color-red-700);color:var(--spectrum-global-color-gray-50)}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-static-white,#fff);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.35)}:host([variant=overBackground][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){color:hsla(0,0%,100%,.15)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]),:host([variant=primary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=primary][quiet]){color:var(--spectrum-global-color-gray-800)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]),:host([variant=secondary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=secondary][quiet]){color:var(--spectrum-global-color-gray-700)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=negative][quiet]),:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=negative][quiet]){color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)} | ||
::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-padding-right:var(--spectrum-button-primary-s-padding-right,var(--spectrum-alias-item-rounded-padding-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, | ||
var(--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-padding-right:var(--spectrum-button-primary-m-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-l-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-xl-padding-right,var(--spectrum-alias-item-rounded-padding-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(.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(: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),: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),: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),: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),: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),: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),: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),: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),: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].focus-visible),:host([variant=overBackground].focus-visible),: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),:host([variant=overBackground]:focus-visible),: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):after,: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,: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].focus-visible),:host([variant=overBackground][quiet].focus-visible),: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),:host([variant=overBackground][quiet]:focus-visible),: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),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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,: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),: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),: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),: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),: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),: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),: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))} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=spectrum-button.css.js.map |
@@ -14,9 +14,5 @@ /* | ||
const styles = css` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%;flex-shrink:0}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-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(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-button-primary-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-s,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-675);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-s,var(--spectrum-global-dimension-size-125));--spectrum-button-primary-text-padding-top:calc(var(--spectrum-alias-item-text-padding-top-s, | ||
var(--spectrum-global-dimension-static-size-50)) - 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-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-m,var(--spectrum-global-dimension-size-75));--spectrum-button-primary-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-m,var(--spectrum-global-dimension-size-200));--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-m);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-m)}:host([size=l]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-l);--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-l,var(--spectrum-global-dimension-size-250));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1125);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225));--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-l,var(--spectrum-global-dimension-size-225))}:host([size=xl]){--spectrum-button-primary-focus-ring-size-key-focus:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-text-font-weight:var(--spectrum-global-font-weight-bold,700);--spectrum-button-primary-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-button-primary-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-button-primary-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-button-primary-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-button-primary-text-padding-top:var(--spectrum-alias-item-text-padding-top-xl,var(--spectrum-global-dimension-size-150));--spectrum-button-primary-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-button-primary-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-padding-right:var(--spectrum-alias-item-rounded-padding-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-border-radius:var(--spectrum-alias-item-rounded-border-radius-xl,var(--spectrum-global-dimension-size-300));--spectrum-button-primary-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-button-primary-textonly-padding-left:var(--spectrum-alias-item-rounded-workflow-padding-left-xl);--spectrum-button-primary-textonly-padding-right:var(--spectrum-alias-item-rounded-workflow-padding-left-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(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host(.focus-visible):after,:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-focus-ring-size-key-focus) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}:host([variant=cta]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta].focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta].focus-visible),:host([variant=cta]:focus-visible),:host([variant=cta]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta][active]){background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=primary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-800)}:host([variant=primary].focus-visible),:host([variant=primary].focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary].focus-visible),:host([variant=primary]:focus-visible),:host([variant=primary]:hover){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=primary][active]){background-color:var(--spectrum-global-color-gray-900);border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50)}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=secondary]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-700)}:host([variant=secondary].focus-visible),:host([variant=secondary].focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary].focus-visible),:host([variant=secondary]:focus-visible),:host([variant=secondary]:hover){background-color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary][active]){background-color:var(--spectrum-global-color-gray-800);border-color:var(--spectrum-global-color-gray-800);color:var(--spectrum-global-color-gray-50)}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=negative]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative].focus-visible),:host([variant=negative].focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative].focus-visible),:host([variant=negative]:focus-visible),:host([variant=negative]:hover){background-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));border-color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600));color:var(--spectrum-global-color-gray-50)}:host([variant=negative][active]){background-color:var(--spectrum-global-color-red-700);border-color:var(--spectrum-global-color-red-700);color:var(--spectrum-global-color-gray-50)}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-global-color-static-white,#fff);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:var(--spectrum-global-color-static-white,#fff);border-color:var(--spectrum-global-color-static-white,#fff);color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.35)}:host([variant=overBackground][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible),:host([variant=overBackground][quiet]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][quiet][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){color:hsla(0,0%,100%,.15)}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]),:host([variant=primary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=primary][quiet]){color:var(--spectrum-global-color-gray-800)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet].focus-visible),:host([variant=primary][quiet]:focus-visible),:host([variant=primary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]),:host([variant=secondary][quiet]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=secondary][quiet]){color:var(--spectrum-global-color-gray-700)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet].focus-visible),:host([variant=secondary][quiet]:focus-visible),:host([variant=secondary][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){color:var(--spectrum-global-color-gray-500)}:host([variant=negative][quiet]),:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([variant=negative][quiet]){color:var(--spectrum-semantic-negative-color-text-small,var(--spectrum-global-color-red-600))}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet].focus-visible),:host([variant=negative][quiet]:focus-visible),:host([variant=negative][quiet]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-red-700)}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-gray-500)} | ||
::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-padding-right:var(--spectrum-button-primary-s-padding-right,var(--spectrum-alias-item-rounded-padding-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, | ||
var(--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-padding-right:var(--spectrum-button-primary-m-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-l-padding-right,var(--spectrum-alias-item-rounded-padding-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-padding-right:var(--spectrum-button-primary-xl-padding-right,var(--spectrum-alias-item-rounded-padding-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(.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(: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),: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),: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),: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),: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),: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),: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),: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),: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].focus-visible),:host([variant=overBackground].focus-visible),: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),:host([variant=overBackground]:focus-visible),: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):after,: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,: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].focus-visible),:host([variant=overBackground][quiet].focus-visible),: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),:host([variant=overBackground][quiet]:focus-visible),: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),:host([variant=overBackground][quiet].focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible),:host([variant=overBackground][quiet]:focus-visible){box-shadow:none}:host([variant=overBackground][quiet].focus-visible):after,: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,: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),: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),: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),: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),: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),: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),: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))} | ||
`; | ||
export default styles; |
@@ -14,11 +14,7 @@ /* | ||
const styles = css ` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground]:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.15)} | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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,:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=spectrum-clear-button.css.js.map |
@@ -14,10 +14,6 @@ /* | ||
const styles = css` | ||
:host{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;vertical-align:top;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}:host:after{border-radius:calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap, | ||
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, | ||
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,:host(.focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host(.focus-visible):after,:host(:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-2)}:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
:host{background-color:var(--spectrum-clearbutton-medium-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-clearbutton-medium-background-color-hover,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-clearbutton-medium-background-color-down,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-clearbutton-medium-background-color-key-focus,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-clearbutton-medium-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-clearbutton-medium-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host{width:var(--spectrum-clearbutton-medium-width,var(--spectrum-alias-single-line-height));height:var(--spectrum-clearbutton-medium-height,var(--spectrum-alias-single-line-height));border-radius:100%;padding:0;margin:0;border:none}:host>.icon{margin:0 auto}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground].focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}:host([variant=overBackground].focus-visible):after,:host([variant=overBackground]:focus-visible):after{margin:calc(var(--spectrum-alias-focus-ring-gap, | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:hsla(0,0%,100%,.1);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground].focus-visible):after,: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-global-color-static-white,#fff)}:host([variant=overBackground][active]){background-color:hsla(0,0%,100%,.2);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-global-color-static-white,#fff)}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:hsla(0,0%,100%,.15)} | ||
var(--spectrum-global-dimension-static-size-25))*-1)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}:host([small]){width:var(--spectrum-clearbutton-small-width,var(--spectrum-global-dimension-size-300));height:var(--spectrum-clearbutton-small-height,var(--spectrum-global-dimension-size-300))}:host([variant=overBackground]){background-color:var(--spectrum-button-quiet-over-background-m-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible),:host([variant=overBackground]:hover){background-color:var(--spectrum-button-quiet-over-background-m-background-color-hover,hsla(0,0%,100%,.1));border-color:var(--spectrum-button-quiet-over-background-m-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-hover,var(--spectrum-global-color-static-white))}:host([variant=overBackground].focus-visible),:host([variant=overBackground].focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible),:host([variant=overBackground]:focus-visible){box-shadow:none}:host([variant=overBackground].focus-visible):after,: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,:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-over-background-m-border-color-key-focus,var(--spectrum-global-color-static-white))}:host([variant=overBackground][active]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-down,hsla(0,0%,100%,.2));border-color:var(--spectrum-button-quiet-over-background-m-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-down,var(--spectrum-global-color-static-white))}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(--spectrum-button-quiet-over-background-m-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-button-quiet-over-background-m-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-button-quiet-over-background-m-text-color-disabled,hsla(0,0%,100%,.15))} | ||
`; | ||
export default styles; |
@@ -28,3 +28,5 @@ /* | ||
exclude: [/\.spectrum-ClearButton/], | ||
excludeSourceSelector: [/^(?!(.*),(.*),(.*),(.*),(.*))/], | ||
excludeSourceSelector: [ | ||
/^(?!(\.spectrum-Button.*),(\.spectrum-ClearButton.*),(\.spectrum-LogicButton.*))/, | ||
], | ||
}, | ||
@@ -103,3 +105,5 @@ { | ||
exclude: [/\.spectrum-ClearButton/], | ||
excludeSourceSelector: [/^(.*),(.*),(.*),(.*),(.*)$/], | ||
excludeSourceSelector: [ | ||
/^(\.spectrum-Button.*),(\.spectrum-ClearButton.*),(\.spectrum-LogicButton.*)$/, | ||
], | ||
}, | ||
@@ -150,3 +154,5 @@ { | ||
exclude: [/\.spectrum-Button/], | ||
excludeSourceSelector: [/^(.*),(.*),(.*),(.*),(.*)$/], | ||
excludeSourceSelector: [ | ||
/^(\.spectrum-Button.*),(\.spectrum-ClearButton.*),(\.spectrum-LogicButton.*)$/, | ||
], | ||
}, | ||
@@ -153,0 +159,0 @@ ], |
@@ -11,4 +11,4 @@ { | ||
"--spectrum-logicbutton-and-text-font-weight": "var(--spectrum-global-font-weight-bold)", | ||
"--spectrum-alias-focus-ring-size": "var(--spectrum-global-dimension-static-size-25)", | ||
"--spectrum-alias-focus-ring-color": "var(--spectrum-alias-focus-color)", | ||
"--spectrum-button-primary-m-focus-ring-size-key-focus": "var(--spectrum-alias-focus-ring-size)", | ||
"--spectrum-button-primary-m-focus-ring-color-key-focus": "var(--spectrum-alias-focus-ring-color)", | ||
"--spectrum-clearbutton-medium-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
@@ -37,2 +37,4 @@ "--spectrum-clearbutton-medium-icon-color": "var(--spectrum-alias-icon-color)", | ||
"--spectrum-logicbutton-or-border-color-hover": "var(--spectrum-global-color-magenta-700)", | ||
"--spectrum-button-secondary-m-background-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-secondary-m-border-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-clearbutton-medium-width": "var(--spectrum-alias-single-line-height)", | ||
@@ -42,39 +44,185 @@ "--spectrum-clearbutton-medium-height": "var(--spectrum-alias-single-line-height)", | ||
"--spectrum-clearbutton-small-height": "var(--spectrum-global-dimension-size-300)", | ||
"--spectrum-alias-component-text-line-height": "var(--spectrum-global-font-line-height-small)", | ||
"--spectrum-alias-border-size-thick": "var(--spectrum-global-dimension-static-size-25)", | ||
"--spectrum-alias-item-text-size-s": "var(--spectrum-global-dimension-font-size-75)", | ||
"--spectrum-alias-item-workflow-icon-gap-s": "var(--spectrum-global-dimension-size-85)", | ||
"--spectrum-alias-item-height-s": "var(--spectrum-global-dimension-size-300)", | ||
"--spectrum-alias-item-rounded-workflow-padding-left-s": "var(--spectrum-global-dimension-size-125)", | ||
"--spectrum-alias-item-rounded-padding-s": "var(--spectrum-global-dimension-size-150)", | ||
"--spectrum-alias-item-rounded-border-radius-s": "var(--spectrum-global-dimension-size-150)", | ||
"--spectrum-alias-item-text-padding-top-s": "var(--spectrum-global-dimension-static-size-50)", | ||
"--spectrum-button-primary-s-focus-ring-size-key-focus": "var(--spectrum-alias-focus-ring-size)", | ||
"--spectrum-button-primary-s-text-font-weight": "var(--spectrum-global-font-weight-bold)", | ||
"--spectrum-button-primary-s-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-button-primary-s-border-size": "var(--spectrum-alias-border-size-thick)", | ||
"--spectrum-button-primary-s-text-size": "var(--spectrum-alias-item-text-size-s)", | ||
"--spectrum-button-primary-s-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-s)", | ||
"--spectrum-button-primary-s-height": "var(--spectrum-alias-item-height-s)", | ||
"--spectrum-button-primary-s-padding-left": "var(--spectrum-alias-item-rounded-workflow-padding-left-s)", | ||
"--spectrum-button-primary-s-padding-right": "var(--spectrum-alias-item-rounded-padding-s)", | ||
"--spectrum-button-primary-s-border-radius": "var(--spectrum-alias-item-rounded-border-radius-s)", | ||
"--spectrum-button-primary-s-min-width": "var(--spectrum-global-dimension-size-675)", | ||
"--spectrum-button-primary-s-textonly-padding-left": "var(--spectrum-alias-item-rounded-padding-s)", | ||
"--spectrum-button-primary-s-textonly-padding-right": "var(--spectrum-alias-item-rounded-padding-s)", | ||
"--spectrum-button-primary-s-text-padding-top": "var(--spectrum-alias-item-text-padding-top-s)", | ||
"--spectrum-button-primary-m-min-width": "undefined", | ||
"--spectrum-alias-item-text-size-m": "var(--spectrum-global-dimension-font-size-100)", | ||
"--spectrum-alias-item-text-padding-top-m": "var(--spectrum-global-dimension-size-75)", | ||
"--spectrum-alias-item-height-m": "var(--spectrum-global-dimension-size-400)", | ||
"--spectrum-alias-item-workflow-icon-gap-m": "var(--spectrum-global-dimension-size-100)", | ||
"--spectrum-alias-item-rounded-workflow-padding-left-m": "undefined", | ||
"--spectrum-alias-item-rounded-padding-m": "var(--spectrum-global-dimension-size-200)", | ||
"--spectrum-alias-item-rounded-border-radius-m": "var(--spectrum-global-dimension-size-200)", | ||
"--spectrum-alias-item-text-size-l": "var(--spectrum-global-dimension-font-size-200)", | ||
"--spectrum-alias-item-text-padding-top-l": "undefined", | ||
"--spectrum-alias-item-workflow-icon-gap-l": "var(--spectrum-global-dimension-size-115)", | ||
"--spectrum-alias-item-height-l": "var(--spectrum-global-dimension-size-500)", | ||
"--spectrum-alias-item-rounded-workflow-padding-left-l": "var(--spectrum-global-dimension-size-225)", | ||
"--spectrum-alias-item-rounded-padding-l": "var(--spectrum-global-dimension-size-250)", | ||
"--spectrum-alias-item-rounded-border-radius-l": "var(--spectrum-global-dimension-size-250)", | ||
"--spectrum-alias-item-text-size-xl": "var(--spectrum-global-dimension-font-size-300)", | ||
"--spectrum-alias-item-text-padding-top-xl": "var(--spectrum-global-dimension-size-150)", | ||
"--spectrum-alias-item-height-xl": "var(--spectrum-global-dimension-size-600)", | ||
"--spectrum-alias-item-rounded-workflow-padding-left-xl": "undefined", | ||
"--spectrum-alias-item-rounded-padding-xl": "var(--spectrum-global-dimension-size-300)", | ||
"--spectrum-alias-item-rounded-border-radius-xl": "var(--spectrum-global-dimension-size-300)", | ||
"--spectrum-semantic-cta-color-background-default": "var(--spectrum-global-color-static-blue-600)", | ||
"--spectrum-semantic-cta-color-background-hover": "var(--spectrum-global-color-static-blue-700)", | ||
"--spectrum-semantic-cta-color-background-down": "var(--spectrum-global-color-static-blue-800)", | ||
"--spectrum-alias-background-color-transparent": "transparent", | ||
"--spectrum-semantic-negative-color-text-small": "var(--spectrum-global-color-red-600)", | ||
"--spectrum-alias-border-color-transparent": "transparent" | ||
"--spectrum-button-primary-m-text-font-weight": "var(--spectrum-global-font-weight-bold)", | ||
"--spectrum-button-primary-m-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-button-primary-m-border-size": "var(--spectrum-alias-border-size-thick)", | ||
"--spectrum-button-primary-m-text-size": "var(--spectrum-alias-item-text-size-m)", | ||
"--spectrum-button-primary-m-text-padding-top": "var(--spectrum-alias-item-text-padding-top-m)", | ||
"--spectrum-button-primary-m-height": "var(--spectrum-alias-item-height-m)", | ||
"--spectrum-button-primary-m-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-m)", | ||
"--spectrum-button-primary-m-padding-left": "var(--spectrum-alias-item-rounded-workflow-padding-left-m)", | ||
"--spectrum-button-primary-m-padding-right": "var(--spectrum-alias-item-rounded-padding-m)", | ||
"--spectrum-button-primary-m-border-radius": "var(--spectrum-alias-item-rounded-border-radius-m)", | ||
"--spectrum-button-primary-m-textonly-padding-left": "var(--spectrum-alias-item-rounded-padding-m)", | ||
"--spectrum-button-primary-m-textonly-padding-right": "var(--spectrum-alias-item-rounded-padding-m)", | ||
"--spectrum-button-primary-l-focus-ring-size-key-focus": "var(--spectrum-alias-focus-ring-size)", | ||
"--spectrum-button-primary-l-text-font-weight": "var(--spectrum-global-font-weight-bold)", | ||
"--spectrum-button-primary-l-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-button-primary-l-border-size": "var(--spectrum-alias-border-size-thick)", | ||
"--spectrum-button-primary-l-text-size": "var(--spectrum-alias-item-text-size-l)", | ||
"--spectrum-button-primary-l-text-padding-top": "var(--spectrum-alias-item-text-padding-top-l)", | ||
"--spectrum-button-primary-l-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-l)", | ||
"--spectrum-button-primary-l-height": "var(--spectrum-alias-item-height-l)", | ||
"--spectrum-button-primary-l-padding-left": "var(--spectrum-alias-item-rounded-workflow-padding-left-l)", | ||
"--spectrum-button-primary-l-padding-right": "var(--spectrum-alias-item-rounded-padding-l)", | ||
"--spectrum-button-primary-l-border-radius": "var(--spectrum-alias-item-rounded-border-radius-l)", | ||
"--spectrum-button-primary-l-min-width": "var(--spectrum-global-dimension-size-1125)", | ||
"--spectrum-button-primary-l-textonly-padding-left": "var(--spectrum-alias-item-rounded-padding-l)", | ||
"--spectrum-button-primary-l-textonly-padding-right": "var(--spectrum-alias-item-rounded-padding-l)", | ||
"--spectrum-button-primary-xl-focus-ring-size-key-focus": "var(--spectrum-alias-focus-ring-size)", | ||
"--spectrum-button-primary-xl-text-font-weight": "var(--spectrum-global-font-weight-bold)", | ||
"--spectrum-button-primary-xl-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-button-primary-xl-border-size": "var(--spectrum-alias-border-size-thick)", | ||
"--spectrum-button-primary-xl-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-l)", | ||
"--spectrum-button-primary-xl-text-size": "var(--spectrum-alias-item-text-size-xl)", | ||
"--spectrum-button-primary-xl-text-padding-top": "var(--spectrum-alias-item-text-padding-top-xl)", | ||
"--spectrum-button-primary-xl-height": "var(--spectrum-alias-item-height-xl)", | ||
"--spectrum-button-primary-xl-padding-left": "var(--spectrum-alias-item-rounded-workflow-padding-left-xl)", | ||
"--spectrum-button-primary-xl-padding-right": "var(--spectrum-alias-item-rounded-padding-xl)", | ||
"--spectrum-button-primary-xl-border-radius": "var(--spectrum-alias-item-rounded-border-radius-xl)", | ||
"--spectrum-button-primary-xl-min-width": "var(--spectrum-global-dimension-size-1250)", | ||
"--spectrum-button-primary-xl-textonly-padding-left": "var(--spectrum-alias-item-rounded-padding-xl)", | ||
"--spectrum-button-primary-xl-textonly-padding-right": "var(--spectrum-alias-item-rounded-padding-xl)", | ||
"--spectrum-button-cta-m-background-color": "var(--spectrum-semantic-cta-color-background-default)", | ||
"--spectrum-button-cta-m-border-color": "var(--spectrum-semantic-cta-color-background-default)", | ||
"--spectrum-button-cta-m-text-color": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-cta-m-background-color-hover": "var(--spectrum-semantic-cta-color-background-hover)", | ||
"--spectrum-button-cta-m-border-color-hover": "var(--spectrum-semantic-cta-color-background-hover)", | ||
"--spectrum-button-cta-m-text-color-hover": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-cta-m-background-color-key-focus": "var(--spectrum-semantic-cta-color-background-hover)", | ||
"--spectrum-button-cta-m-border-color-key-focus": "var(--spectrum-semantic-cta-color-background-hover)", | ||
"--spectrum-button-cta-m-text-color-key-focus": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-cta-m-background-color-down": "var(--spectrum-semantic-cta-color-background-down)", | ||
"--spectrum-button-cta-m-border-color-down": "var(--spectrum-semantic-cta-color-background-down)", | ||
"--spectrum-button-cta-m-text-color-down": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-cta-m-background-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-cta-m-border-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-cta-m-text-color-disabled": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-button-primary-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-primary-m-border-color": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-primary-m-text-color": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-primary-m-background-color-hover": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-primary-m-border-color-hover": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-primary-m-text-color-hover": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-primary-m-background-color-key-focus": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-primary-m-border-color-key-focus": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-primary-m-text-color-key-focus": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-primary-m-background-color-down": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-button-primary-m-border-color-down": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-button-primary-m-text-color-down": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-primary-m-background-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-primary-m-border-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-primary-m-text-color-disabled": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-button-secondary-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-secondary-m-border-color": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-button-secondary-m-text-color": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-button-secondary-m-background-color-hover": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-button-secondary-m-border-color-hover": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-button-secondary-m-text-color-hover": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-secondary-m-background-color-key-focus": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-button-secondary-m-border-color-key-focus": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-button-secondary-m-text-color-key-focus": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-secondary-m-background-color-down": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-secondary-m-border-color-down": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-secondary-m-text-color-down": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-secondary-m-text-color-disabled": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-button-warning-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-warning-m-border-color": "var(--spectrum-semantic-negative-color-text-small)", | ||
"--spectrum-button-warning-m-text-color": "var(--spectrum-semantic-negative-color-text-small)", | ||
"--spectrum-button-warning-m-background-color-hover": "var(--spectrum-semantic-negative-color-text-small)", | ||
"--spectrum-button-warning-m-border-color-hover": "var(--spectrum-semantic-negative-color-text-small)", | ||
"--spectrum-button-warning-m-text-color-hover": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-warning-m-background-color-key-focus": "var(--spectrum-semantic-negative-color-text-small)", | ||
"--spectrum-button-warning-m-border-color-key-focus": "var(--spectrum-semantic-negative-color-text-small)", | ||
"--spectrum-button-warning-m-text-color-key-focus": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-warning-m-background-color-down": "var(--spectrum-global-color-red-700)", | ||
"--spectrum-button-warning-m-border-color-down": "var(--spectrum-global-color-red-700)", | ||
"--spectrum-button-warning-m-text-color-down": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-button-warning-m-background-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-warning-m-border-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-warning-m-text-color-disabled": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-button-over-background-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-over-background-m-border-color": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-over-background-m-text-color": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-over-background-m-background-color-hover": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-over-background-m-border-color-hover": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-alias-focus-ring-size": "var(--spectrum-global-dimension-static-size-25)", | ||
"--spectrum-button-over-background-m-border-color-key-focus": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-over-background-m-background-color-down": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-over-background-m-border-color-down": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-over-background-m-background-color-disabled": "rgba(255,255,255,0.1)", | ||
"--spectrum-button-over-background-m-border-color-disabled": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-over-background-m-text-color-disabled": "rgba(255,255,255,0.35)", | ||
"--spectrum-button-quiet-over-background-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-over-background-m-border-color": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-over-background-m-text-color": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-quiet-over-background-m-background-color-hover": "rgba(255,255,255,0.1)", | ||
"--spectrum-button-quiet-over-background-m-border-color-hover": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-over-background-m-text-color-hover": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-quiet-over-background-m-background-color-down": "rgba(255,255,255,0.2)", | ||
"--spectrum-button-quiet-over-background-m-border-color-down": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-over-background-m-text-color-down": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-button-quiet-over-background-m-background-color-disabled": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-over-background-m-border-color-disabled": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-over-background-m-text-color-disabled": "rgba(255,255,255,0.15)", | ||
"--spectrum-button-quiet-primary-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-primary-m-border-color": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-primary-m-text-color": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-quiet-primary-m-background-color-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-primary-m-border-color-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-primary-m-text-color-hover": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-button-quiet-primary-m-background-color-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-primary-m-border-color-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-primary-m-text-color-key-focus": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-button-quiet-primary-m-background-color-down": "var(--spectrum-global-color-gray-300)", | ||
"--spectrum-button-quiet-primary-m-border-color-down": "var(--spectrum-global-color-gray-300)", | ||
"--spectrum-button-quiet-primary-m-text-color-down": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-button-quiet-primary-m-background-color-disabled": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-primary-m-border-color-disabled": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-primary-m-text-color-disabled": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-button-quiet-secondary-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-secondary-m-border-color": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-secondary-m-text-color": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-button-quiet-secondary-m-background-color-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-secondary-m-border-color-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-secondary-m-text-color-hover": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-quiet-secondary-m-background-color-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-secondary-m-border-color-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-secondary-m-text-color-key-focus": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-quiet-secondary-m-background-color-down": "var(--spectrum-global-color-gray-300)", | ||
"--spectrum-button-quiet-secondary-m-border-color-down": "var(--spectrum-global-color-gray-300)", | ||
"--spectrum-button-quiet-secondary-m-text-color-down": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-button-quiet-secondary-m-background-color-disabled": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-secondary-m-border-color-disabled": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-secondary-m-text-color-disabled": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-button-quiet-warning-m-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-warning-m-border-color": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-warning-m-text-color": "var(--spectrum-semantic-negative-color-text-small)", | ||
"--spectrum-button-quiet-warning-m-background-color-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-warning-m-border-color-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-warning-m-text-color-hover": "var(--spectrum-global-color-red-700)", | ||
"--spectrum-button-quiet-warning-m-background-color-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-warning-m-border-color-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-button-quiet-warning-m-text-color-key-focus": "var(--spectrum-global-color-red-700)", | ||
"--spectrum-button-quiet-warning-m-background-color-down": "var(--spectrum-global-color-gray-300)", | ||
"--spectrum-button-quiet-warning-m-border-color-down": "var(--spectrum-global-color-gray-300)", | ||
"--spectrum-button-quiet-warning-m-text-color-down": "var(--spectrum-global-color-red-700)", | ||
"--spectrum-button-quiet-warning-m-background-color-disabled": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-button-quiet-warning-m-border-color-disabled": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-button-quiet-warning-m-text-color-disabled": "var(--spectrum-global-color-gray-500)" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
427936
3724
+ Added@spectrum-web-components/shared@0.10.0(transitive)
- Removed@spectrum-web-components/shared@0.9.0(transitive)