kss-modern 0.0.31 → 0.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -896,7 +896,7 @@ async function generateFullPageFile(data) {
896
896
  <link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/fullpage-light.svg">
897
897
  `}
898
898
  ${data.ogImageUrl ? `<meta property="og:image" content="${data.ogImageUrl}">` : ""}
899
- <script type="module" src="/styleguide-assets/fullpage-DrO6Pf-j.js"><\/script>
899
+ <script type="module" src="/styleguide-assets/fullpage-kAiscyr9.js"><\/script>
900
900
  ${computedStyleTags}
901
901
  </head>
902
902
  <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
@@ -1676,7 +1676,7 @@ async function generatePreviewFile(data) {
1676
1676
  <meta name="theme-color" content="${data.theme}">
1677
1677
  <link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/preview-light.svg">
1678
1678
  `}
1679
- <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-0DbuyC1o.css">
1679
+ <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-BkkOBdO7.css">
1680
1680
  <script>
1681
1681
  async function g(t) {
1682
1682
  const e = (o) => {
@@ -1696,7 +1696,7 @@ async function generatePreviewFile(data) {
1696
1696
  }))
1697
1697
  );
1698
1698
  }
1699
- function u(t) {
1699
+ function h(t) {
1700
1700
  const e = t.contentWindow?.document;
1701
1701
  if (!e)
1702
1702
  throw new Error("iFrame was not fully loaded yet");
@@ -1716,45 +1716,45 @@ function y() {
1716
1716
  }
1717
1717
  const E = async (t) => {
1718
1718
  if (await g(t), t.forEach((e) => {
1719
- u(e);
1719
+ h(e);
1720
1720
  const o = e.contentWindow;
1721
1721
  if (!o)
1722
1722
  return;
1723
- new ResizeObserver(() => u(e)).observe(o.document.body);
1723
+ new ResizeObserver(() => h(e)).observe(o.document.body);
1724
1724
  }), window.addEventListener("resize", () => {
1725
- t.forEach((e) => u(e));
1725
+ t.forEach((e) => h(e));
1726
1726
  }), window.location.hash) {
1727
1727
  const e = document.querySelector(window.location.hash);
1728
1728
  e && (await new Promise((o) => setTimeout(o, 200)), e.scrollIntoView());
1729
1729
  }
1730
1730
  y();
1731
- }, f = "in2theme", l = {
1731
+ }, u = "in2theme", f = {
1732
1732
  normal: "theme-normal",
1733
1733
  light: "theme-light",
1734
1734
  dark: "theme-dark"
1735
1735
  };
1736
- function v(t) {
1736
+ function I(t) {
1737
1737
  const e = window.matchMedia("(prefers-color-scheme: dark)");
1738
1738
  function o() {
1739
- const c = localStorage.getItem(f);
1740
- return c || localStorage.setItem(f, "normal"), c;
1739
+ const r = localStorage.getItem(u);
1740
+ return r || localStorage.setItem(u, "normal"), r;
1741
1741
  }
1742
1742
  function n() {
1743
- const c = o();
1744
- let d = l[c];
1745
- c === "normal" && e.matches && (d = l.dark);
1746
- const m = (r) => {
1747
- Object.values(l).forEach((i) => r.classList.remove(i)), r.classList.remove("dark");
1748
- }, h = (r) => {
1749
- r.classList.add(d), d === l.dark && r.classList.add("dark");
1743
+ const r = o();
1744
+ let i = f[r];
1745
+ r === "normal" && e.matches && (i = f.dark);
1746
+ const d = (c) => {
1747
+ Object.values(f).forEach((l) => c.classList.remove(l));
1748
+ }, m = (c) => {
1749
+ c.classList.add(i);
1750
1750
  };
1751
- m(t), h(t);
1751
+ d(t), m(t);
1752
1752
  const w = document.querySelectorAll("iframe");
1753
- w && w.forEach((r) => {
1754
- m(r), h(r);
1755
- }), m(document.body), h(document.body), Array.from(document.querySelectorAll("iframe")).filter((r) => r.src.includes("embed.figma.com")).forEach((r) => {
1756
- const i = new URL(r.src);
1757
- c === "normal" ? i.searchParams.set("theme", "system") : i.searchParams.set("theme", c), r.src = i.href;
1753
+ w && w.forEach((c) => {
1754
+ d(c), m(c);
1755
+ }), d(document.body), m(document.body), Array.from(document.querySelectorAll("iframe")).filter((c) => c.src.includes("embed.figma.com")).forEach((c) => {
1756
+ const l = new URL(c.src);
1757
+ r === "normal" ? l.searchParams.set("theme", "system") : l.searchParams.set("theme", r), c.src = l.href;
1758
1758
  }), setTimeout(() => {
1759
1759
  document.body.classList.add("allow-transitions");
1760
1760
  }, 500);
@@ -1762,11 +1762,11 @@ function v(t) {
1762
1762
  e.addEventListener("change", () => {
1763
1763
  o() === "normal" && n();
1764
1764
  }), n(), t.addEventListener("change", () => {
1765
- const c = t.querySelector('input[name="theme"]:checked');
1766
- if (!c)
1765
+ const r = t.querySelector('input[name="theme"]:checked');
1766
+ if (!r)
1767
1767
  throw new Error("No selected theme found");
1768
- const d = c.value;
1769
- localStorage.setItem(f, d), n();
1768
+ const i = r.value;
1769
+ localStorage.setItem(u, i), n();
1770
1770
  });
1771
1771
  const s = o(), a = t.querySelector(\`input[value="\${s}"]\`);
1772
1772
  if (!a)
@@ -1775,13 +1775,13 @@ function v(t) {
1775
1775
  }
1776
1776
  document.addEventListener("DOMContentLoaded", () => {
1777
1777
  const t = document.querySelector(".theme-select");
1778
- t && v(t);
1778
+ t && I(t);
1779
1779
  const e = Array.from(document.querySelectorAll(".preview-iframe"));
1780
1780
  e.length > 0 ? E(e).catch(console.error) : y();
1781
1781
  });
1782
1782
  ;
1783
1783
  <\/script>
1784
- <script type="module" src="/styleguide-assets/preview-BEjhZpMJ.js"><\/script>
1784
+ <script type="module" src="/styleguide-assets/preview-CxKiVux2.js"><\/script>
1785
1785
  <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
1786
1786
  <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
1787
1787
  <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-300-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
@@ -11,8 +11,8 @@
11
11
  "__commonjsHelpers-C6fGbg64.js"
12
12
  ]
13
13
  },
14
- "_preview-DPxxNbje.js": {
15
- "file": "preview-DPxxNbje.js",
14
+ "_preview-CRWbT02v.js": {
15
+ "file": "preview-CRWbT02v.js",
16
16
  "name": "preview",
17
17
  "dynamicImports": [
18
18
  "client/lib/html-validator.ts",
@@ -22,7 +22,7 @@
22
22
  ]
23
23
  },
24
24
  "client/fullpage.ts": {
25
- "file": "fullpage-DrO6Pf-j.js",
25
+ "file": "fullpage-kAiscyr9.js",
26
26
  "name": "fullpage",
27
27
  "src": "client/fullpage.ts",
28
28
  "isEntry": true,
@@ -32,12 +32,12 @@
32
32
  ]
33
33
  },
34
34
  "client/lib/clipboard.ts": {
35
- "file": "clipboard-i4npi5eE.js",
35
+ "file": "clipboard-CHXwXttp.js",
36
36
  "name": "clipboard",
37
37
  "src": "client/lib/clipboard.ts",
38
38
  "isDynamicEntry": true,
39
39
  "imports": [
40
- "_preview-DPxxNbje.js"
40
+ "_preview-CRWbT02v.js"
41
41
  ]
42
42
  },
43
43
  "client/lib/editor-select.ts": {
@@ -47,40 +47,40 @@
47
47
  "isDynamicEntry": true
48
48
  },
49
49
  "client/lib/html-validator.ts": {
50
- "file": "html-validator-DhHfNeuO.js",
50
+ "file": "html-validator-BtuDJsqz.js",
51
51
  "name": "html-validator",
52
52
  "src": "client/lib/html-validator.ts",
53
53
  "isDynamicEntry": true,
54
54
  "imports": [
55
- "_preview-DPxxNbje.js"
55
+ "_preview-CRWbT02v.js"
56
56
  ]
57
57
  },
58
58
  "client/lib/icons.ts": {
59
- "file": "icons-CR3LIhPh.js",
59
+ "file": "icons-C6_hfgSL.js",
60
60
  "name": "icons",
61
61
  "src": "client/lib/icons.ts",
62
62
  "isDynamicEntry": true,
63
63
  "imports": [
64
- "_preview-DPxxNbje.js"
64
+ "_preview-CRWbT02v.js"
65
65
  ]
66
66
  },
67
67
  "client/preview-inline.ts": {
68
- "file": "preview-inline-D_Sx3c3_.js",
68
+ "file": "preview-inline-FHbYQtac.js",
69
69
  "name": "preview-inline",
70
70
  "src": "client/preview-inline.ts",
71
71
  "isEntry": true
72
72
  },
73
73
  "client/preview.ts": {
74
- "file": "preview-BEjhZpMJ.js",
74
+ "file": "preview-CxKiVux2.js",
75
75
  "name": "preview",
76
76
  "src": "client/preview.ts",
77
77
  "isEntry": true,
78
78
  "imports": [
79
- "_preview-DPxxNbje.js"
79
+ "_preview-CRWbT02v.js"
80
80
  ]
81
81
  },
82
82
  "node_modules/html-validate/dist/esm/browser.js": {
83
- "file": "browser-foEci-k2.js",
83
+ "file": "browser-fpsWKfdu.js",
84
84
  "name": "browser",
85
85
  "src": "node_modules/html-validate/dist/esm/browser.js",
86
86
  "isDynamicEntry": true,
@@ -89,7 +89,7 @@
89
89
  ]
90
90
  },
91
91
  "style.css": {
92
- "file": "kss-modern-0DbuyC1o.css",
92
+ "file": "kss-modern-BkkOBdO7.css",
93
93
  "src": "style.css"
94
94
  }
95
95
  }