kss-modern 0.0.21 → 0.0.23

package/dist/node/lib/index.mjs

@@ -145,7 +145,7 @@ async function logicalWriteFile(filepath, content) {
 }
 function fixAccessibilityIssues(html) {
   let parsedMarkup = html;
-  const omitValue = ["required", "disabled", "checked", "selected", "multiple", "readonly"];
+  const omitValue = ["required", "disabled", "checked", "selected", "multiple", "readonly", "open"];
   omitValue.forEach((value) => {
     parsedMarkup = parsedMarkup.replaceAll(`${value}="${value}"`, value).replaceAll(`${value}=""`, value);
   });
@@ -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/client-fullpage-CUwCohIj.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-BEOBUDsG.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
@@ -1140,9 +1140,10 @@ function getMainContentRegular(section, config) {
   if (config.mode === "development" && config.launchInEditor) {
     const computedRootPath = config.launchInEditor && typeof config.launchInEditor === "object" && "rootDir" in config.launchInEditor ? config.launchInEditor.rootDir : process.cwd();
     const cssFilePath = ensureStartingSlash(path.join(computedRootPath, section.source.css.file));
+    const cssLineNumber = section.source.css.line + 1;
     openInEditorPaths.css = {
-      vscode: `vscode://file//${cssFilePath}:${section.source.css.line}`,
-      phpstorm: `phpstorm://open?file=${cssFilePath}&line=${section.source.css.line}`
+      vscode: `vscode://file//${cssFilePath}:${cssLineNumber}`,
+      phpstorm: `phpstorm://open?file=${cssFilePath}&line=${cssLineNumber}`
     };
     if (section.source.markup && section.source.markup.file) {
       const htmlFilePath = ensureStartingSlash(path.join(computedRootPath, section.source.markup.file));
@@ -1591,8 +1592,112 @@ async function generatePreviewFile(data) {
         <meta name="theme-color" content="${data.theme}">
         <link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/preview-light.svg">
       `}
-    <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-CSsz22uP.css">
-    <script type="module" src="/styleguide-assets/client-Dr95NpXp.js"><\/script>
+    <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-BpMIuK1b.css">
+    <script>
+  async function g(t) {
+  const e = (o) => {
+    const n = o.contentWindow?.document;
+    if (!n)
+      return !1;
+    const s = n.body && n.body.children.length > 0, a = n.readyState === "complete";
+    return s && a && n.body.children.length > 0;
+  };
+  await Promise.allSettled(
+    t.map((o) => new Promise((n) => {
+      const s = setInterval(() => {
+        if (e(o))
+          return clearInterval(s), n();
+      }, 100);
+      setTimeout(() => (clearInterval(s), n()), 5e3);
+    }))
+  );
+}
+function u(t) {
+  const e = t.contentWindow?.document;
+  if (!e)
+    throw new Error("iFrame was not fully loaded yet");
+  t.style.height = "0px", t.offsetHeight;
+  const o = Math.max(
+    e.documentElement.scrollHeight,
+    e.body.scrollHeight,
+    e.documentElement.offsetHeight,
+    e.body.offsetHeight,
+    e.documentElement.clientHeight,
+    e.body.clientHeight
+  );
+  t.style.height = \`\${o}px\`;
+}
+function y() {
+  document.body.classList.add("js-loaded");
+}
+const E = async (t) => {
+  if (await g(t), t.forEach((e) => {
+    u(e);
+    const o = e.contentWindow;
+    if (!o)
+      return;
+    new ResizeObserver(() => u(e)).observe(o.document.body);
+  }), window.addEventListener("resize", () => {
+    t.forEach((e) => u(e));
+  }), window.location.hash) {
+    const e = document.querySelector(window.location.hash);
+    e && (await new Promise((o) => setTimeout(o, 200)), e.scrollIntoView());
+  }
+  y();
+}, f = "in2theme", l = {
+  normal: "theme-normal",
+  light: "theme-light",
+  dark: "theme-dark"
+};
+function v(t) {
+  const e = window.matchMedia("(prefers-color-scheme: dark)");
+  function o() {
+    const c = localStorage.getItem(f);
+    return c || localStorage.setItem(f, "normal"), c;
+  }
+  function n() {
+    const c = o();
+    let d = l[c];
+    c === "normal" && e.matches && (d = l.dark);
+    const m = (r) => {
+      Object.values(l).forEach((i) => r.classList.remove(i)), r.classList.remove("dark");
+    }, h = (r) => {
+      r.classList.add(d), d === l.dark && r.classList.add("dark");
+    };
+    m(t), h(t);
+    const w = document.querySelectorAll("iframe");
+    w && w.forEach((r) => {
+      m(r), h(r);
+    }), m(document.body), h(document.body), Array.from(document.querySelectorAll("iframe")).filter((r) => r.src.includes("embed.figma.com")).forEach((r) => {
+      const i = new URL(r.src);
+      c === "normal" ? i.searchParams.set("theme", "system") : i.searchParams.set("theme", c), r.src = i.href;
+    }), setTimeout(() => {
+      document.body.classList.add("allow-transitions");
+    }, 500);
+  }
+  e.addEventListener("change", () => {
+    o() === "normal" && n();
+  }), n(), t.addEventListener("change", () => {
+    const c = t.querySelector('input[name="theme"]:checked');
+    if (!c)
+      throw new Error("No selected theme found");
+    const d = c.value;
+    localStorage.setItem(f, d), n();
+  });
+  const s = o(), a = t.querySelector(\`input[value="\${s}"]\`);
+  if (!a)
+    throw new Error("No current theme input found");
+  a.checked = !0;
+}
+document.addEventListener("DOMContentLoaded", () => {
+  const t = document.querySelector(".theme-select");
+  t && v(t);
+  const e = Array.from(document.querySelectorAll(".preview-iframe"));
+  e.length > 0 ? E(e).catch(console.error) : y();
+});
+;
+<\/script>
+    <script type="module" src="/styleguide-assets/preview-CzDBmeSK.js"><\/script>
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-300-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">

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

@@ -3,17 +3,17 @@
     "file": "_commonjsHelpers-C6fGbg64.js",
     "name": "_commonjsHelpers"
   },
-  "_axe-B2M3jwef.js": {
-    "file": "axe-B2M3jwef.js",
+  "_axe-A2Ows1Aj.js": {
+    "file": "axe-A2Ows1Aj.js",
     "name": "axe",
     "isDynamicEntry": true,
     "imports": [
       "__commonjsHelpers-C6fGbg64.js"
     ]
   },
-  "_main-DJu5Mg_E.js": {
-    "file": "main-DJu5Mg_E.js",
-    "name": "main",
+  "_preview-Cknxd_cP.js": {
+    "file": "preview-Cknxd_cP.js",
+    "name": "preview",
     "dynamicImports": [
       "client/lib/html-validator.ts",
       "client/lib/icons.ts",
@@ -22,22 +22,22 @@
     ]
   },
   "client/fullpage.ts": {
-    "file": "client-fullpage-CUwCohIj.js",
-    "name": "client-fullpage",
+    "file": "fullpage-BEOBUDsG.js",
+    "name": "fullpage",
     "src": "client/fullpage.ts",
     "isEntry": true,
     "dynamicImports": [
-      "_axe-B2M3jwef.js",
+      "_axe-A2Ows1Aj.js",
       "node_modules/html-validate/dist/esm/browser.js"
     ]
   },
   "client/lib/clipboard.ts": {
-    "file": "clipboard-CmSioy8N.js",
+    "file": "clipboard-DULMn8xf.js",
     "name": "clipboard",
     "src": "client/lib/clipboard.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_main-DJu5Mg_E.js"
+      "_preview-Cknxd_cP.js"
     ]
   },
   "client/lib/editor-select.ts": {
@@ -47,34 +47,40 @@
     "isDynamicEntry": true
   },
   "client/lib/html-validator.ts": {
-    "file": "html-validator-BlXeWTXJ.js",
+    "file": "html-validator-DLEAmrmB.js",
     "name": "html-validator",
     "src": "client/lib/html-validator.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_main-DJu5Mg_E.js"
+      "_preview-Cknxd_cP.js"
     ]
   },
   "client/lib/icons.ts": {
-    "file": "icons-DfSfd5nI.js",
+    "file": "icons-s_oHNZd6.js",
     "name": "icons",
     "src": "client/lib/icons.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_main-DJu5Mg_E.js"
+      "_preview-Cknxd_cP.js"
     ]
   },
-  "client/main.ts": {
-    "file": "client-Dr95NpXp.js",
-    "name": "client",
-    "src": "client/main.ts",
+  "client/preview-inline.ts": {
+    "file": "preview-inline-D_Sx3c3_.js",
+    "name": "preview-inline",
+    "src": "client/preview-inline.ts",
+    "isEntry": true
+  },
+  "client/preview.ts": {
+    "file": "preview-CzDBmeSK.js",
+    "name": "preview",
+    "src": "client/preview.ts",
     "isEntry": true,
     "imports": [
-      "_main-DJu5Mg_E.js"
+      "_preview-Cknxd_cP.js"
     ]
   },
   "node_modules/html-validate/dist/esm/browser.js": {
-    "file": "browser-ImNvK64W.js",
+    "file": "browser-Bjhprfz3.js",
     "name": "browser",
     "src": "node_modules/html-validate/dist/esm/browser.js",
     "isDynamicEntry": true,
@@ -83,7 +89,7 @@
     ]
   },
   "style.css": {
-    "file": "kss-modern-CSsz22uP.css",
+    "file": "kss-modern-BpMIuK1b.css",
     "src": "style.css"
   }
 }