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

Comparing version 0.2.6-lit-next.0 to 0.3.0

custom-elements.json

@@ -102,3 +102,3 @@ {
           "name": "styles",
-          "default": "css`\n:host{--spectrum-thumbnail-border-radius:var(\n--spectrum-alias-border-radius-small,var(--spectrum-global-dimension-size-25)\n);--spectrum-thumbnail-size-S:var(--spectrum-global-dimension-size-300);--spectrum-thumbnail-size-M:var(--spectrum-global-dimension-size-400);--spectrum-thumbnail-size-L:var(--spectrum-global-dimension-size-500);--spectrum-thumbnail-size-XL:var(--spectrum-global-dimension-size-600);--spectrum-thumbnail-size-XXL:var(--spectrum-global-dimension-size-700)}:host{align-items:center;background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)),calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px);border-radius:var(--spectrum-thumbnail-border-radius);display:flex;height:var(--spectrum-thumbnail-size-M);justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;vertical-align:top;width:var(--spectrum-thumbnail-size-M)}:host:before{border-radius:var(--spectrum-thumbnail-border-radius);content:\"\";height:100%;position:absolute;width:100%;z-index:2}:host([size=s]){height:var(--spectrum-thumbnail-size-S);width:var(--spectrum-thumbnail-size-S)}:host([size=m]){height:var(--spectrum-thumbnail-size-M);width:var(--spectrum-thumbnail-size-M)}:host([size=l]){height:var(--spectrum-thumbnail-size-L);width:var(--spectrum-thumbnail-size-L)}:host([size=xl]){height:var(--spectrum-thumbnail-size-XL);width:var(--spectrum-thumbnail-size-XL)}:host([size=xxl]){height:var(--spectrum-thumbnail-size-XXL);width:var(--spectrum-thumbnail-size-XXL)}::slotted(*){max-height:100%;max-width:100%;z-index:1}.background{background-position:50%;background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}:host{--spectrum-thumbnail-border-size:var(\n--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)\n);--spectrum-thumbnail-border-size-selected:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-size-focus:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-color:var(--spectrum-alias-dropshadow-color);--spectrum-thumbnail-border-color-focus:var(\n--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400)\n);--spectrum-thumbnail-border-color-selected:var(\n--spectrum-global-color-blue-500\n)}:host{background-color:var(\n--spectrum-global-color-static-white,#fff\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%)}:host:before{box-shadow:inset 0 0 0 var(--spectrum-thumbnail-border-size) var(--spectrum-thumbnail-border-color)}:host([selected]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host([selected]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(.focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(:focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}\n`"
+          "default": "css`\n:host{--spectrum-thumbnail-border-radius:var(\n--spectrum-alias-border-radius-small,var(--spectrum-global-dimension-size-25)\n);--spectrum-thumbnail-size-S:var(--spectrum-global-dimension-size-300);--spectrum-thumbnail-size-M:var(--spectrum-global-dimension-size-400);--spectrum-thumbnail-size-L:var(--spectrum-global-dimension-size-500);--spectrum-thumbnail-size-XL:var(--spectrum-global-dimension-size-600);--spectrum-thumbnail-size-XXL:var(--spectrum-global-dimension-size-700)}:host{align-items:center;background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)),calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px);border-radius:var(--spectrum-thumbnail-border-radius);display:flex;height:var(--spectrum-thumbnail-size-M);justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;vertical-align:top;width:var(--spectrum-thumbnail-size-M)}:host:before{border-radius:var(--spectrum-thumbnail-border-radius);content:\"\";height:100%;position:absolute;width:100%;z-index:2}:host([size=s]){height:var(--spectrum-thumbnail-size-S);width:var(--spectrum-thumbnail-size-S)}:host([size=m]){height:var(--spectrum-thumbnail-size-M);width:var(--spectrum-thumbnail-size-M)}:host([size=l]){height:var(--spectrum-thumbnail-size-L);width:var(--spectrum-thumbnail-size-L)}:host([size=xl]){height:var(--spectrum-thumbnail-size-XL);width:var(--spectrum-thumbnail-size-XL)}:host([size=xxl]){height:var(--spectrum-thumbnail-size-XXL);width:var(--spectrum-thumbnail-size-XXL)}::slotted(*){max-height:100%;max-width:100%;z-index:1}.background{background-position:50%;background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}:host{--spectrum-thumbnail-border-size:var(\n--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)\n);--spectrum-thumbnail-border-size-selected:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-size-focus:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-color:var(--spectrum-alias-dropshadow-color);--spectrum-thumbnail-border-color-focus:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);--spectrum-thumbnail-border-color-selected:var(\n--spectrum-global-color-blue-500\n)}:host{background-color:var(\n--spectrum-global-color-static-white,#fff\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%)}:host:before{box-shadow:inset 0 0 0 var(--spectrum-thumbnail-border-size) var(--spectrum-thumbnail-border-color)}:host([selected]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host([selected]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(.focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(:focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}\n`"
         }
