@dataforsyningen/designsystem - npm Package Compare versions

Comparing version 7.13.1 to 7.13.2

assets/designsystem.js

@@ -99,5 +99,2 @@ // src/js/toast.js
 
-// assets/icons/sun.svg
-var sun_default = '<svg class="ds-icon" width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <g stroke="var(--ds-icon-color, black)" stroke-linejoin="round" stroke-linecap="round" stroke-width="var(--ds-icon-stroke, 1)">\n    <path d="M0.5 14.5H3.5M25.5 14.5L28.5 14.5M14.49 0.5V3.5M14.5 25.5V28.5M4.6 24.4L6.72 22.28M22.28 6.72L24.4 4.6M4.59 4.61L6.72 6.73M22.28 22.28L24.4 24.4M22.5 14.5C22.5 18.92 18.92 22.5 14.5 22.5C10.08 22.5 6.5 18.92 6.5 14.5C6.5 10.08 10.08 6.5 14.5 6.5C18.92 6.5 22.5 10.08 22.5 14.5Z"/>\n  </g>\n</svg>';
-
 // src/js/themeToggle.js
@@ -133,2 +130,9 @@ var ThemeToggle = class extends HTMLElement {
   `;
+  iconSun = `
+    <svg class="ds-icon" width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g stroke="var(--ds-icon-color, black)" stroke-linejoin="round" stroke-linecap="round" stroke-width="var(--ds-icon-stroke, 1)">
+        <path d="M0.5 14.5H3.5M25.5 14.5L28.5 14.5M14.49 0.5V3.5M14.5 25.5V28.5M4.6 24.4L6.72 22.28M22.28 6.72L24.4 4.6M4.59 4.61L6.72 6.73M22.28 22.28L24.4 24.4M22.5 14.5C22.5 18.92 18.92 22.5 14.5 22.5C10.08 22.5 6.5 18.92 6.5 14.5C6.5 10.08 10.08 6.5 14.5 6.5C18.92 6.5 22.5 10.08 22.5 14.5Z"></path>
+      </g>
+    </svg>
+  `;
   constructor() {
@@ -147,7 +151,7 @@ super();
         <button title="Lys" data-toggle="light">
-          ${sun_default}
+          ${this.iconSun}
         </button>
         
         <button title="M\xF8rk" data-toggle="dark">
-          ${sun_default}
+          ${this.iconSun}
         </button>
@@ -154,0 +158,0 @@ </div>

package.json

 {
   "name": "@dataforsyningen/designsystem",
-  "version": "7.13.1",
+  "version": "7.13.2",
   "description": "Common design system for Klimadatastyrelsen with CSS, icons, UI components, and logo images.",
@@ -5,0 +5,0 @@ "type": "module",

src/js/themeToggle.js

@@ -1,3 +0,1 @@
-import iconSun from '../../assets/icons/sun.svg'
-
 export class ThemeToggle extends HTMLElement {
@@ -33,2 +31,9 @@
   `
+  iconSun = `
+    <svg class="ds-icon" width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g stroke="var(--ds-icon-color, black)" stroke-linejoin="round" stroke-linecap="round" stroke-width="var(--ds-icon-stroke, 1)">
+        <path d="M0.5 14.5H3.5M25.5 14.5L28.5 14.5M14.49 0.5V3.5M14.5 25.5V28.5M4.6 24.4L6.72 22.28M22.28 6.72L24.4 4.6M4.59 4.61L6.72 6.73M22.28 22.28L24.4 24.4M22.5 14.5C22.5 18.92 18.92 22.5 14.5 22.5C10.08 22.5 6.5 18.92 6.5 14.5C6.5 10.08 10.08 6.5 14.5 6.5C18.92 6.5 22.5 10.08 22.5 14.5Z"></path>
+      </g>
+    </svg>
+  `
 
@@ -51,7 +56,7 @@ constructor() {
         <button title="Lys" data-toggle="light">
-          ${ iconSun }
+          ${ this.iconSun }
         </button>
         
         <button title="Mørk" data-toggle="dark">
-          ${ iconSun }
+          ${ this.iconSun }
         </button>
@@ -58,0 +63,0 @@ </div>

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

4653948

increased by0.01%

Lines of code

3970

increased by0.28%

No dependency changes