kss-modern 0.0.23 → 0.0.25

package/dist/node/lib/index.mjs

@@ -833,7 +833,7 @@ async function generateFullPageFile(data) {
         <link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/fullpage-light.svg">
       `}
     ${data.ogImageUrl ? `<meta property="og:image" content="${data.ogImageUrl}">` : ""}
-    <script type="module" src="/styleguide-assets/fullpage-BEOBUDsG.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-DOmxO-jm.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>

package/dist/styleguide-assets/.vite/manifest.json

@@ -22,7 +22,7 @@
     ]
   },
   "client/fullpage.ts": {
-    "file": "fullpage-BEOBUDsG.js",
+    "file": "fullpage-DOmxO-jm.js",
     "name": "fullpage",
     "src": "client/fullpage.ts",
     "isEntry": true,

package/dist/styleguide-assets/{fullpage-BEOBUDsG.js → fullpage-DOmxO-jm.js}

@@ -1,4 +1,4 @@
-class c {
+class d {
   modifier;
   placeholder;
   constructor(e) {
@@ -13,19 +13,19 @@ class c {
     const i = window.frameElement.getAttribute("data-modifier");
     if (!i)
       return null;
-    const t = i.split(".").filter((r) => r.length > 0).join(" "), n = new c({ modifier: t });
-    return n.initialize(e), n;
+    const t = i.split(".").filter((r) => r.length > 0).join(" "), o = new d({ modifier: t });
+    return o.initialize(e), o;
   }
   static fromUrl(e = document) {
     const t = new URLSearchParams(window.location.search).get("modifier");
     if (!t)
       return null;
-    const n = t.split(".").filter((o) => o.length > 0).join(" "), r = new c({ modifier: n });
+    const o = t.split(".").filter((n) => n.length > 0).join(" "), r = new d({ modifier: o });
     return r.initialize(e), r;
   }
   replaceAll(e) {
-    const i = encodeURIComponent(JSON.stringify(this.placeholder)), t = JSON.stringify({ modifierClass: this.placeholder }), n = encodeURIComponent(t);
-    return e.replace(new RegExp(this.escapeRegExp(this.placeholder), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(i), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(n), "g"), this.modifier);
+    const i = encodeURIComponent(JSON.stringify(this.placeholder)), t = JSON.stringify({ modifierClass: this.placeholder }), o = encodeURIComponent(t);
+    return e.replace(new RegExp(this.escapeRegExp(this.placeholder), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(i), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(o), "g"), this.modifier);
   }
   escapeRegExp(e) {
     return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -51,59 +51,65 @@ class c {
   }
   replaceInElementAttributes(e) {
     Array.from(e.attributes).forEach((i) => {
-      const t = i.value, n = this.replaceAll(t);
-      t !== n && (i.value = n);
+      const t = i.value, o = this.replaceAll(t);
+      t !== o && (i.value = o);
     });
   }
 }
-window.frameElement ? (window.frameElement.getAttribute("data-preview") === "true" && document.documentElement.classList.add("styleguide-preview"), window.frameElement.hasAttribute("data-modifier") && c.fromIframe(), window.runAccessibilityTest = async () => {
+window.frameElement ? (window.frameElement.getAttribute("data-preview") === "true" && document.documentElement.classList.add("styleguide-preview"), window.frameElement.hasAttribute("data-modifier") && d.fromIframe(), window.runAccessibilityTest = async () => {
   const u = async () => {
-    const { default: r } = await import("./axe-A2Ows1Aj.js").then((s) => s.a), o = await r.run("body", {
+    const { default: r } = await import("./axe-A2Ows1Aj.js").then((a) => a.a), n = await r.run("body", {
       rules: {
+        // color contrast can't be calculated correctly yet in axe-core
+        // when using dark-mode. See: https://github.com/dequelabs/axe-core/issues/3605
+        "color-contrast": { enabled: !1 },
         region: { enabled: !1 },
         "landmark-one-main": { enabled: !1 }
       }
     }).catch(console.error);
-    if (!o)
+    if (!n)
       throw new Error("No results from html-validate");
-    const d = /* @__PURE__ */ new Map(), l = (s) => {
-      s.forEach((m) => {
-        m.nodes.forEach((f) => {
-          f.target.forEach((a) => {
-            const p = r.utils.shadowSelect(a);
-            if (!p)
-              throw new Error(`Could not find element for selector: ${a}`);
-            d.set(a, p);
+    const m = /* @__PURE__ */ new Map(), l = (a) => {
+      a.forEach((f) => {
+        f.nodes.forEach((p) => {
+          p.target.forEach((c) => {
+            const s = r.utils.shadowSelect(c);
+            if (!s)
+              throw new Error(`Could not find element for selector: ${c}`);
+            m.set(c, s);
           });
         });
       });
     };
-    return l(o.violations), l(o.inapplicable), l(o.passes), l(o.incomplete), {
-      result: o,
-      targetMap: d
+    return l(n.violations), l(n.inapplicable), l(n.passes), l(n.incomplete), {
+      result: n,
+      targetMap: m
     };
   }, e = async () => {
-    const { HtmlValidate: r, StaticConfigLoader: o } = await import("./browser-Bjhprfz3.js"), d = new o(), l = new r(d), s = document.documentElement.outerHTML, { results: m } = await l.validateString(s, {
+    const { HtmlValidate: r, StaticConfigLoader: n } = await import("./browser-Bjhprfz3.js"), m = new n(), l = new r(m), a = await fetch(window.location.href);
+    if (!a.ok)
+      throw new Error(`Failed to fetch document for html-validate: ${a.status} ${a.statusText}`);
+    const f = await a.text(), { results: p } = await l.validateString(f, {
       rules: {
         "no-trailing-whitespace": "off",
         "no-inline-style": "off"
       }
-    }), f = m.map((a) => a.messages).flat();
-    return await Promise.all(f.map(async (a) => {
-      const w = (await l.getContextualDocumentation(a))?.description;
+    }), c = p.map((s) => s.messages).flat();
+    return await Promise.all(c.map(async (s) => {
+      const w = (await l.getContextualDocumentation(s))?.description;
       return {
-        ...a,
+        ...s,
         ruleDescription: w
       };
     }));
   }, [i, t] = await Promise.all([
     u(),
     e()
-  ]), n = new CustomEvent("accessibility-result", {
+  ]), o = new CustomEvent("accessibility-result", {
     detail: {
       axe: i,
       htmlValidate: t
     }
   });
-  window.frameElement?.dispatchEvent(n);
-}) : new URLSearchParams(window.location.search).get("modifier") && c.fromUrl();
+  window.frameElement?.dispatchEvent(o);
+}) : new URLSearchParams(window.location.search).get("modifier") && d.fromUrl();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kss-modern",
   "type": "module",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "Modern KSS compatible styleguide generator",
   "main": "./dist/node/lib/index.mjs",
   "types": "./dist/node/lib/index.d.ts",