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

Comparing version 0.38.0 to 0.39.0

package.json

 {
     "name": "@spectrum-web-components/close-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/closebutton": "^3.1.14"
+        "@spectrum-css/closebutton": "^4.0.7"
     },
@@ -57,3 +57,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "9a099b7543672f2fd4030833ab813b16c2cad62e"
+    "gitHead": "2acc8390ef0ac6cc940958d4da705c9859155c0d"
 }

src/close-button.css.dev.js

@@ -52,35 +52,17 @@ "use strict";
 --spectrum-static-black-focus-indicator-color
-)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(:focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(:focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
@@ -101,3 +83,3 @@ ) ease-out,margin var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -104,0 +86,0 @@ ) var(

src/close-button.css.js

@@ -50,35 +50,17 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 --spectrum-static-black-focus-indicator-color
-)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(:focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(:focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
@@ -99,3 +81,3 @@ ) ease-out,margin var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -102,0 +84,0 @@ ) var(

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

@@ -52,35 +52,17 @@ "use strict";
 --spectrum-static-black-focus-indicator-color
-)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(:focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(:focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
@@ -101,3 +83,3 @@ ) ease-out,margin var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -104,0 +86,0 @@ ) var(

src/spectrum-close-button.css.js

@@ -50,35 +50,17 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 --spectrum-static-black-focus-indicator-color
-)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+)}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(.focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(.focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-out,margin var(
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
-) ease-out}:host(:focus-visible):after{border-radius:100%;box-shadow:0 0 0 var(
---mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
-) var(
---highcontrast-closebutton-focus-indicator-color,var(
---mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
-)
-);content:"";display:block;forced-color-adjust:none;inset:0;margin:var(
+) ease-out}:host(:focus-visible):after{forced-color-adjust:none;margin:var(
 --mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
-);position:absolute;transition:opacity var(
+);transition:opacity var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
@@ -99,3 +81,3 @@ ) ease-out,margin var(
 --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -102,0 +84,0 @@ ) 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

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

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

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

150213

decreased by-5.31%

Lines of code

955

decreased by-7.01%

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