@jsswift/ui 1.0.44 → 1.0.46

package/src/css/base.css

@@ -339,7 +339,7 @@
 
   --cms-font-size: 14px;
   --cms-font-weight: 400;
-  --cms-font-family: "Nunito", sans-serif;
+  --cms-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
   --set-icon-size: calc(var(--cms-font-size) + 4px);
 
   --cms-font-size-xxs: 6px;
@@ -474,144 +474,9 @@
   --cms-ring: rgba(139, 92, 246, 0.45);
 }
 
-/* FONTS */
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-ExtraLight.ttf") format("truetype");
-  font-weight: 200;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-ExtraLightItalic.ttf") format("truetype");
-  font-weight: 200;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-Light.ttf") format("truetype");
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-LightItalic.ttf") format("truetype");
-  font-weight: 300;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-Regular.ttf") format("truetype");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-Italic.ttf") format("truetype");
-  font-weight: 400;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-Medium.ttf") format("truetype");
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-MediumItalic.ttf") format("truetype");
-  font-weight: 500;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-SemiBold.ttf") format("truetype");
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-SemiBoldItalic.ttf") format("truetype");
-  font-weight: 600;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-Bold.ttf") format("truetype");
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-BoldItalic.ttf") format("truetype");
-  font-weight: 700;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-ExtraBold.ttf") format("truetype");
-  font-weight: 800;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-ExtraBoldItalic.ttf") format("truetype");
-  font-weight: 800;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-Black.ttf") format("truetype");
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Nunito";
-  src: url("../fonts/Nunito-BlackItalic.ttf") format("truetype");
-  font-weight: 900;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Material Symbols Outlined';
-  font-style: normal;
-  font-weight: 100 700;
-  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v311/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
-}
 
 :root {
-  --cms-font: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+  --cms-font: var(--cms-font-family);
 }
 
 *,

package/src/css/fonts-material.css

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: 100 700;
+  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v311/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
+}
+

package/src/css/fonts-nunito.css

@@ -0,0 +1,134 @@
+/* FONTS */
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-ExtraLight.ttf") format("truetype");
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-ExtraLightItalic.ttf") format("truetype");
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-Light.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-LightItalic.ttf") format("truetype");
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-Italic.ttf") format("truetype");
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-Medium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-MediumItalic.ttf") format("truetype");
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-SemiBold.ttf") format("truetype");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-SemiBoldItalic.ttf") format("truetype");
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-Bold.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-BoldItalic.ttf") format("truetype");
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-ExtraBold.ttf") format("truetype");
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-ExtraBoldItalic.ttf") format("truetype");
+  font-weight: 800;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-Black.ttf") format("truetype");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Nunito";
+  src: url("../fonts/Nunito-BlackItalic.ttf") format("truetype");
+  font-weight: 900;
+  font-style: italic;
+  font-display: swap;
+}
+
+
+:root {
+  --cms-font-family: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
+  --cms-font: var(--cms-font-family);
+}

package/src/modules.json

@@ -42,15 +42,6 @@
         "utility functions usate dai componenti"
       ]
     },
-    {
-      "file": "05-meta-shared.js",
-      "status": "deferred",
-      "scope": [
-        "UI.meta shared helpers",
-        "meta normalization",
-        "doc/dev helpers"
-      ]
-    },
     {
       "file": "10-primitives-layout.js",
       "status": "migrated",
@@ -69,27 +60,46 @@
     {
       "file": "20-display-content.js",
       "status": "migrated",
-      "scope": ["Icon", "Badge", "Avatar", "Chip"]
+      "scope": [
+        "Icon",
+        "Badge",
+        "Avatar",
+        "Chip"
+      ]
     },
     {
       "file": "21-list-content.js",
       "status": "migrated",
-      "scope": ["List", "Item", "Separator"]
+      "scope": [
+        "List",
+        "Item",
+        "Separator"
+      ]
     },
     {
       "file": "22-banner-content.js",
       "status": "migrated",
-      "scope": ["Banner"]
+      "scope": [
+        "Banner"
+      ]
     },
     {
       "file": "23-tooltip.js",
       "status": "migrated",
-      "scope": ["Tooltip"]
+      "scope": [
+        "Tooltip"
+      ]
     },
     {
       "file": "30-form-core.js",
       "status": "merged-into-10-primitives-layout.js",
-      "scope": ["FormField", "InputRaw", "Input", "Textarea", "Select"]
+      "scope": [
+        "FormField",
+        "InputRaw",
+        "Input",
+        "Textarea",
+        "Select"
+      ]
     },
     {
       "file": "31-form-advanced.js",
@@ -108,17 +118,29 @@
     {
       "file": "40-navigation.js",
       "status": "partial",
-      "scope": ["Tabs", "RouteTab", "Breadcrumbs", "Pagination"]
+      "scope": [
+        "Tabs",
+        "RouteTab",
+        "Breadcrumbs",
+        "Pagination"
+      ]
     },
     {
       "file": "41-tab-panel.js",
       "status": "migrated",
-      "scope": ["TabPanel"]
+      "scope": [
+        "TabPanel"
+      ]
     },
     {
       "file": "50-feedback.js",
       "status": "partial",
-      "scope": ["Spinner", "Progress", "LoadingBar", "Notify"]
+      "scope": [
+        "Spinner",
+        "Progress",
+        "LoadingBar",
+        "Notify"
+      ]
     },
     {
       "file": "51-feedback-service.js",
@@ -133,7 +155,13 @@
     {
       "file": "60-shell-app.js",
       "status": "migrated",
-      "scope": ["Header", "Drawer", "Page", "AppShell", "Parallax"]
+      "scope": [
+        "Header",
+        "Drawer",
+        "Page",
+        "AppShell",
+        "Parallax"
+      ]
     },
     {
       "file": "61-form-service.js",
@@ -151,25 +179,33 @@
     {
       "file": "70-dialog.js",
       "status": "migrated",
-      "scope": ["Dialog"]
+      "scope": [
+        "Dialog"
+      ]
     },
     {
       "file": "80-data.js",
       "status": "migrated",
-      "scope": ["Table"]
+      "scope": [
+        "Table"
+      ]
     },
     {
       "file": "71-menu-overlays.js",
       "status": "migrated",
-      "scope": ["Menu", "Popover", "ContextMenu", "bundle footer"]
+      "scope": [
+        "Menu",
+        "Popover",
+        "ContextMenu",
+        "bundle footer"
+      ]
     },
     {
       "file": "90-services-meta.js",
       "status": "merged-into-51-feedback-service.js-and-61-form-service.js",
       "scope": [
         "notify service wiring",
-        "dialog helpers",
-        "UI.meta registrations"
+        "dialog helpers"
       ]
     }
   ]

package/src/tabler.js

@@ -0,0 +1,7 @@
+// Optional Tabler sprite: import after the JSswift runtime.
+const runtime = globalThis.JSswift;
+if (!runtime) throw new Error("Load JSswift before importing the optional Tabler sprite");
+const spriteUrl = new URL('./img/svg/tabler-icons-sprite.svg', import.meta.url).href;
+runtime.config ||= {};
+runtime.config.iconSpriteUrl = spriteUrl;
+export default spriteUrl;