Socket
Socket
Sign inDemoInstall

@spectrum-web-components/theme

Package Overview
Dependencies
Maintainers
0
Versions
214
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.46.0 to 0.47.0

8

package.json
{
"name": "@spectrum-web-components/theme",
"version": "0.46.0",
"version": "0.47.0",
"publishConfig": {

@@ -236,4 +236,4 @@ "access": "public"

"dependencies": {
"@spectrum-web-components/base": "^0.46.0",
"@spectrum-web-components/styles": "^0.46.0"
"@spectrum-web-components/base": "^0.47.0",
"@spectrum-web-components/styles": "^0.47.0"
},

@@ -265,3 +265,3 @@ "types": "./src/index.d.ts",

],
"gitHead": "ab84b447210de593649b086a1605abf1be1d64f2"
"gitHead": "7121f0bbe175ac3c34f17e51aa41429c2c04bd35"
}

@@ -9,7 +9,5 @@ "use strict";

it("loads - light", async () => {
const el = await fixture(
html`
<sp-theme system="spectrum" color="light"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme system="spectrum" color="light"></sp-theme>
`);
await elementUpdated(el);

@@ -20,7 +18,5 @@ expect(el).to.exist;

it("loads - dark", async () => {
const el = await fixture(
html`
<sp-theme color="dark"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme color="dark"></sp-theme>
`);
await elementUpdated(el);

@@ -31,7 +27,5 @@ expect(el).to.exist;

it("loads - unkown", async () => {
const el = await fixture(
html`
<sp-theme color="unknown" scale="unknown"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme color="unknown" scale="unknown"></sp-theme>
`);
await elementUpdated(el);

@@ -42,7 +36,5 @@ expect(el).to.exist;

it("adds an instance only once", async () => {
const el = await fixture(
html`
<sp-theme system="express"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme system="express"></sp-theme>
`);
await elementUpdated(el);

@@ -62,7 +54,5 @@ const testableTheme = Theme;

it("loads", async () => {
const el = await fixture(
html`
<sp-theme color="lightest"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme color="lightest"></sp-theme>
`);
await elementUpdated(el);

@@ -75,7 +65,5 @@ expect(el).to.exist;

it("loads", async () => {
const el = await fixture(
html`
<sp-theme scale="medium"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme scale="medium"></sp-theme>
`);
await elementUpdated(el);

@@ -88,14 +76,12 @@ expect(el).to.exist;

it("applies app fragments", async () => {
const el = await fixture(
html`
<sp-theme color="light">
<style>
div {
padding: var(--app-padding);
}
</style>
<div></div>
</sp-theme>
`
);
const el = await fixture(html`
<sp-theme color="light">
<style>
div {
padding: var(--app-padding);
}
</style>
<div></div>
</sp-theme>
`);
const div = el.querySelector("div");

@@ -122,7 +108,5 @@ await elementUpdated(el);

it("loads", async () => {
const el = await fixture(
html`
<sp-theme color="light"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme color="light"></sp-theme>
`);
await elementUpdated(el);

@@ -172,7 +156,5 @@ expect(el).to.not.be.undefined;

it("prefers system over theme", async () => {
const el = await fixture(
html`
<sp-theme system="express"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme system="express"></sp-theme>
`);
await elementUpdated(el);

@@ -188,7 +170,5 @@ expect(el.system).to.equal("express");

it("updates system value even if only theme is added to sp-theme", async () => {
const el = await fixture(
html`
<sp-theme theme="express"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme theme="express"></sp-theme>
`);
await elementUpdated(el);

@@ -202,7 +182,5 @@ expect(el.theme).to.equal("express");

it("updates system and theme value iif both are added to sp-theme", async () => {
const el = await fixture(
html`
<sp-theme system="spectrum" theme="spectrum"></sp-theme>
`
);
const el = await fixture(html`
<sp-theme system="spectrum" theme="spectrum"></sp-theme>
`);
await elementUpdated(el);

@@ -209,0 +187,0 @@ expect(el.theme).to.equal("spectrum");

Sorry, the diff of this file is not supported yet

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