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

Comparing version 0.3.6 to 0.3.7

package.json

 {
     "name": "@spectrum-web-components/close-button",
-    "version": "0.3.6",
+    "version": "0.3.7",
     "publishConfig": {
@@ -15,3 +15,3 @@ "access": "public"
     "author": "",
-    "homepage": "https://adobe.github.io/spectrum-web-components/components/close-button",
+    "homepage": "https://opensource.adobe.com/spectrum-web-components/components/close-button",
     "bugs": {
@@ -46,3 +46,3 @@ "url": "https://github.com/adobe/spectrum-web-components/issues"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.7.2"
+        "@spectrum-web-components/base": "^0.7.3"
     },
@@ -58,3 +58,3 @@ "devDependencies": {
     ],
-    "gitHead": "34bbc8bf1636f2d78ca9d5dbabc0b89da625572f"
+    "gitHead": "02534b6685ff89a21dba86c09b2169f5b30a46f2"
 }

src/close-button.css.dev.js

@@ -54,2 +54,14 @@ "use strict";
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
+) ease-out}:host(.focus-visible):after{border-radius:100%;bottom:0;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;left:0;margin:var(
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
+);position:absolute;right:0;top:0;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%;bottom:0;box-shadow:0 0 0 var(
@@ -81,3 +93,3 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --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):after{box-shadow:0 0 0 var(
+) 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(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -88,2 +100,8 @@ ) var(
 )
+)}:host(.focus-visible):after{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)
+)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -113,2 +131,4 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
+)}:host(:not(:disabled).focus-visible),:host(:not(:disabled)[focused]){background-color:var(
+--mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )}:host(:not(:disabled):focus-visible),:host(:not(:disabled)[focused]){background-color:var(
@@ -120,2 +140,6 @@ --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )
+)}:host(:not(:disabled).focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
+--highcontrast-closebutton-icon-color-focus,var(
+--mod-closebutton-icon-color-focus,var(--spectrum-closebutton-icon-color-focus)
+)
 )}:host(:not(:disabled):focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
@@ -161,2 +185,6 @@ --highcontrast-closebutton-icon-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled).focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
+--highcontrast-closebutton-static-background-color-focus,var(
+--mod-closebutton-static-background-color-focus,var(--spectrum-closebutton-static-background-color-focus)
+)
 )}:host([variant=black]:not(:disabled):focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled):focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
@@ -170,2 +198,6 @@ --highcontrast-closebutton-static-background-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled).focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
+--highcontrast-closebutton-icon-color-default,var(
+--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default)
+)
 )}:host([variant=black]:not(:disabled):focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled):focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
@@ -172,0 +204,0 @@ --highcontrast-closebutton-icon-color-default,var(

src/close-button.css.js

@@ -52,2 +52,14 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
+) ease-out}:host(.focus-visible):after{border-radius:100%;bottom:0;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;left:0;margin:var(
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
+);position:absolute;right:0;top:0;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%;bottom:0;box-shadow:0 0 0 var(
@@ -79,3 +91,3 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --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):after{box-shadow:0 0 0 var(
+) 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(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -86,2 +98,8 @@ ) var(
 )
+)}:host(.focus-visible):after{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)
+)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -111,2 +129,4 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
+)}:host(:not(:disabled).focus-visible),:host(:not(:disabled)[focused]){background-color:var(
+--mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )}:host(:not(:disabled):focus-visible),:host(:not(:disabled)[focused]){background-color:var(
@@ -118,2 +138,6 @@ --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )
+)}:host(:not(:disabled).focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
+--highcontrast-closebutton-icon-color-focus,var(
+--mod-closebutton-icon-color-focus,var(--spectrum-closebutton-icon-color-focus)
+)
 )}:host(:not(:disabled):focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
@@ -159,2 +183,6 @@ --highcontrast-closebutton-icon-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled).focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
+--highcontrast-closebutton-static-background-color-focus,var(
+--mod-closebutton-static-background-color-focus,var(--spectrum-closebutton-static-background-color-focus)
+)
 )}:host([variant=black]:not(:disabled):focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled):focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
@@ -168,2 +196,6 @@ --highcontrast-closebutton-static-background-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled).focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
+--highcontrast-closebutton-icon-color-default,var(
+--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default)
+)
 )}:host([variant=black]:not(:disabled):focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled):focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
