Socket
Socket
Sign inDemoInstall

@spectrum-web-components/thumbnail

Package Overview
Dependencies
Maintainers
7
Versions
160
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.37.0 to 0.38.0

6

package.json
{
"name": "@spectrum-web-components/thumbnail",
"version": "0.37.0",
"version": "0.38.0",
"publishConfig": {

@@ -60,3 +60,3 @@ "access": "public"

"dependencies": {
"@spectrum-web-components/base": "^0.37.0"
"@spectrum-web-components/base": "^0.38.0"
},

@@ -72,3 +72,3 @@ "devDependencies": {

],
"gitHead": "d771f62f0d8063070af43283bb0fd5e3400bad06"
"gitHead": "9a099b7543672f2fd4030833ab813b16c2cad62e"
}

@@ -35,3 +35,3 @@ ## Description

<sp-thumbnail size="50">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -46,3 +46,3 @@ ```

<sp-thumbnail size="75">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -57,3 +57,3 @@ ```

<sp-thumbnail size="100">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -68,3 +68,3 @@ ```

<sp-thumbnail size="200">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -79,3 +79,3 @@ ```

<sp-thumbnail size="300">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -90,3 +90,3 @@ ```

<sp-thumbnail size="400">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -101,3 +101,3 @@ ```

<sp-thumbnail size="500">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -112,3 +112,3 @@ ```

<sp-thumbnail size="600">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -123,3 +123,3 @@ ```

<sp-thumbnail size="700">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -134,3 +134,3 @@ ```

<sp-thumbnail size="800">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -145,3 +145,3 @@ ```

<sp-thumbnail size="900">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -156,3 +156,3 @@ ```

<sp-thumbnail size="1000">
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -170,3 +170,3 @@ ```

<sp-thumbnail focused>
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -182,3 +182,3 @@ ```

<sp-thumbnail disabled>
<img src="https://place.dog/100/100" alt="Demo Image" />
<img src="https://picsum.photos/100/100" alt="Demo Image" />
</sp-thumbnail>

@@ -194,7 +194,7 @@ ```

<sp-thumbnail>
<img src="https://place.dog/300/400" alt="Demo Image" />
<img src="https://picsum.photos/300/400" alt="Demo Image" />
</sp-thumbnail>
<sp-thumbnail>
<img src="https://place.dog/500/100" alt="Demo Image" />
<img src="https://picsum.photos/500/100" alt="Demo Image" />
</sp-thumbnail>

@@ -209,7 +209,7 @@ </div>

<sp-thumbnail background="red">
<img src="https://place.dog/300/400" alt="Demo Image" />
<img src="https://picsum.photos/300/400" alt="Demo Image" />
</sp-thumbnail>
<sp-thumbnail background="#00ff00">
<img src="https://place.dog/500/100" alt="Demo Image" />
<img src="https://picsum.photos/500/100" alt="Demo Image" />
</sp-thumbnail>

@@ -224,7 +224,7 @@ </div>

<sp-thumbnail cover>
<img src="https://place.dog/300/400" alt="Demo Image" />
<img src="https://picsum.photos/300/400" alt="Demo Image" />
</sp-thumbnail>
<sp-thumbnail cover>
<img src="https://place.dog/500/100" alt="Demo Image" />
<img src="https://picsum.photos/500/100" alt="Demo Image" />
</sp-thumbnail>

@@ -241,9 +241,9 @@ </div>

<sp-thumbnail layer>
<img src="https://place.dog/400/400" alt="Demo Image" />
<img src="https://picsum.photos/400/400" alt="Demo Image" />
</sp-thumbnail>
<sp-thumbnail layer selected>
<img src="https://place.dog/500/100" alt="Demo Image" />
<img src="https://picsum.photos/500/100" alt="Demo Image" />
</sp-thumbnail>
</div>
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc