@spectrum-web-components/clear-button - npm Package Compare versions

Comparing version 0.38.0 to 0.39.0

package.json

 {
     "name": "@spectrum-web-components/clear-button",
-    "version": "0.38.0",
+    "version": "0.39.0",
     "publishConfig": {
@@ -45,6 +45,6 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.38.0"
+        "@spectrum-web-components/base": "^0.39.0"
     },
     "devDependencies": {
-        "@spectrum-css/clearbutton": "^5.0.4"
+        "@spectrum-css/clearbutton": "^5.0.5"
     },
@@ -57,3 +57,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "9a099b7543672f2fd4030833ab813b16c2cad62e"
+    "gitHead": "2acc8390ef0ac6cc940958d4da705c9859155c0d"
 }

src/clear-button.css.dev.js

@@ -64,17 +64,17 @@ "use strict";
 --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host:focus-visible,:host:focus-within{color:var(
+)}:host(:focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host:focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
 )}.fill{align-items:center;background-color:var(
 --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
-);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground]).focus-visible{outline:none}:host([variant=overBackground]).focus-visible{outline:none}: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(
+);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}:host([variant=overBackground].focus-visible){outline:none}: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
@@ -81,0 +81,0 @@ );--spectrum-clear-button-background-color-hover:var(

src/clear-button.css.js

@@ -62,17 +62,17 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
 --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host:focus-visible,:host:focus-within{color:var(
+)}:host(:focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host:focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
 )}.fill{align-items:center;background-color:var(
 --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
-);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground]).focus-visible{outline:none}:host([variant=overBackground]).focus-visible{outline:none}: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(
+);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}:host([variant=overBackground].focus-visible){outline:none}: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
@@ -79,0 +79,0 @@ );--spectrum-clear-button-background-color-hover:var(

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

@@ -64,17 +64,17 @@ "use strict";
 --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host:focus-visible,:host:focus-within{color:var(
+)}:host(:focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host:focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
 )}.fill{align-items:center;background-color:var(
 --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
-);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground]).focus-visible{outline:none}:host([variant=overBackground]).focus-visible{outline:none}: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(
+);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}:host([variant=overBackground].focus-visible){outline:none}: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
@@ -81,0 +81,0 @@ );--spectrum-clear-button-background-color-hover:var(

src/spectrum-clear-button.css.js

@@ -62,17 +62,17 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
 --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible,:host:focus-within{color:var(
+)}:host(.focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host:focus-visible,:host:focus-within{color:var(
+)}:host(:focus-visible),:host:focus-within{color:var(
 --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host.focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
-)}:host:focus-visible .fill,:host:focus-within .fill{background-color:var(
+)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
 --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
 )}.fill{align-items:center;background-color:var(
 --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
-);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground]).focus-visible{outline:none}:host([variant=overBackground]).focus-visible{outline:none}: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(
+);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}:host([variant=overBackground].focus-visible){outline:none}: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
@@ -79,0 +79,0 @@ );--spectrum-clear-button-background-color-hover:var(

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 2 instances in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A 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

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 2 instances in 1 package

Improved metrics

Total package byte prevSize

70836

increased by0.14%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@spectrum-web-components/base@0.39.4(transitive)

• - Removed@spectrum-web-components/base@0.38.0(transitive)

• Updated@spectrum-web-components/base@^0.39.0