@@ -170,0 +202,0 @@ --highcontrast-closebutton-icon-color-default,var(

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

@@ -54,2 +54,14 @@ "use strict";
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
+) ease-out}:host(.focus-visible):after{border-radius:100%;bottom:0;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;left:0;margin:var(
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
+);position:absolute;right:0;top:0;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%;bottom:0;box-shadow:0 0 0 var(
@@ -81,3 +93,3 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --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):after{box-shadow:0 0 0 var(
+) 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(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -88,2 +100,8 @@ ) var(
 )
+)}:host(.focus-visible):after{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)
+)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -113,2 +131,4 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
+)}:host(:not(:disabled).focus-visible),:host(:not(:disabled)[focused]){background-color:var(
+--mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )}:host(:not(:disabled):focus-visible),:host(:not(:disabled)[focused]){background-color:var(
@@ -120,2 +140,6 @@ --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )
+)}:host(:not(:disabled).focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
+--highcontrast-closebutton-icon-color-focus,var(
+--mod-closebutton-icon-color-focus,var(--spectrum-closebutton-icon-color-focus)
+)
 )}:host(:not(:disabled):focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
@@ -161,2 +185,6 @@ --highcontrast-closebutton-icon-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled).focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
+--highcontrast-closebutton-static-background-color-focus,var(
+--mod-closebutton-static-background-color-focus,var(--spectrum-closebutton-static-background-color-focus)
+)
 )}:host([variant=black]:not(:disabled):focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled):focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
@@ -170,2 +198,6 @@ --highcontrast-closebutton-static-background-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled).focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
+--highcontrast-closebutton-icon-color-default,var(
+--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default)
+)
 )}:host([variant=black]:not(:disabled):focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled):focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
@@ -172,0 +204,0 @@ --highcontrast-closebutton-icon-color-default,var(

src/spectrum-close-button.css.js

@@ -52,2 +52,14 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 --mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration)
+) ease-out}:host(.focus-visible):after{border-radius:100%;bottom:0;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;left:0;margin:var(
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
+);position:absolute;right:0;top:0;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%;bottom:0;box-shadow:0 0 0 var(
@@ -79,3 +91,3 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --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):after{box-shadow:0 0 0 var(
+) 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(
 --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
@@ -86,2 +98,8 @@ ) var(
 )
+)}:host(.focus-visible):after{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)
+)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -111,2 +129,4 @@ --mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
+)}:host(:not(:disabled).focus-visible),:host(:not(:disabled)[focused]){background-color:var(
+--mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )}:host(:not(:disabled):focus-visible),:host(:not(:disabled)[focused]){background-color:var(
@@ -118,2 +138,6 @@ --mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus)
 )
+)}:host(:not(:disabled).focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
+--highcontrast-closebutton-icon-color-focus,var(
+--mod-closebutton-icon-color-focus,var(--spectrum-closebutton-icon-color-focus)
+)
 )}:host(:not(:disabled):focus-visible) .icon,:host(:not(:disabled)[focused]) .icon{color:var(
@@ -159,2 +183,6 @@ --highcontrast-closebutton-icon-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled).focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
+--highcontrast-closebutton-static-background-color-focus,var(
+--mod-closebutton-static-background-color-focus,var(--spectrum-closebutton-static-background-color-focus)
+)
 )}:host([variant=black]:not(:disabled):focus-visible),:host([variant=black][focused]:not(:disabled)),:host([variant=white]:not(:disabled):focus-visible),:host([variant=white][focused]:not(:disabled)){background-color:var(
@@ -168,2 +196,6 @@ --highcontrast-closebutton-static-background-color-focus,var(
 )
+)}:host([variant=black]:not(:disabled).focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled).focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
+--highcontrast-closebutton-icon-color-default,var(
+--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default)
+)
 )}:host([variant=black]:not(:disabled):focus-visible) .icon,:host([variant=black][focused]:not(:disabled)) .icon,:host([variant=white]:not(:disabled):focus-visible) .icon,:host([variant=white][focused]:not(:disabled)) .icon{color:var(
@@ -170,0 +202,0 @@ --highcontrast-closebutton-icon-color-default,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

No website

Quality

Package does not have a website.

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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

152889

increased by14.09%

Lines of code

993

increased by14.8%

Dependency changes

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