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

Comparing version 0.3.3 to 0.3.4

package.json

 {
     "name": "@spectrum-web-components/close-button",
-    "version": "0.3.3",
+    "version": "0.3.4",
     "publishConfig": {
@@ -45,7 +45,6 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.7.0",
-        "tslib": "^2.0.0"
+        "@spectrum-web-components/base": "^0.7.1"
     },
     "devDependencies": {
-        "@spectrum-css/closebutton": "^2.0.7"
+        "@spectrum-css/closebutton": "^3.0.0"
     },
@@ -58,3 +57,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "15588c72c774b17cfac605b20ac52a27d123bd03"
+    "gitHead": "8bd87724e91e23df83dbf63a434bbbe10b8daaa6"
 }

src/close-button.css.dev.js

@@ -14,5 +14,9 @@ "use strict";
 --spectrum-disabled-content-color
-);--spectrum-closebutton-focus-ring-thickness:var(
---spectrum-focus-ring-thickness
-);--spectrum-closebutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-closebutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
+);--spectrum-closebutton-focus-indicator-thickness:var(
+--spectrum-focus-indicator-thickness
+);--spectrum-closebutton-focus-indicator-gap:var(
+--spectrum-focus-indicator-gap
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-focus-indicator-color
+);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
 --spectrum-animation-duration-100
@@ -27,4 +31,4 @@ )}:host([variant=white]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
 --spectrum-disabled-static-white-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-white-focus-ring-color
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-static-white-focus-indicator-color
 )}:host([variant=black]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
@@ -38,12 +42,12 @@ --spectrum-transparent-black-300
 --spectrum-disabled-static-black-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-black-focus-ring-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-ring-color:ButtonText}:host(.focus-visible):after{border-radius:100%;bottom:0;box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+);--spectrum-closebutton-focus-indicator-color:var(
+--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%;bottom:0;box-shadow:0 0 0 var(
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -54,9 +58,9 @@ --mod-closebutton-animation-duration,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-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -73,20 +77,20 @@ --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-in-out;width:var(--mod-closebutton-width,var(--spectrum-closebutton-width))}:host:after{border-radius:calc(var(--mod-closebutton-size, var(--spectrum-closebutton-size)) + var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 ));bottom:0;content:"";left:0;margin:calc(var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 )*-1);pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow 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):after{box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--highcontrast-closebutton-focus-indicator-color,var(
+--mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
 )
@@ -93,0 +97,0 @@ )}:host(:not(:disabled)){background-color:var(

src/close-button.css.js

@@ -12,5 +12,9 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 --spectrum-disabled-content-color
-);--spectrum-closebutton-focus-ring-thickness:var(
---spectrum-focus-ring-thickness
-);--spectrum-closebutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-closebutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
+);--spectrum-closebutton-focus-indicator-thickness:var(
+--spectrum-focus-indicator-thickness
+);--spectrum-closebutton-focus-indicator-gap:var(
+--spectrum-focus-indicator-gap
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-focus-indicator-color
+);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
 --spectrum-animation-duration-100
@@ -25,4 +29,4 @@ )}:host([variant=white]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
 --spectrum-disabled-static-white-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-white-focus-ring-color
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-static-white-focus-indicator-color
 )}:host([variant=black]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
@@ -36,12 +40,12 @@ --spectrum-transparent-black-300
 --spectrum-disabled-static-black-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-black-focus-ring-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-ring-color:ButtonText}:host(.focus-visible):after{border-radius:100%;bottom:0;box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+);--spectrum-closebutton-focus-indicator-color:var(
+--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%;bottom:0;box-shadow:0 0 0 var(
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -52,9 +56,9 @@ --mod-closebutton-animation-duration,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-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -71,20 +75,20 @@ --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-in-out;width:var(--mod-closebutton-width,var(--spectrum-closebutton-width))}:host:after{border-radius:calc(var(--mod-closebutton-size, var(--spectrum-closebutton-size)) + var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 ));bottom:0;content:"";left:0;margin:calc(var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 )*-1);pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow 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):after{box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--highcontrast-closebutton-focus-indicator-color,var(
+--mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
 )
@@ -91,0 +95,0 @@ )}:host(:not(:disabled)){background-color:var(

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

@@ -14,5 +14,9 @@ "use strict";
 --spectrum-disabled-content-color
-);--spectrum-closebutton-focus-ring-thickness:var(
---spectrum-focus-ring-thickness
-);--spectrum-closebutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-closebutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
+);--spectrum-closebutton-focus-indicator-thickness:var(
+--spectrum-focus-indicator-thickness
+);--spectrum-closebutton-focus-indicator-gap:var(
+--spectrum-focus-indicator-gap
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-focus-indicator-color
+);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
 --spectrum-animation-duration-100
