kss-modern 0.0.48 → 1.0.0
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.
- package/dist/node/lib/index.mjs +10 -13
- package/dist/styleguide-assets/.vite/manifest.json +11 -11
- package/dist/styleguide-assets/{animate-C4Uc6ztd.js → animate-BwJZPSbF.js} +18 -18
- package/dist/styleguide-assets/{axe-B_niXOpn.js → axe-Cd_oCzvh.js} +1 -1
- package/dist/styleguide-assets/{browser-C209ZHDH.js → browser-DfbHtzxK.js} +1907 -1668
- package/dist/styleguide-assets/{clipboard-BQf2MokQ.js → clipboard-BqN2XQ0C.js} +1 -1
- package/dist/styleguide-assets/{fullpage-B4TYMCjK.js → fullpage-Bu4DpBQh.js} +2 -2
- package/dist/styleguide-assets/{icons-v8DzEgTa.js → icons-DICmq5xt.js} +1 -1
- package/dist/styleguide-assets/{preview-B9hjQPp8.js → preview-8L8aaFj4.js} +3 -3
- package/package.json +25 -8
package/dist/node/lib/index.mjs
CHANGED
|
@@ -952,14 +952,13 @@ async function generateFullPageFile(data) {
|
|
|
952
952
|
<meta charset="UTF-8">
|
|
953
953
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
954
954
|
<meta name="generator" content="styleguide">
|
|
955
|
-
|
|
956
|
-
<link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/fullpage.svg">
|
|
957
|
-
` : `
|
|
958
|
-
<meta name="theme-color" content="${data.theme}">
|
|
959
|
-
<link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/fullpage-light.svg">
|
|
960
|
-
`}
|
|
955
|
+
<link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/fullpage.svg">
|
|
961
956
|
${data.ogImageUrl ? `<meta property="og:image" content="${data.ogImageUrl}">` : ""}
|
|
962
|
-
|
|
957
|
+
${typeof data.theme === "object" && "dark" in data.theme && "light" in data.theme ? `
|
|
958
|
+
<meta name="theme-color" media="(prefers-color-scheme: light)" content="${data.theme.light}">
|
|
959
|
+
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="${data.theme.dark}">
|
|
960
|
+
` : `<meta name="theme-color" content="${data.theme}">`}
|
|
961
|
+
<script type="module" src="/styleguide-assets/fullpage-Bu4DpBQh.js"><\/script>
|
|
963
962
|
${computedStyleTags}
|
|
964
963
|
</head>
|
|
965
964
|
<body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
|
|
@@ -1756,14 +1755,12 @@ async function generatePreviewFile(data) {
|
|
|
1756
1755
|
<meta charset="UTF-8">
|
|
1757
1756
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
1758
1757
|
<meta name="generator" content="styleguide">
|
|
1758
|
+
<link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/preview.svg">
|
|
1759
|
+
${data.ogImageUrl ? `<meta property="og:image" content="${data.ogImageUrl}">` : ""}
|
|
1759
1760
|
${typeof data.theme === "object" && "dark" in data.theme && "light" in data.theme ? `
|
|
1760
1761
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="${data.theme.light}">
|
|
1761
1762
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="${data.theme.dark}">
|
|
1762
|
-
|
|
1763
|
-
` : `
|
|
1764
|
-
<meta name="theme-color" content="${data.theme}">
|
|
1765
|
-
<link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/preview-light.svg">
|
|
1766
|
-
`}
|
|
1763
|
+
` : `<meta name="theme-color" content="${data.theme}">`}
|
|
1767
1764
|
<link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-BiyuVoXa.css">
|
|
1768
1765
|
<script>
|
|
1769
1766
|
//#region client/lib/iframe-resize.ts
|
|
@@ -1917,7 +1914,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
1917
1914
|
//#endregion
|
|
1918
1915
|
;
|
|
1919
1916
|
<\/script>
|
|
1920
|
-
<script type="module" src="/styleguide-assets/preview-
|
|
1917
|
+
<script type="module" src="/styleguide-assets/preview-8L8aaFj4.js"><\/script>
|
|
1921
1918
|
<link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
|
1922
1919
|
<link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
|
1923
1920
|
<link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-300-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"_animate-
|
|
3
|
-
"file": "animate-
|
|
2
|
+
"_animate-BwJZPSbF.js": {
|
|
3
|
+
"file": "animate-BwJZPSbF.js",
|
|
4
4
|
"name": "animate"
|
|
5
5
|
},
|
|
6
6
|
"_code-highlight-ClkzHTGA.js": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"name": "utils"
|
|
17
17
|
},
|
|
18
18
|
"client/fullpage.ts": {
|
|
19
|
-
"file": "fullpage-
|
|
19
|
+
"file": "fullpage-Bu4DpBQh.js",
|
|
20
20
|
"name": "fullpage",
|
|
21
21
|
"src": "client/fullpage.ts",
|
|
22
22
|
"isEntry": true,
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
]
|
|
27
27
|
},
|
|
28
28
|
"client/lib/clipboard.ts": {
|
|
29
|
-
"file": "clipboard-
|
|
29
|
+
"file": "clipboard-BqN2XQ0C.js",
|
|
30
30
|
"name": "clipboard",
|
|
31
31
|
"src": "client/lib/clipboard.ts",
|
|
32
32
|
"isDynamicEntry": true,
|
|
33
33
|
"imports": [
|
|
34
34
|
"_signal-ZVBNTRLw.js",
|
|
35
35
|
"_utils-DrMb1LbR.js",
|
|
36
|
-
"_animate-
|
|
36
|
+
"_animate-BwJZPSbF.js"
|
|
37
37
|
]
|
|
38
38
|
},
|
|
39
39
|
"client/lib/editor-select.ts": {
|
|
@@ -53,13 +53,13 @@
|
|
|
53
53
|
]
|
|
54
54
|
},
|
|
55
55
|
"client/lib/icons.ts": {
|
|
56
|
-
"file": "icons-
|
|
56
|
+
"file": "icons-DICmq5xt.js",
|
|
57
57
|
"name": "icons",
|
|
58
58
|
"src": "client/lib/icons.ts",
|
|
59
59
|
"isDynamicEntry": true,
|
|
60
60
|
"imports": [
|
|
61
61
|
"_utils-DrMb1LbR.js",
|
|
62
|
-
"_animate-
|
|
62
|
+
"_animate-BwJZPSbF.js"
|
|
63
63
|
]
|
|
64
64
|
},
|
|
65
65
|
"client/preview-inline.ts": {
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"isEntry": true
|
|
70
70
|
},
|
|
71
71
|
"client/preview.ts": {
|
|
72
|
-
"file": "preview-
|
|
72
|
+
"file": "preview-8L8aaFj4.js",
|
|
73
73
|
"name": "preview",
|
|
74
74
|
"src": "client/preview.ts",
|
|
75
75
|
"isEntry": true,
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"_code-highlight-ClkzHTGA.js",
|
|
78
78
|
"_signal-ZVBNTRLw.js",
|
|
79
79
|
"_utils-DrMb1LbR.js",
|
|
80
|
-
"_animate-
|
|
80
|
+
"_animate-BwJZPSbF.js"
|
|
81
81
|
],
|
|
82
82
|
"dynamicImports": [
|
|
83
83
|
"client/lib/html-validator.ts",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
]
|
|
88
88
|
},
|
|
89
89
|
"node_modules/axe-core/axe.js": {
|
|
90
|
-
"file": "axe-
|
|
90
|
+
"file": "axe-Cd_oCzvh.js",
|
|
91
91
|
"name": "axe",
|
|
92
92
|
"src": "node_modules/axe-core/axe.js",
|
|
93
93
|
"isDynamicEntry": true,
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
]
|
|
97
97
|
},
|
|
98
98
|
"node_modules/html-validate/dist/esm/browser.js": {
|
|
99
|
-
"file": "browser-
|
|
99
|
+
"file": "browser-DfbHtzxK.js",
|
|
100
100
|
"name": "browser",
|
|
101
101
|
"src": "node_modules/html-validate/dist/esm/browser.js",
|
|
102
102
|
"isDynamicEntry": true,
|
|
@@ -11,7 +11,7 @@ function t(e, t) {
|
|
|
11
11
|
var n = (e, t, n) => n > t ? t : n < e ? e : n, r = {}, i = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), a = (e) => typeof e == "object" && !!e, o = (e) => /^0[^.\s]+$/u.test(e);
|
|
12
12
|
//#endregion
|
|
13
13
|
//#region node_modules/motion-utils/dist/es/memo.mjs
|
|
14
|
-
|
|
14
|
+
/*#__NO_SIDE_EFFECTS__*/
|
|
15
15
|
function s(e) {
|
|
16
16
|
let t;
|
|
17
17
|
return () => (t === void 0 && (t = e()), t);
|
|
@@ -53,7 +53,7 @@ function y(e, t, n, r, i) {
|
|
|
53
53
|
while (Math.abs(a) > _ && ++s < v);
|
|
54
54
|
return o;
|
|
55
55
|
}
|
|
56
|
-
|
|
56
|
+
/*#__NO_SIDE_EFFECTS__*/
|
|
57
57
|
function b(e, t, n, r) {
|
|
58
58
|
if (e === t && n === r) return c;
|
|
59
59
|
let i = (t) => y(t, 0, 1, e, n);
|
|
@@ -61,10 +61,10 @@ function b(e, t, n, r) {
|
|
|
61
61
|
}
|
|
62
62
|
//#endregion
|
|
63
63
|
//#region node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
|
|
64
|
-
var x = /* @__NO_SIDE_EFFECTS__ */ (e) => (t) => t <= .5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, S = /* @__NO_SIDE_EFFECTS__ */ (e) => (t) => 1 - e(1 - t), C =
|
|
64
|
+
var x = /* @__NO_SIDE_EFFECTS__ */ (e) => (t) => t <= .5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, S = /* @__NO_SIDE_EFFECTS__ */ (e) => (t) => 1 - e(1 - t), C = /*@__PURE__*/ b(.33, 1.53, .69, .99), w = /*@__PURE__*/ S(C), T = /*@__PURE__*/ x(w), E = (e) => e >= 1 ? 1 : (e *= 2) < 1 ? .5 * w(e) : .5 * (2 - 2 ** (-10 * (e - 1))), D = (e) => 1 - Math.sin(Math.acos(e)), ee = /* @__PURE__ */ S(D), te = /* @__PURE__ */ x(D), ne = /*@__PURE__*/ b(.42, 0, 1, 1), re = /*@__PURE__*/ b(0, 0, .58, 1), ie = /*@__PURE__*/ b(.42, 0, .58, 1), ae = /* @__NO_SIDE_EFFECTS__ */ (e) => Array.isArray(e) && typeof e[0] != "number";
|
|
65
65
|
//#endregion
|
|
66
66
|
//#region node_modules/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs
|
|
67
|
-
|
|
67
|
+
/*#__NO_SIDE_EFFECTS__*/
|
|
68
68
|
function oe(e, t) {
|
|
69
69
|
return /* @__PURE__ */ ae(e) ? e[h(0, e.length, t)] : e;
|
|
70
70
|
}
|
|
@@ -174,7 +174,7 @@ var k = {
|
|
|
174
174
|
layout: 0,
|
|
175
175
|
mainThread: 0,
|
|
176
176
|
waapi: 0
|
|
177
|
-
}, Se = (e) => (t) => typeof t == "string" && t.startsWith(e), Ce =
|
|
177
|
+
}, Se = (e) => (t) => typeof t == "string" && t.startsWith(e), Ce = /*@__PURE__*/ Se("--"), we = /*@__PURE__*/ Se("var(--"), Te = (e) => we(e) ? Ee.test(e.split("/*")[0].trim()) : !1, Ee = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
|
|
178
178
|
function De(e) {
|
|
179
179
|
return typeof e == "string" ? e.split("/*")[0].includes("var(--") : !1;
|
|
180
180
|
}
|
|
@@ -211,8 +211,8 @@ var je = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(
|
|
|
211
211
|
...A,
|
|
212
212
|
transform: (e) => Math.round(Pe(e))
|
|
213
213
|
}, N = {
|
|
214
|
-
test:
|
|
215
|
-
parse:
|
|
214
|
+
test: /*@__PURE__*/ Me("rgb", "red"),
|
|
215
|
+
parse: /*@__PURE__*/ Ne("red", "green", "blue"),
|
|
216
216
|
transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + Fe.transform(e) + ", " + Fe.transform(t) + ", " + Fe.transform(n) + ", " + M(j.transform(r)) + ")"
|
|
217
217
|
};
|
|
218
218
|
//#endregion
|
|
@@ -227,20 +227,20 @@ function Ie(e) {
|
|
|
227
227
|
};
|
|
228
228
|
}
|
|
229
229
|
var Le = {
|
|
230
|
-
test:
|
|
230
|
+
test: /*@__PURE__*/ Me("#"),
|
|
231
231
|
parse: Ie,
|
|
232
232
|
transform: N.transform
|
|
233
233
|
}, P = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
|
|
234
234
|
test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
|
|
235
235
|
parse: parseFloat,
|
|
236
236
|
transform: (t) => `${t}${e}`
|
|
237
|
-
}), F =
|
|
237
|
+
}), F = /*@__PURE__*/ P("deg"), I = /*@__PURE__*/ P("%"), L = /*@__PURE__*/ P("px"), Re = /*@__PURE__*/ P("vh"), ze = /*@__PURE__*/ P("vw"), Be = {
|
|
238
238
|
...I,
|
|
239
239
|
parse: (e) => I.parse(e) / 100,
|
|
240
240
|
transform: (e) => I.transform(e * 100)
|
|
241
241
|
}, R = {
|
|
242
|
-
test:
|
|
243
|
-
parse:
|
|
242
|
+
test: /*@__PURE__*/ Me("hsl", "hue"),
|
|
243
|
+
parse: /*@__PURE__*/ Ne("hue", "saturation", "lightness"),
|
|
244
244
|
transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + I.transform(M(t)) + ", " + I.transform(M(n)) + ", " + M(j.transform(r)) + ")"
|
|
245
245
|
}, z = {
|
|
246
246
|
test: (e) => N.test(e) || Le.test(e) || R.test(e),
|
|
@@ -1018,7 +1018,7 @@ function xn(e, t) {
|
|
|
1018
1018
|
}
|
|
1019
1019
|
//#endregion
|
|
1020
1020
|
//#region node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.mjs
|
|
1021
|
-
var Sn = /* @__PURE__ */ xn(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Cn =
|
|
1021
|
+
var Sn = /* @__PURE__ */ xn(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Cn = /*@__PURE__*/ xn(() => {
|
|
1022
1022
|
try {
|
|
1023
1023
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
1024
1024
|
} catch {
|
|
@@ -1031,25 +1031,25 @@ var Sn = /* @__PURE__ */ xn(() => window.ScrollTimeline !== void 0, "scrollTimel
|
|
|
1031
1031
|
easeIn: "ease-in",
|
|
1032
1032
|
easeOut: "ease-out",
|
|
1033
1033
|
easeInOut: "ease-in-out",
|
|
1034
|
-
circIn:
|
|
1034
|
+
circIn: /*@__PURE__*/ wn([
|
|
1035
1035
|
0,
|
|
1036
1036
|
.65,
|
|
1037
1037
|
.55,
|
|
1038
1038
|
1
|
|
1039
1039
|
]),
|
|
1040
|
-
circOut:
|
|
1040
|
+
circOut: /*@__PURE__*/ wn([
|
|
1041
1041
|
.55,
|
|
1042
1042
|
0,
|
|
1043
1043
|
1,
|
|
1044
1044
|
.45
|
|
1045
1045
|
]),
|
|
1046
|
-
backIn:
|
|
1046
|
+
backIn: /*@__PURE__*/ wn([
|
|
1047
1047
|
.31,
|
|
1048
1048
|
.01,
|
|
1049
1049
|
.66,
|
|
1050
1050
|
-.59
|
|
1051
1051
|
]),
|
|
1052
|
-
backOut:
|
|
1052
|
+
backOut: /*@__PURE__*/ wn([
|
|
1053
1053
|
.33,
|
|
1054
1054
|
1.53,
|
|
1055
1055
|
.69,
|
|
@@ -1240,7 +1240,7 @@ var Un = new Set([
|
|
|
1240
1240
|
"borderRightColor",
|
|
1241
1241
|
"borderBottomColor",
|
|
1242
1242
|
"borderLeftColor"
|
|
1243
|
-
]), Wn =
|
|
1243
|
+
]), Wn = /*@__PURE__*/ s(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
|
|
1244
1244
|
function Gn(e) {
|
|
1245
1245
|
let { motionValue: t, name: n, repeatDelay: r, repeatType: i, damping: a, type: o, keyframes: s } = e;
|
|
1246
1246
|
if (!(t?.owner?.current instanceof HTMLElement)) return !1;
|
|
@@ -1887,7 +1887,7 @@ var Ir = /\b([a-z-]*)\(.*?\)/gu, Lr = {
|
|
|
1887
1887
|
WebkitFilter: Lr,
|
|
1888
1888
|
mask: Rr,
|
|
1889
1889
|
WebkitMask: Rr
|
|
1890
|
-
}, Hr = (e) => Vr[e], Ur =
|
|
1890
|
+
}, Hr = (e) => Vr[e], Ur = /*@__PURE__*/ new Set([Lr, Rr]);
|
|
1891
1891
|
function Wr(e, t) {
|
|
1892
1892
|
let n = Hr(e);
|
|
1893
1893
|
return Ur.has(n) || (n = V), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
|