@spectrum-web-components/button
Advanced tools
Comparing version 0.10.0 to 0.11.0
@@ -6,2 +6,31 @@ # Change Log | ||
# [0.11.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/button@0.9.4...@spectrum-web-components/button@0.11.0) (2021-01-21) | ||
### Bug Fixes | ||
- allow sp-dropdown to accept focus visibly from sp-field-label ([134bafc](https://github.com/adobe/spectrum-web-components/commit/134bafc9c2e4d06e48107182f82dd7487066b7f1)) | ||
- correct specificity of webkit appearance work around ([f0d06bf](https://github.com/adobe/spectrum-web-components/commit/f0d06bf17bbf1d7d2a41a3008373a4b0f4097cf9)) | ||
- final prerelease review of canary builds ([1fc032f](https://github.com/adobe/spectrum-web-components/commit/1fc032ff436d8be1817a2784787e30b07a2873c6)) | ||
- implement "emphasized" styles ([750bbe7](https://github.com/adobe/spectrum-web-components/commit/750bbe7c6a70ed590c4ea179179bf201c50526ea)) | ||
- include the "types" entry in package.json files ([b432f59](https://github.com/adobe/spectrum-web-components/commit/b432f5982b3b79f80af12f6d0312cbe2285e608b)) | ||
- stop merging selectors in a way that alters the cascade ([369388f](https://github.com/adobe/spectrum-web-components/commit/369388f8cc147543891087991c569f849ddb9b38)) | ||
- update file path access ([8898bf7](https://github.com/adobe/spectrum-web-components/commit/8898bf707e6e28abb78c92a0a0858d459e65347b)) | ||
- update latest Spectrum CSS beta releases ([d8d3acc](https://github.com/adobe/spectrum-web-components/commit/d8d3acc86de31e58219db6ba2a9d045b83cbe103)) | ||
- use icons without "size" values ([3fc7c91](https://github.com/adobe/spectrum-web-components/commit/3fc7c91713793a928082eae15fc3d9dec638a31a)) | ||
- use the "browsers" listing in postcss-preset-env ([4eaf6a2](https://github.com/adobe/spectrum-web-components/commit/4eaf6a28f7b5eaf60487841d264d6d804ae675ce)) | ||
- **button:** delivery hold affordance when attribute available ([aecc6fe](https://github.com/adobe/spectrum-web-components/commit/aecc6fe7e632fec4556c4425d56a731605492873)) | ||
- **button:** relate to this.href correctly ([fade3ea](https://github.com/adobe/spectrum-web-components/commit/fade3ea9bd6bda6192f84a0ab9af4b812517e267)) | ||
### Features | ||
- apply sizedMixin for t-shirt sizing ([d7b63fb](https://github.com/adobe/spectrum-web-components/commit/d7b63fb0db06b5a8a412fea8370964f4db9d18ae)) | ||
- deprecate "icon-right" in buttons as per Spectrum ([064a775](https://github.com/adobe/spectrum-web-components/commit/064a775f9915523a3c9a744f824b5903f26c382e)) | ||
- use SixedMixin to manage "size" property ([8819821](https://github.com/adobe/spectrum-web-components/commit/88198212cb495833ed2e7644f95b43dca915318d)) | ||
- **action-button:** add action button pattern ([03ac00a](https://github.com/adobe/spectrum-web-components/commit/03ac00a710290e6a78340f206d88385a4f8ae8c2)) | ||
- **action-group:** manage "one" and "multiple" selections ([6fad59e](https://github.com/adobe/spectrum-web-components/commit/6fad59e0df1210108fe6b54ab075c0cbd94cae78)) | ||
- **button:** update spectrum css input ([7b5b200](https://github.com/adobe/spectrum-web-components/commit/7b5b20012621a4a43c8402fb07fe163fe919495d)) | ||
- **button:** use latest @spectrum-css/button beta ([b3b20ed](https://github.com/adobe/spectrum-web-components/commit/b3b20ed85923955deca5ca4d18d95ea8c5ce15ea)) | ||
- **button:** use synthetic button instead of native ([49e94bc](https://github.com/adobe/spectrum-web-components/commit/49e94bcf79da6ec1ef05f4197042f992922b91ca)) | ||
- **icons-workflow:** vend fully registered icon components ([941f3a4](https://github.com/adobe/spectrum-web-components/commit/941f3a41486fbd49eca0805fb63383f63313e71e)) | ||
# [0.10.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/button@0.9.4...@spectrum-web-components/button@0.10.0) (2021-01-13) | ||
@@ -8,0 +37,0 @@ |
@@ -5,2 +5,161 @@ { | ||
{ | ||
"name": "sp-action-button", | ||
"path": "./sp-action-button.d.ts", | ||
"attributes": [ | ||
{ | ||
"name": "active", | ||
"type": "boolean", | ||
"default": "false" | ||
}, | ||
{ | ||
"name": "type", | ||
"type": "\"button\" | \"submit\" | \"reset\"", | ||
"default": "\"button\"" | ||
}, | ||
{ | ||
"name": "download", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "label", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "href", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "target", | ||
"type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined" | ||
}, | ||
{ | ||
"name": "rel", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "disabled", | ||
"description": "Disable this control. It will not receive focus or events", | ||
"type": "boolean", | ||
"default": "false" | ||
}, | ||
{ | ||
"name": "autofocus", | ||
"description": "When this control is rendered, focus it automatically", | ||
"type": "boolean", | ||
"default": "false" | ||
}, | ||
{ | ||
"name": "tabIndex", | ||
"description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property", | ||
"type": "number" | ||
} | ||
], | ||
"properties": [ | ||
{ | ||
"name": "holdAffordance", | ||
"type": "boolean" | ||
}, | ||
{ | ||
"name": "selected", | ||
"type": "boolean" | ||
}, | ||
{ | ||
"name": "toggles", | ||
"type": "boolean" | ||
}, | ||
{ | ||
"name": "quiet", | ||
"type": "boolean" | ||
}, | ||
{ | ||
"name": "emphasized", | ||
"type": "boolean" | ||
}, | ||
{ | ||
"name": "active", | ||
"attribute": "active", | ||
"type": "boolean", | ||
"default": "false" | ||
}, | ||
{ | ||
"name": "type", | ||
"attribute": "type", | ||
"type": "\"button\" | \"submit\" | \"reset\"", | ||
"default": "\"button\"" | ||
}, | ||
{ | ||
"name": "download", | ||
"attribute": "download", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "label", | ||
"attribute": "label", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "href", | ||
"attribute": "href", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "target", | ||
"attribute": "target", | ||
"type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined" | ||
}, | ||
{ | ||
"name": "rel", | ||
"attribute": "rel", | ||
"type": "string | undefined" | ||
}, | ||
{ | ||
"name": "slotHasContent", | ||
"type": "boolean", | ||
"default": "false" | ||
}, | ||
{ | ||
"name": "managePresenceObservedSlot", | ||
"type": "() => void", | ||
"default": "\"(): void => {\\n lightDomSelectors.forEach((selector) => {\\n this[slotContentIsPresent].set(\\n selector,\\n !!this.querySelector(selector)\\n );\\n });\\n this.requestUpdate();\\n }\"" | ||
}, | ||
{ | ||
"name": "disabled", | ||
"attribute": "disabled", | ||
"description": "Disable this control. It will not receive focus or events", | ||
"type": "boolean", | ||
"default": "false" | ||
}, | ||
{ | ||
"name": "autofocus", | ||
"attribute": "autofocus", | ||
"description": "When this control is rendered, focus it automatically", | ||
"type": "boolean", | ||
"default": "false" | ||
}, | ||
{ | ||
"name": "tabIndex", | ||
"attribute": "tabIndex", | ||
"description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property", | ||
"type": "number" | ||
}, | ||
{ | ||
"name": "focusElement", | ||
"type": "HTMLElement" | ||
}, | ||
{ | ||
"name": "shadowRoot", | ||
"type": "ShadowRoot" | ||
} | ||
], | ||
"events": [ | ||
{ | ||
"name": "change", | ||
"description": "Announces a change in the `selected` property of an action button" | ||
}, | ||
{ | ||
"name": "keydown" | ||
} | ||
] | ||
}, | ||
{ | ||
"name": "sp-button", | ||
@@ -7,0 +166,0 @@ "path": "./sp-button.d.ts", |
@@ -21,3 +21,3 @@ { | ||
], | ||
"version": "0.10.0", | ||
"version": "0.11.0", | ||
"description": "", | ||
@@ -58,12 +58,12 @@ "main": "./src/index.js", | ||
"@spectrum-css/button": "^3.0.0-beta.6", | ||
"@spectrum-web-components/icons-workflow": "^0.4.0" | ||
"@spectrum-web-components/icons-workflow": "^0.5.0" | ||
}, | ||
"dependencies": { | ||
"@spectrum-web-components/base": "^0.2.0", | ||
"@spectrum-web-components/icon": "^0.7.0", | ||
"@spectrum-web-components/icons-ui": "^0.4.0", | ||
"@spectrum-web-components/shared": "^0.8.0", | ||
"@spectrum-web-components/base": "^0.3.0", | ||
"@spectrum-web-components/icon": "^0.8.0", | ||
"@spectrum-web-components/icons-ui": "^0.5.0", | ||
"@spectrum-web-components/shared": "^0.9.0", | ||
"tslib": "^2.0.0" | ||
}, | ||
"gitHead": "62f319d0f7272f4ac83f35c8180e7c4adfff37e3" | ||
"gitHead": "a5734426f36555951dc10c5740c9044bbd951315" | ||
} |
@@ -14,5 +14,5 @@ /* | ||
const styles = css ` | ||
:host{display:inline-flex;vertical-align:top;-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{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,4 @@ /* | ||
const styles = css` | ||
:host{display:inline-flex;vertical-align:top;-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{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,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -20,5 +20,5 @@ 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)}#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([dir=ltr]) #label+slot[name=icon]::slotted(*){padding-left:var(--spectrum-button-primary-icon-gap)}:host([dir=rtl]) #label+slot[name=icon]::slotted(*){padding-right:var(--spectrum-button-primary-icon-gap)}: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)} | ||
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)} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=button.css.js.map |
@@ -14,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -20,4 +20,4 @@ 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)}#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([dir=ltr]) #label+slot[name=icon]::slotted(*){padding-left:var(--spectrum-button-primary-icon-gap)}:host([dir=rtl]) #label+slot[name=icon]::slotted(*){padding-right:var(--spectrum-button-primary-icon-gap)}: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)} | ||
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)} | ||
`; | ||
export default styles; |
@@ -18,3 +18,2 @@ import { TemplateResult, CSSResultArray, PropertyValues } from '@spectrum-web-components/base'; | ||
type: 'button' | 'submit' | 'reset'; | ||
protected iconRight: boolean; | ||
protected get hasLabel(): boolean; | ||
@@ -21,0 +20,0 @@ private anchorElement; |
@@ -23,3 +23,2 @@ /* | ||
this.type = 'button'; | ||
this.iconRight = false; | ||
this.addEventListener('click', this.handleClickCapture, { | ||
@@ -42,5 +41,2 @@ capture: true, | ||
get buttonContent() { | ||
const icon = html ` | ||
<slot name="icon" ?icon-only=${!this.hasLabel}></slot> | ||
`; | ||
const content = [ | ||
@@ -56,6 +52,7 @@ html ` | ||
]; | ||
if (!this.hasIcon) { | ||
return content; | ||
if (this.hasIcon) { | ||
content.unshift(html ` | ||
<slot name="icon" ?icon-only=${!this.hasLabel}></slot> | ||
`); | ||
} | ||
this.iconRight ? content.push(icon) : content.unshift(icon); | ||
return content; | ||
@@ -200,7 +197,4 @@ } | ||
__decorate([ | ||
property({ type: Boolean, reflect: true, attribute: 'icon-right' }) | ||
], ButtonBase.prototype, "iconRight", void 0); | ||
__decorate([ | ||
query('.anchor') | ||
], ButtonBase.prototype, "anchorElement", void 0); | ||
//# sourceMappingURL=ButtonBase.js.map |
@@ -46,5 +46,2 @@ /* | ||
@property({ type: Boolean, reflect: true, attribute: 'icon-right' }) | ||
protected iconRight = false; | ||
protected get hasLabel(): boolean { | ||
@@ -62,5 +59,2 @@ return this.slotHasContent; | ||
protected get buttonContent(): TemplateResult[] { | ||
const icon = html` | ||
<slot name="icon" ?icon-only=${!this.hasLabel}></slot> | ||
`; | ||
const content = [ | ||
@@ -76,6 +70,7 @@ html` | ||
]; | ||
if (!this.hasIcon) { | ||
return content; | ||
if (this.hasIcon) { | ||
content.unshift(html` | ||
<slot name="icon" ?icon-only=${!this.hasLabel}></slot> | ||
`); | ||
} | ||
this.iconRight ? content.push(icon) : content.unshift(icon); | ||
return content; | ||
@@ -82,0 +77,0 @@ } |
@@ -14,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -17,0 +17,0 @@ 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, |
@@ -14,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -17,0 +17,0 @@ 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, |
@@ -14,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -17,0 +17,0 @@ 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, |
@@ -14,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -17,0 +17,0 @@ 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, |
@@ -14,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -17,0 +17,0 @@ 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, |
@@ -14,3 +14,3 @@ /* | ||
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;-moz-user-select:none;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, | ||
: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, | ||
@@ -17,0 +17,0 @@ 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, |
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
587766
81
4130
+ Added@spectrum-web-components/icon@0.8.3(transitive)
+ Added@spectrum-web-components/icons-ui@0.5.3(transitive)
+ Added@spectrum-web-components/iconset@0.4.3(transitive)
+ Added@spectrum-web-components/shared@0.9.0(transitive)
- Removed@spectrum-web-components/base@0.2.0(transitive)
- Removed@spectrum-web-components/icon@0.7.0(transitive)
- Removed@spectrum-web-components/icons-ui@0.4.0(transitive)
- Removed@spectrum-web-components/iconset@0.3.0(transitive)
- Removed@spectrum-web-components/shared@0.8.0(transitive)
- Removed@spectrum-web-components/styles@0.8.1(transitive)
- Removed@spectrum-web-components/theme@0.7.4(transitive)