@@ -124,3 +124,3 @@ ],
           "name": "styles",
-          "default": "css`\n:host{--spectrum-thumbnail-border-radius:var(\n--spectrum-alias-border-radius-small,var(--spectrum-global-dimension-size-25)\n);--spectrum-thumbnail-size-S:var(--spectrum-global-dimension-size-300);--spectrum-thumbnail-size-M:var(--spectrum-global-dimension-size-400);--spectrum-thumbnail-size-L:var(--spectrum-global-dimension-size-500);--spectrum-thumbnail-size-XL:var(--spectrum-global-dimension-size-600);--spectrum-thumbnail-size-XXL:var(--spectrum-global-dimension-size-700)}:host{align-items:center;background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)),calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px);border-radius:var(--spectrum-thumbnail-border-radius);display:flex;height:var(--spectrum-thumbnail-size-M);justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;vertical-align:top;width:var(--spectrum-thumbnail-size-M)}:host:before{border-radius:var(--spectrum-thumbnail-border-radius);content:\"\";height:100%;position:absolute;width:100%;z-index:2}:host([size=s]){height:var(--spectrum-thumbnail-size-S);width:var(--spectrum-thumbnail-size-S)}:host([size=m]){height:var(--spectrum-thumbnail-size-M);width:var(--spectrum-thumbnail-size-M)}:host([size=l]){height:var(--spectrum-thumbnail-size-L);width:var(--spectrum-thumbnail-size-L)}:host([size=xl]){height:var(--spectrum-thumbnail-size-XL);width:var(--spectrum-thumbnail-size-XL)}:host([size=xxl]){height:var(--spectrum-thumbnail-size-XXL);width:var(--spectrum-thumbnail-size-XXL)}::slotted(*){max-height:100%;max-width:100%;z-index:1}.background{background-position:50%;background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}:host{--spectrum-thumbnail-border-size:var(\n--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)\n);--spectrum-thumbnail-border-size-selected:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-size-focus:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-color:var(--spectrum-alias-dropshadow-color);--spectrum-thumbnail-border-color-focus:var(\n--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400)\n);--spectrum-thumbnail-border-color-selected:var(\n--spectrum-global-color-blue-500\n)}:host{background-color:var(\n--spectrum-global-color-static-white,#fff\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%)}:host:before{box-shadow:inset 0 0 0 var(--spectrum-thumbnail-border-size) var(--spectrum-thumbnail-border-color)}:host([selected]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host([selected]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(.focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(:focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}::slotted(:not(img)){display:none}:host([cover]) ::slotted(img){height:100%;object-fit:cover;width:100%}\n`"
+          "default": "css`\n:host{--spectrum-thumbnail-border-radius:var(\n--spectrum-alias-border-radius-small,var(--spectrum-global-dimension-size-25)\n);--spectrum-thumbnail-size-S:var(--spectrum-global-dimension-size-300);--spectrum-thumbnail-size-M:var(--spectrum-global-dimension-size-400);--spectrum-thumbnail-size-L:var(--spectrum-global-dimension-size-500);--spectrum-thumbnail-size-XL:var(--spectrum-global-dimension-size-600);--spectrum-thumbnail-size-XXL:var(--spectrum-global-dimension-size-700)}:host{align-items:center;background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)),calc(-1*var(--spectrum-global-dimension-static-size-100, 8px)) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px);border-radius:var(--spectrum-thumbnail-border-radius);display:flex;height:var(--spectrum-thumbnail-size-M);justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;vertical-align:top;width:var(--spectrum-thumbnail-size-M)}:host:before{border-radius:var(--spectrum-thumbnail-border-radius);content:\"\";height:100%;position:absolute;width:100%;z-index:2}:host([size=s]){height:var(--spectrum-thumbnail-size-S);width:var(--spectrum-thumbnail-size-S)}:host([size=m]){height:var(--spectrum-thumbnail-size-M);width:var(--spectrum-thumbnail-size-M)}:host([size=l]){height:var(--spectrum-thumbnail-size-L);width:var(--spectrum-thumbnail-size-L)}:host([size=xl]){height:var(--spectrum-thumbnail-size-XL);width:var(--spectrum-thumbnail-size-XL)}:host([size=xxl]){height:var(--spectrum-thumbnail-size-XXL);width:var(--spectrum-thumbnail-size-XXL)}::slotted(*){max-height:100%;max-width:100%;z-index:1}.background{background-position:50%;background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}:host{--spectrum-thumbnail-border-size:var(\n--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)\n);--spectrum-thumbnail-border-size-selected:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-size-focus:var(\n--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)\n);--spectrum-thumbnail-border-color:var(--spectrum-alias-dropshadow-color);--spectrum-thumbnail-border-color-focus:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);--spectrum-thumbnail-border-color-selected:var(\n--spectrum-global-color-blue-500\n)}:host{background-color:var(\n--spectrum-global-color-static-white,#fff\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc) 75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc) 25.5%,transparent 25.5%)}:host:before{box-shadow:inset 0 0 0 var(--spectrum-thumbnail-border-size) var(--spectrum-thumbnail-border-color)}:host([selected]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host([selected]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(.focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(:focus-visible),:host([focused]){box-shadow:0 0 0 calc(var(--spectrum-thumbnail-border-size-focus)/2) var(--spectrum-thumbnail-border-color-focus)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected)/2) var(--spectrum-thumbnail-border-color-selected)}::slotted(:not(img)){display:none}:host([cover]) ::slotted(img){height:100%;object-fit:cover;width:100%}\n`"
         }
