@spectrum-web-components/thumbnail - npm Package Compare versions

Comparing version 0.40.2 to 0.40.3

package.json

 {
     "name": "@spectrum-web-components/thumbnail",
-    "version": "0.40.2",
+    "version": "0.40.3",
     "publishConfig": {
@@ -60,7 +60,7 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.40.2",
-        "@spectrum-web-components/opacity-checkerboard": "^0.40.2"
+        "@spectrum-web-components/base": "^0.40.3",
+        "@spectrum-web-components/opacity-checkerboard": "^0.40.3"
     },
     "devDependencies": {
-        "@spectrum-css/thumbnail": "^5.0.7"
+        "@spectrum-css/thumbnail": "^5.1.4"
     },
@@ -73,3 +73,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "e5fd35c7a98569150ca695ec0e0e7411c9c64c28"
+    "gitHead": "76467a3470aeafa4beefce1e4fc76341f1d6733f"
 }

src/spectrum-thumbnail.css.dev.js

@@ -66,6 +66,8 @@ "use strict";
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);overflow:hidden}:host([layer]){align-items:center;border:var(
+);overflow:hidden}:host([layer]){align-items:center;border-color:var(
+--highcontrast-thumbnail-layer-border-color-outer,var(
+--mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
+)
+);border-style:solid;border-width:var(
 --mod-thumbnail-layer-border-width-outer,var(--spectrum-thumbnail-layer-border-width-outer)
-) solid var(
---mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
 );box-sizing:border-box;display:flex;justify-content:center}:host([layer]):before{content:none}:host([layer][selected]){outline-color:var(
@@ -90,3 +92,5 @@ --highcontrast-thumbnail-border-color-selected,var(
 )*2);outline-color:var(
+--highcontrast-thumbnail-layer-border-color-inner,var(
 --mod-thumbnail-layer-border-color-inner,var(--spectrum-thumbnail-layer-border-color-inner)
+)
 );outline-style:solid;outline-width:calc(var(
@@ -100,5 +104,5 @@ --mod-thumbnail-layer-border-width-inner,
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:SelectedItem;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;background-color:Canvas;color:CanvasText;forced-color-adjust:none}}
+);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:Highlight;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;--highcontrast-thumbnail-layer-border-color-inner:Canvas;--highcontrast-thumbnail-layer-border-color-outer:CanvasText;forced-color-adjust:none}}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-thumbnail.css.dev.js.map

src/spectrum-thumbnail.css.js