@@ -27,4 +31,4 @@ )}:host([variant=white]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
 --spectrum-disabled-static-white-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-white-focus-ring-color
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-static-white-focus-indicator-color
 )}:host([variant=black]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
@@ -38,12 +42,12 @@ --spectrum-transparent-black-300
 --spectrum-disabled-static-black-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-black-focus-ring-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-ring-color:ButtonText}:host(.focus-visible):after{border-radius:100%;bottom:0;box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+);--spectrum-closebutton-focus-indicator-color:var(
+--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%;bottom:0;box-shadow:0 0 0 var(
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -54,9 +58,9 @@ --mod-closebutton-animation-duration,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-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -73,20 +77,20 @@ --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-in-out;width:var(--mod-closebutton-width,var(--spectrum-closebutton-width))}:host:after{border-radius:calc(var(--mod-closebutton-size, var(--spectrum-closebutton-size)) + var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 ));bottom:0;content:"";left:0;margin:calc(var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 )*-1);pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow 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):after{box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--highcontrast-closebutton-focus-indicator-color,var(
+--mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
 )
@@ -93,0 +97,0 @@ )}:host(:not(:disabled)){background-color:var(

src/spectrum-close-button.css.js

@@ -12,5 +12,9 @@ "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
 --spectrum-disabled-content-color
-);--spectrum-closebutton-focus-ring-thickness:var(
---spectrum-focus-ring-thickness
-);--spectrum-closebutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-closebutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
+);--spectrum-closebutton-focus-indicator-thickness:var(
+--spectrum-focus-indicator-thickness
+);--spectrum-closebutton-focus-indicator-gap:var(
+--spectrum-focus-indicator-gap
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-focus-indicator-color
+);--spectrum-closebutton-height:var(--spectrum-component-height-100);--spectrum-closebutton-width:var(--spectrum-closebutton-height);--spectrum-closebutton-size:var(--spectrum-closebutton-size-400);--spectrum-closebutton-border-radius:var(--spectrum-closebutton-size-400);--spectrum-closebutton-animation-duration:var(
 --spectrum-animation-duration-100
@@ -25,4 +29,4 @@ )}:host([variant=white]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
 --spectrum-disabled-static-white-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-white-focus-ring-color
+);--spectrum-closebutton-focus-indicator-color:var(
+--spectrum-static-white-focus-indicator-color
 )}:host([variant=black]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-static-background-color-hover:var(
@@ -36,12 +40,12 @@ --spectrum-transparent-black-300
 --spectrum-disabled-static-black-content-color
-);--spectrum-closebutton-focus-ring-color:var(
---spectrum-static-black-focus-ring-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-ring-color:ButtonText}:host(.focus-visible):after{border-radius:100%;bottom:0;box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+);--spectrum-closebutton-focus-indicator-color:var(
+--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%;bottom:0;box-shadow:0 0 0 var(
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -52,9 +56,9 @@ --mod-closebutton-animation-duration,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-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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-ring-gap,var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)
 );position:absolute;right:0;top:0;transition:opacity var(
@@ -71,20 +75,20 @@ --mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration)
 ) ease-in-out;width:var(--mod-closebutton-width,var(--spectrum-closebutton-width))}:host:after{border-radius:calc(var(--mod-closebutton-size, var(--spectrum-closebutton-size)) + var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 ));bottom:0;content:"";left:0;margin:calc(var(
---mod-closebutton-focus-ring-gap,
-var(--spectrum-closebutton-focus-ring-gap)
+--mod-closebutton-focus-indicator-gap,
+var(--spectrum-closebutton-focus-indicator-gap)
 )*-1);pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow 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):after{box-shadow:0 0 0 var(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--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(
---mod-closebutton-focus-ring-thickness,var(--spectrum-closebutton-focus-ring-thickness)
+--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness)
 ) var(
---highcontrast-closebutton-focus-ring-color,var(
---mod-closebutton-focus-ring-color,var(--spectrum-closebutton-focus-ring-color)
+--highcontrast-closebutton-focus-indicator-color,var(
+--mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)
 )
@@ -91,0 +95,0 @@ )}:host(:not(:disabled)){background-color: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 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

Unidentified License

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

134012

increased by1.25%

Dependency count

1

decreased by-50%

Lines of code

865

increased by1.88%

Dependency changes

• - Removedtslib@^2.0.0

• - Removedtslib@2.8.1(transitive)

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