@spectrum-web-components/clear-button
Advanced tools
Comparing version 0.45.0 to 0.46.0
{ | ||
"name": "@spectrum-web-components/clear-button", | ||
"version": "0.45.0", | ||
"version": "0.46.0", | ||
"publishConfig": { | ||
@@ -45,3 +45,3 @@ "access": "public" | ||
"dependencies": { | ||
"@spectrum-web-components/base": "^0.45.0" | ||
"@spectrum-web-components/base": "^0.46.0" | ||
}, | ||
@@ -57,3 +57,3 @@ "devDependencies": { | ||
], | ||
"gitHead": "8cfbac84735f6b97180d39150b4849f0aa1f1a45" | ||
"gitHead": "ab84b447210de593649b086a1605abf1be1d64f2" | ||
} |
"use strict"; | ||
import { css } from "@spectrum-web-components/base"; | ||
const styles = css` | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=clear-button.css.dev.js.map |
"use strict";import{css as o}from"@spectrum-web-components/base";const r=o` | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
`;export default r; | ||
//# sourceMappingURL=clear-button.css.js.map |
"use strict"; | ||
import { css } from "@spectrum-web-components/base"; | ||
const styles = css` | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=spectrum-clear-button.css.dev.js.map |
"use strict";import{css as o}from"@spectrum-web-components/base";const r=o` | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)} | ||
`;export default r; | ||
//# sourceMappingURL=spectrum-clear-button.css.js.map |
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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
0
+ Added@spectrum-web-components/base@0.46.0(transitive)
- Removed@spectrum-web-components/base@0.45.0(transitive)