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

Comparing version 0.40.4 to 0.40.5

package.json

 {
     "name": "@spectrum-web-components/close-button",
-    "version": "0.40.4",
+    "version": "0.40.5",
     "publishConfig": {
@@ -45,6 +45,6 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.40.4"
+        "@spectrum-web-components/base": "^0.40.5"
     },
     "devDependencies": {
-        "@spectrum-css/closebutton": "^4.0.18"
+        "@spectrum-css/closebutton": "^4.2.0"
     },
@@ -57,3 +57,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
+    "gitHead": "2e0006478841b07af63c19a0167a136bf724d064"
 }

src/close-button.css.dev.js

@@ -5,11 +5,23 @@ "use strict";
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;font-family:var(
+--mod-button-font-family,var(
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);line-height:var(
+--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100))
+);margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host a{-webkit-appearance:none;-webkit-user-select:none;user-select:none}:host{--spectrum-closebutton-size-300:24px;--spectrum-closebutton-size-400:32px;--spectrum-closebutton-size-500:40px;--spectrum-closebutton-size-600:48px;--spectrum-closebutton-icon-color-default:var(
@@ -97,8 +109,2 @@ --spectrum-neutral-content-color-default
 )
-)}:host(:not([disabled]):hover){background-color:var(
---mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
-)}:host(:not([disabled]):hover) .icon{color:var(
---highcontrast-closebutton-icon-color-hover,var(
---mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
-)
 )}:host(:not([disabled])[active]){background-color:var(
@@ -138,2 +144,8 @@ --mod-closebutton-background-color-down,var(--spectrum-closebutton-background-color-down)
 )
+)}@media (hover:hover){:host(:not([disabled]):hover) .icon{color:var(
+--highcontrast-closebutton-icon-color-hover,var(
+--mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
+)
+)}:host(:not([disabled]):hover){background-color:var(
+--mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
 )}:host([static=black]:not([disabled]):hover),:host([static=white]:not([disabled]):hover){background-color:var(
@@ -147,3 +159,3 @@ --highcontrast-closebutton-static-background-color-hover,var(
 )
-)}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
+)}}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
 --highcontrast-closebutton-static-background-color-down,var(
@@ -150,0 +162,0 @@ --mod-closebutton-static-background-color-down,var(--spectrum-closebutton-static-background-color-down)

src/close-button.css.js

 "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;font-family:var(
+--mod-button-font-family,var(
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);line-height:var(
+--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100))
+);margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host a{-webkit-appearance:none;-webkit-user-select:none;user-select:none}:host{--spectrum-closebutton-size-300:24px;--spectrum-closebutton-size-400:32px;--spectrum-closebutton-size-500:40px;--spectrum-closebutton-size-600:48px;--spectrum-closebutton-icon-color-default:var(
@@ -94,8 +106,2 @@ --spectrum-neutral-content-color-default
 )
-)}:host(:not([disabled]):hover){background-color:var(
---mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
-)}:host(:not([disabled]):hover) .icon{color:var(
---highcontrast-closebutton-icon-color-hover,var(
---mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
-)
 )}:host(:not([disabled])[active]){background-color:var(
@@ -135,2 +141,8 @@ --mod-closebutton-background-color-down,var(--spectrum-closebutton-background-color-down)
 )
+)}@media (hover:hover){:host(:not([disabled]):hover) .icon{color:var(
+--highcontrast-closebutton-icon-color-hover,var(
+--mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
+)
+)}:host(:not([disabled]):hover){background-color:var(
+--mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
 )}:host([static=black]:not([disabled]):hover),:host([static=white]:not([disabled]):hover){background-color:var(
@@ -144,3 +156,3 @@ --highcontrast-closebutton-static-background-color-hover,var(
 )
-)}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
+)}}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
 --highcontrast-closebutton-static-background-color-down,var(
@@ -147,0 +159,0 @@ --mod-closebutton-static-background-color-down,var(--spectrum-closebutton-static-background-color-down)

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

@@ -5,11 +5,23 @@ "use strict";
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;font-family:var(
+--mod-button-font-family,var(
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);line-height:var(
+--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100))
+);margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host a{-webkit-appearance:none;-webkit-user-select:none;user-select:none}:host{--spectrum-closebutton-size-300:24px;--spectrum-closebutton-size-400:32px;--spectrum-closebutton-size-500:40px;--spectrum-closebutton-size-600:48px;--spectrum-closebutton-icon-color-default:var(
@@ -97,8 +109,2 @@ --spectrum-neutral-content-color-default
 )
-)}:host(:not([disabled]):hover){background-color:var(
---mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
-)}:host(:not([disabled]):hover) .icon{color:var(
---highcontrast-closebutton-icon-color-hover,var(
---mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
-)
 )}:host(:not([disabled])[active]){background-color:var(
@@ -138,2 +144,8 @@ --mod-closebutton-background-color-down,var(--spectrum-closebutton-background-color-down)
 )
+)}@media (hover:hover){:host(:not([disabled]):hover) .icon{color:var(
+--highcontrast-closebutton-icon-color-hover,var(
+--mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
+)
+)}:host(:not([disabled]):hover){background-color:var(
+--mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
 )}:host([static=black]:not([disabled]):hover),:host([static=white]:not([disabled]):hover){background-color:var(
@@ -147,3 +159,3 @@ --highcontrast-closebutton-static-background-color-hover,var(
 )
-)}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
+)}}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
 --highcontrast-closebutton-static-background-color-down,var(
@@ -150,0 +162,0 @@ --mod-closebutton-static-background-color-down,var(--spectrum-closebutton-static-background-color-down)

src/spectrum-close-button.css.js

 "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;font-family:var(
+--mod-button-font-family,var(
 --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)
-);line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+)
+);line-height:var(
+--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100))
+);margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,border-color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,color var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out,box-shadow var(
+--mod-button-animation-duration,var(
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
+)
 ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host a{-webkit-appearance:none;-webkit-user-select:none;user-select:none}:host{--spectrum-closebutton-size-300:24px;--spectrum-closebutton-size-400:32px;--spectrum-closebutton-size-500:40px;--spectrum-closebutton-size-600:48px;--spectrum-closebutton-icon-color-default:var(
@@ -94,8 +106,2 @@ --spectrum-neutral-content-color-default
 )
-)}:host(:not([disabled]):hover){background-color:var(
---mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
-)}:host(:not([disabled]):hover) .icon{color:var(
---highcontrast-closebutton-icon-color-hover,var(
---mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
-)
 )}:host(:not([disabled])[active]){background-color:var(
@@ -135,2 +141,8 @@ --mod-closebutton-background-color-down,var(--spectrum-closebutton-background-color-down)
 )
+)}@media (hover:hover){:host(:not([disabled]):hover) .icon{color:var(
+--highcontrast-closebutton-icon-color-hover,var(
+--mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)
+)
+)}:host(:not([disabled]):hover){background-color:var(
+--mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover)
 )}:host([static=black]:not([disabled]):hover),:host([static=white]:not([disabled]):hover){background-color:var(
@@ -144,3 +156,3 @@ --highcontrast-closebutton-static-background-color-hover,var(
 )
-)}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
+)}}:host([static=black]:not([disabled])[active]),:host([static=white]:not([disabled])[active]){background-color:var(
 --highcontrast-closebutton-static-background-color-down,var(
@@ -147,0 +159,0 @@ --mod-closebutton-static-background-color-down,var(--spectrum-closebutton-static-background-color-down)

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

Improved metrics

Total package byte prevSize

139965

increased by1.61%

Lines of code

923

increased by5.49%

Dependency changes

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