@@ -64,6 +64,8 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);overflow:hidden}:host([layer]){align-items:center;border:var(
+);overflow:hidden}:host([layer]){align-items:center;border-color:var(
+--highcontrast-thumbnail-layer-border-color-outer,var(
+--mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
+)
+);border-style:solid;border-width:var(
 --mod-thumbnail-layer-border-width-outer,var(--spectrum-thumbnail-layer-border-width-outer)
-) solid var(
---mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
 );box-sizing:border-box;display:flex;justify-content:center}:host([layer]):before{content:none}:host([layer][selected]){outline-color:var(
@@ -88,3 +90,5 @@ --highcontrast-thumbnail-border-color-selected,var(
 )*2);outline-color:var(
+--highcontrast-thumbnail-layer-border-color-inner,var(
 --mod-thumbnail-layer-border-color-inner,var(--spectrum-thumbnail-layer-border-color-inner)
+)
 );outline-style:solid;outline-width:calc(var(
@@ -98,4 +102,4 @@ --mod-thumbnail-layer-border-width-inner,
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:SelectedItem;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;background-color:Canvas;color:CanvasText;forced-color-adjust:none}}
+);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:Highlight;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;--highcontrast-thumbnail-layer-border-color-inner:Canvas;--highcontrast-thumbnail-layer-border-color-outer:CanvasText;forced-color-adjust:none}}
 `;export default e;
 //# sourceMappingURL=spectrum-thumbnail.css.js.map

src/thumbnail.css.dev.js

@@ -66,6 +66,8 @@ "use strict";
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);overflow:hidden}:host([layer]){align-items:center;border:var(
+);overflow:hidden}:host([layer]){align-items:center;border-color:var(
+--highcontrast-thumbnail-layer-border-color-outer,var(
+--mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
+)
+);border-style:solid;border-width:var(
 --mod-thumbnail-layer-border-width-outer,var(--spectrum-thumbnail-layer-border-width-outer)
-) solid var(
---mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
 );box-sizing:border-box;display:flex;justify-content:center}:host([layer]):before{content:none}:host([layer][selected]){outline-color:var(
@@ -90,3 +92,5 @@ --highcontrast-thumbnail-border-color-selected,var(
 )*2);outline-color:var(
+--highcontrast-thumbnail-layer-border-color-inner,var(
 --mod-thumbnail-layer-border-color-inner,var(--spectrum-thumbnail-layer-border-color-inner)
+)
 );outline-style:solid;outline-width:calc(var(
@@ -100,5 +104,5 @@ --mod-thumbnail-layer-border-width-inner,
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:SelectedItem;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;background-color:Canvas;color:CanvasText;forced-color-adjust:none}}::slotted(:not(img)){display:none}
+);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:Highlight;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;--highcontrast-thumbnail-layer-border-color-inner:Canvas;--highcontrast-thumbnail-layer-border-color-outer:CanvasText;forced-color-adjust:none}}::slotted(:not(img)){display:none}
 `;
 export default styles;
 //# sourceMappingURL=thumbnail.css.dev.js.map

src/thumbnail.css.js

@@ -64,6 +64,8 @@ "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);overflow:hidden}:host([layer]){align-items:center;border:var(
+);overflow:hidden}:host([layer]){align-items:center;border-color:var(
+--highcontrast-thumbnail-layer-border-color-outer,var(
+--mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
+)
+);border-style:solid;border-width:var(
 --mod-thumbnail-layer-border-width-outer,var(--spectrum-thumbnail-layer-border-width-outer)
-) solid var(
---mod-thumbnail-layer-border-color-outer,var(--spectrum-thumbnail-layer-border-color-outer)
 );box-sizing:border-box;display:flex;justify-content:center}:host([layer]):before{content:none}:host([layer][selected]){outline-color:var(
@@ -88,3 +90,5 @@ --highcontrast-thumbnail-border-color-selected,var(
 )*2);outline-color:var(
+--highcontrast-thumbnail-layer-border-color-inner,var(
 --mod-thumbnail-layer-border-color-inner,var(--spectrum-thumbnail-layer-border-color-inner)
+)
 );outline-style:solid;outline-width:calc(var(
@@ -98,4 +102,4 @@ --mod-thumbnail-layer-border-width-inner,
 --mod-thumbnail-border-radius,var(--spectrum-thumbnail-border-radius)
-);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:SelectedItem;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;background-color:Canvas;color:CanvasText;forced-color-adjust:none}}::slotted(:not(img)){display:none}
+);inline-size:100%;inset-block:0;inset-inline:0;position:absolute;z-index:0}@media (forced-colors:active){:host{--highcontrast-thumbnail-border-color-selected:Highlight;--highcontrast-thumbnail-focus-indicator-color:Highlight;--highcontrast-thumbnail-border-color:CanvasText;--highcontrast-thumbnail-layer-border-color-inner:Canvas;--highcontrast-thumbnail-layer-border-color-outer:CanvasText;forced-color-adjust:none}}::slotted(:not(img)){display:none}
 `;export default e;
 //# sourceMappingURL=thumbnail.css.js.map

No alert changes

Improved metrics

Total package byte prevSize

918384

increased by0.2%

Lines of code

2555

increased by0.63%

Dependency changes

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

• Updated@spectrum-web-components/opacity-checkerboard@^0.40.3