@lrnwebcomponents/simple-colors - npm Package Compare versions

Comparing version 8.0.0 to 8.0.1

lib/demo/simple-colors-swatch-info.js

@@ -24,3 +24,3 @@ /**
     return [
-      ...super.styles,
+      super.styles,
       css`
@@ -117,10 +117,9 @@ :host {
                   ${this._getAa(this.swatchId, color).map(
-                    (contrast) =>
-                      html`
-                        <span
-                          class="contrast"
-                          style="${this._getContrastBg(color, contrast)}"
-                          >${color}-${contrast}</span
-                        >
-                      `
+                    (contrast) => html`
+                      <span
+                        class="contrast"
+                        style="${this._getContrastBg(color, contrast)}"
+                        >${color}-${contrast}</span
+                      >
+                    `,
                   )}
@@ -130,10 +129,9 @@ </td>
                   ${this._getAaLarge(this.swatchId, color).map(
-                    (contrast) =>
-                      html`
-                        <span
-                          class="contrast"
-                          style="${this._getContrastBg(color, contrast)}"
-                          >${color}-${contrast}</span
-                        >
-                      `
+                    (contrast) => html`
+                      <span
+                        class="contrast"
+                        style="${this._getContrastBg(color, contrast)}"
+                        >${color}-${contrast}</span
+                      >
+                    `,
                   )}
@@ -140,0 +138,0 @@ </td>

lib/demo/simple-colors-swatches.js

@@ -31,3 +31,3 @@ /**
     return [
-      ...super.styles,
+      super.styles,
       css`
@@ -34,0 +34,0 @@ :host {

lib/simple-colors-picker.js

@@ -23,7 +23,7 @@ /**
 class SimpleColorsPicker extends SimplePickerBehaviors(
-  SimpleColorsSuper(LitElement)
+  SimpleColorsSuper(LitElement),
 ) {
   static get styles() {
     return [
-      ...super.styles,
+      super.styles,
       css`
@@ -36,2 +36,5 @@ :host {
         }
+        .row {
+          width: 100%;
+        }
       `,
@@ -138,3 +141,3 @@ ];
     this.dispatchEvent(
-      new CustomEvent("change", { bubbles: true, detail: this })
+      new CustomEvent("change", { bubbles: true, detail: this }),
     );
@@ -141,0 +144,0 @@ }

lib/simple-colors-polymer.js

@@ -55,3 +55,3 @@ /**
         type: Object,
-        value: window.SimpleColorsSharedStyles.colors,
+        value: globalThis.SimpleColorsSharedStyles.colors,
         notify: true,
@@ -68,4 +68,4 @@ },
     super();
-    this.__utils = window.SimpleColorsSharedStyles.requestAvailability();
-    this.colors = window.SimpleColorsSharedStyles.colors;
+    this.__utils = globalThis.SimpleColorsSharedStyles.requestAvailability();
+    this.colors = globalThis.SimpleColorsSharedStyles.colors;
   }
@@ -105,3 +105,3 @@
       (shade = 1),
-      (theme = "default")
+      (theme = "default"),
     );
@@ -140,3 +140,3 @@ }
       colorShade,
-      contrastName
+      contrastName,
     );
@@ -160,3 +160,3 @@ }
     contrastName,
-    contrastShade
+    contrastShade,
   ) {
@@ -168,3 +168,3 @@ return this.__utils.isContrastCompliant(
       contrastName,
-      contrastShade
+      contrastShade,
     );
@@ -171,0 +171,0 @@ }

lib/simple-colors-shared-styles-polymer.js

@@ -15,3 +15,3 @@ /**
 
-const StyleElement = document.createElement("dom-module");
+const StyleElement = globalThis.document.createElement("dom-module");
 
@@ -18,0 +18,0 @@ // styles

package.json

@@ -20,3 +20,3 @@ {
   },
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "Automated conversion of simple-colors/",
@@ -37,24 +37,25 @@ "repository": {
     "lighthouse": "gulp lighthouse --gulpfile=gulpfile.cjs",
-    "test:watch": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium firefox --watch",
-    "test": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium firefox"
+    "test:watch": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium --watch",
+    "test": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium"
   },
   "author": {
-    "name": "nikkimk"
+    "name": "haxtheweb",
+    "url": "https://hax.psu.edu/"
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@lrnwebcomponents/a11y-utils": "^8.0.0",
-    "@lrnwebcomponents/simple-colors-shared-styles": "^8.0.0",
-    "lit": "^3.1.0"
+    "@lrnwebcomponents/a11y-utils": "^8.0.1",
+    "@lrnwebcomponents/simple-colors-shared-styles": "^8.0.1",
+    "lit": "^3.1.2"
   },
   "devDependencies": {
-    "@lrnwebcomponents/deduping-fix": "^8.0.0",
-    "@lrnwebcomponents/storybook-utilities": "^8.0.0",
-    "@open-wc/testing": "3.2.0",
+    "@lrnwebcomponents/deduping-fix": "^8.0.1",
+    "@lrnwebcomponents/storybook-utilities": "^8.0.1",
+    "@open-wc/testing": "4.0.0",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.1.0",
     "@polymer/polymer": "^3.5.1",
-    "@web/dev-server": "0.3.1",
+    "@web/dev-server": "0.4.2",
     "@webcomponents/webcomponentsjs": "^2.8.0",
-    "concurrently": "8.2.0",
+    "concurrently": "8.2.2",
     "wct-browser-legacy": "1.0.2"
@@ -70,3 +71,3 @@ },
   ],
-  "gitHead": "2791492ff7ab40c7d4c827c4b305e33c0a971230"
+  "gitHead": "246242dfc335bb0f3baa59f801241be9d3b69180"
 }

simple-colors.stories.js

@@ -98,4 +98,4 @@ import { withKnobs } from "@open-wc/demoing-storybook";
       your interfaces, and/or swap accent colors on the fly.
-    </p>`
-    )
+    </p>`,
+    ),
   );
@@ -102,0 +102,0 @@ };

test/simple-colors.test.js

@@ -8,5 +8,5 @@ import { fixture, expect, html } from "@open-wc/testing";
   beforeEach(async () => {
-    element = await fixture(
-      html` <simple-colors title="test-title"></simple-colors> `
-    );
+    element = await fixture(html`
+      <simple-colors title="test-title"></simple-colors>
+    `);
   });
@@ -13,0 +13,0 @@

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

Improved metrics

Total package byte prevSize

291222

increased by0.09%

Lines of code

5162

increased by0.29%

Dependency changes

• Updated@lrnwebcomponents/a11y-utils@^8.0.1

• Updated@lrnwebcomponents/simple-colors-shared-styles@^8.0.1

• Updatedlit@^3.1.2