@@ -127,0 +127,0 @@ ],

package.json

 {
     "name": "@spectrum-web-components/thumbnail",
-    "version": "0.2.6-lit-next.0+aad74d6ac",
+    "version": "0.3.0",
     "publishConfig": {
@@ -47,7 +47,7 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.4.6-lit-next.184+aad74d6ac",
+        "@spectrum-web-components/base": "^0.4.5",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/thumbnail": "^1.0.2"
+        "@spectrum-css/thumbnail": "^1.0.4"
     },
@@ -59,3 +59,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "aad74d6ac41d8450aee82d73aaf58ab949b72a00"
+    "gitHead": "12d891f3dc85e8de641804d8efc9ca06b7fdee2d"
 }

src/spectrum-thumbnail.css.js

@@ -23,3 +23,3 @@ /*
 );--spectrum-thumbnail-border-color:var(--spectrum-alias-dropshadow-color);--spectrum-thumbnail-border-color-focus:var(
---spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400)
+--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
 );--spectrum-thumbnail-border-color-selected:var(
@@ -26,0 +26,0 @@ --spectrum-global-color-blue-500

src/thumbnail.css.js

@@ -23,3 +23,3 @@ /*
 );--spectrum-thumbnail-border-color:var(--spectrum-alias-dropshadow-color);--spectrum-thumbnail-border-color-focus:var(
---spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400)
+--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
 );--spectrum-thumbnail-border-color-selected:var(
@@ -26,0 +26,0 @@ --spectrum-global-color-blue-500

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the 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

2228155

Dependency changes

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