npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241029160403 → 11.0.0-SNAPSHOT-20241030100919 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241029160403 → 11.0.0-SNAPSHOT-20241030100919

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.

Files changed (183) hide show

package/dist/components/kup-manager.js CHANGED Viewed

@@ -3673,12 +3673,12 @@ const octane = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const octaneGrey = {
 	cssVariables: {
@@ -3794,12 +3794,12 @@ const octaneGrey = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const darkOctane = {
 	cssVariables: {
@@ -3919,12 +3919,12 @@ const darkOctane = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const darkOctaneGray = {
 	cssVariables: {
@@ -4044,12 +4044,12 @@ const darkOctaneGray = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const bubbles = {
 	cssVariables: {
@@ -4111,8 +4111,8 @@ const bubbles = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Lato, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#2e2e2e",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -4168,8 +4168,9 @@ const bubbles = {
 	},
 	customStyles: {
 	},
-	imports: [
-		"@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const cobalt = {
@@ -4236,8 +4237,8 @@ const cobalt = {
 		"--kup-drawer-color": "#65cbe9",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Blinker, sans-serif;",
-		"--kup-font-family-monospace": "Andalé Mono, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#65cbe9",
 		"--kup-text-on-primary-color": "#f1f7ff",
@@ -4293,8 +4294,9 @@ const cobalt = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Blinker:wght@200;300;600&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const dark = {
@@ -4361,8 +4363,8 @@ const dark = {
 		"--kup-drawer-color": "#f5f5f5",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Lato, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#f5f5f5",
 		"--kup-text-on-primary-color": "#555555",
@@ -4418,8 +4420,9 @@ const dark = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const flamingo = {
@@ -4486,8 +4489,8 @@ const flamingo = {
 		"--kup-drawer-color": "#f5f5f5",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Mali, cursive;",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#f5f5f5",
 		"--kup-text-on-primary-color": "#000000",
@@ -4543,8 +4546,9 @@ const flamingo = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Mali:wght@300&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const graphite = {
@@ -4742,8 +4746,8 @@ const ketchup = {
 		"--kup-drawer-color": "#595959",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Ubuntu, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#595959",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -4799,8 +4803,9 @@ const ketchup = {
 		"--kup-key-icon": "key",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const obsidian = {
@@ -4867,8 +4872,8 @@ const obsidian = {
 		"--kup-drawer-color": "#4c4c4d",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Open Sans, arial, helvatica",
-		"--kup-font-family-monospace": "Courier New, Courier, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#4c4c4d",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -4930,8 +4935,9 @@ const obsidian = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const ocean = {
@@ -4995,8 +5001,8 @@ const ocean = {
 		"--kup-navbar-background-color": "#262626",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Open Sans Condensed, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#1b1b1b",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -5052,8 +5058,9 @@ const ocean = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const print = {
@@ -5258,8 +5265,8 @@ const raj = {
 		"--kup-drawer-color": "#ffffff",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "'Rajdhani', sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#ffffff",
 		"--kup-text-on-primary-color": "#000000",
@@ -5315,8 +5322,9 @@ const raj = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const red = {
@@ -5383,8 +5391,8 @@ const red = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Open Sans, arial, helvatica",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#000000",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -5448,8 +5456,9 @@ const red = {
 	},
 	customStyles: {
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const sapphire = {
@@ -5581,7 +5590,11 @@ const sapphire = {
 	},
 	customStyles: {
 		"KUP-DATA-TABLE": "#kup-component th { --kup_datatable_th_border: none; font-weight: normal; }"
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const silver = {
 	cssVariables: {
@@ -5647,8 +5660,8 @@ const silver = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "80px",
 		"--kup-drawer-width": "320px",
-		"--kup-font-family": "Oswald, sans-serif",
-		"--kup-font-family-monospace": "Xanh Mono, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#fefefe",
 		"--kup-text-on-primary-color": "#4a4a4a",
@@ -5707,11 +5720,12 @@ const silver = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Xanh+Mono&display=swap')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const teal = {
 	cssVariables: {
@@ -5905,8 +5919,8 @@ const wildlife = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Abel, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#000000",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -5962,8 +5976,9 @@ const wildlife = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Abel&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const themes = {
@@ -6354,6 +6369,15 @@ var KupThemeIconValues;
     KupThemeIconValues["KEY"] = "--kup-key-icon";
     KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
+var KupThemeFonts;
+(function (KupThemeFonts) {
+    KupThemeFonts["IBM_PLEX_MONO"] = "IbmPlexMono-Regular";
+    KupThemeFonts["IBM_PLEX_SANS"] = "IbmPlexSans-Regular";
+})(KupThemeFonts || (KupThemeFonts = {}));
+const KupThemeFontFamilyMap = {
+    [KupThemeFonts.IBM_PLEX_MONO]: 'IBM Plex Mono',
+    [KupThemeFonts.IBM_PLEX_SANS]: 'IBM Plex Sans',
+};
 const dom$c = document.documentElement;
 /**
@@ -6373,18 +6397,21 @@ class KupTheme {
             .querySelector('head')
             .appendChild(document.createElement('style'));
     }
-    /**
-     * Sets the CSS variables of the theme.
-     */
-    imports() {
-        const imports = this.list[this.name].imports
-            ? this.list[this.name].imports
-            : [];
-        let css = '';
-        for (let index = 0; index < imports.length; index++) {
-            css += '@import ' + imports[index] + ';';
+    fonts() {
+        const theme = this.list[this.name];
+        let fonts = '';
+        if (theme.fonts) {
+            theme.fonts.forEach((f) => {
+                const fontPath = getAssetPath(`./assets/fonts/${f}`);
+                const fontFace = `@font-face {
+                    font-family: ${KupThemeFontFamilyMap[f]};
+                    src: url('${fontPath}.woff2') format('woff2'),
+                         url('${fontPath}.woff') format('woff');
+                  }`;
+                fonts += fontFace;
+            });
         }
-        return css;
+        return fonts;
     }
     /**
      * Sets the CSS variables of the theme.
@@ -6463,7 +6490,7 @@ class KupTheme {
         }
         this.cssVars = {};
         this.styleTag.innerText =
-            this.imports() +
+            this.fonts() +
                 ' :root[kup-theme="' +
                 this.name +
                 '"]{' +