@jotyping/jo-designsystem 0.1.4-alpha → 0.1.6-alpha

package/dist/index.js

@@ -1,28 +1,29 @@
 /* empty css                      */
-import { JdButton as e } from "./components/button/jd-button.js";
-import { JdFlash as m } from "./components/flash/jd-flash.js";
-import { JdFooter as f } from "./components/footer/jd-footer.js";
-import { JdHeader as J } from "./components/header/jd-header.js";
-import { JdHeading as n } from "./components/heading/jd-heading.js";
-import { JdIcon as g } from "./components/icon/jd-icon.js";
-import { JdIconButton as c } from "./components/icon-button/jd-icon-button.js";
-import { JdImageLink as l } from "./components/image-link/jd-image-link.js";
-import { JdLink as B } from "./components/link/jd-link.js";
-import { JdModal as H } from "./components/modal/jd-modal.js";
-import { JdNavigation as h } from "./components/navigation/jd-navigation.js";
-import { JdTag as v } from "./components/tag/jd-tag.js";
+/* empty css                */
+import { JdButton as d } from "./components/button/jd-button.js";
+import { JdFlash as p } from "./components/flash/jd-flash.js";
+import { JdFooter as x } from "./components/footer/jd-footer.js";
+import { JdHeader as a } from "./components/header/jd-header.js";
+import { JdHeading as i } from "./components/heading/jd-heading.js";
+import { JdIcon as I } from "./components/icon/jd-icon.js";
+import { JdIconButton as k } from "./components/icon-button/jd-icon-button.js";
+import { JdImageLink as u } from "./components/image-link/jd-image-link.js";
+import { JdLink as F } from "./components/link/jd-link.js";
+import { JdModal as L } from "./components/modal/jd-modal.js";
+import { JdNavigation as s } from "./components/navigation/jd-navigation.js";
+import { JdTag as M } from "./components/tag/jd-tag.js";
 export {
-  e as JdButton,
-  m as JdFlash,
-  f as JdFooter,
-  J as JdHeader,
-  n as JdHeading,
-  g as JdIcon,
-  c as JdIconButton,
-  l as JdImageLink,
-  B as JdLink,
-  H as JdModal,
-  h as JdNavigation,
-  v as JdTag
+  d as JdButton,
+  p as JdFlash,
+  x as JdFooter,
+  a as JdHeader,
+  i as JdHeading,
+  I as JdIcon,
+  k as JdIconButton,
+  u as JdImageLink,
+  F as JdLink,
+  L as JdModal,
+  s as JdNavigation,
+  M as JdTag
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/styles/font-Cc_vQIAn.css

@@ -0,0 +1 @@
+@font-face{font-family:Satoshi_Regular;src:local("Satoshi_Regular"),url(/fonts/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;src:local("Satoshi_Bold"),url(/fonts/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;src:local("Satoshi_Black"),url(/fonts/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;src:local("Satoshi_Italic"),url(/fonts/satoshi-italic.ttf) format("truetype")}

package/dist/styles/variables--eXl5OQO.css

@@ -0,0 +1 @@
+@font-face{font-family:Satoshi_Regular;src:local("Satoshi_Regular"),url(/fonts/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;src:local("Satoshi_Bold"),url(/fonts/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;src:local("Satoshi_Black"),url(/fonts/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;src:local("Satoshi_Italic"),url(/fonts/satoshi-italic.ttf) format("truetype")}body,html{font-family:Satoshi_Black,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "description": "Jo Design System",
-  "version": "0.1.4-alpha",
+  "version": "0.1.6-alpha",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/index.ts

@@ -1,4 +1,5 @@
 import "./styles/variables.scss";
+import "./styles/font.css";
 
 export * from "./components/button/jd-button.js";
 export * from "./components/flash/jd-flash.js";

package/src/styles/_fonts.scss

@@ -1,37 +1,4 @@
-@font-face {
-  font-family: "Satoshi_Bold";
-  src:
-    local("Satoshi_Bold"),
-    url(../assets/fonts/satoshi-bold.ttf) format("truetype");
-}
-
-@font-face {
-  font-family: "Satoshi_Black";
-  src:
-    local("Satoshi_Black"),
-    url(../assets/fonts/satoshi-black.ttf) format("truetype");
-}
-
-@font-face {
-  font-family: "Satoshi_Medium";
-  src:
-    local("Satoshi_Medium"),
-    url(../assets/fonts/satoshi-medium.ttf) format("truetype");
-}
-
-@font-face {
-  font-family: "Satoshi_Regular";
-  src:
-    local("Satoshi_Regular"),
-    url(../assets/fonts/satoshi-regular.ttf) format("truetype");
-}
-
-@font-face {
-  font-family: "Satoshi_Italic";
-  src:
-    local("Satoshi_Italic"),
-    url(../assets/fonts/satoshi-italic.ttf) format("truetype");
-}
+@import "font.css";
 
 /* --- FONT FAMILIES --- */
 $font-regular: "Satoshi_Regular", sans-serif;

package/src/styles/font.css

@@ -0,0 +1,27 @@
+@font-face {
+  font-family: "Satoshi_Regular";
+  src:
+    local("Satoshi_Regular"),
+    url(/fonts/satoshi-regular.ttf) format("truetype");
+}
+
+@font-face {
+  font-family: "Satoshi_Bold";
+  src:
+    local("Satoshi_Bold"),
+    url(/fonts/satoshi-bold.ttf) format("truetype");
+}
+
+@font-face {
+  font-family: "Satoshi_Black";
+  src:
+    local("Satoshi_Black"),
+    url(/fonts/satoshi-black.ttf) format("truetype");
+}
+
+@font-face {
+  font-family: "Satoshi_Italic";
+  src:
+    local("Satoshi_Italic"),
+    url(/fonts/satoshi-italic.ttf) format("truetype");
+}

package/vite.config.ts

@@ -8,7 +8,9 @@ export default defineConfig({
     },
   },
   build: {
-    emptyOutDir: false,
+    assetsInlineLimit: 0,
+    emptyOutDir: true,
+    cssCodeSplit: true,
     sourcemap: true,
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
@@ -21,10 +23,10 @@ export default defineConfig({
         entryFileNames: "[name].js",
         assetFileNames: (assetInfo) => {
           if (assetInfo.name?.endsWith(".css")) {
-            return "styles/[name]-[hash][extname]";
+            return "[name]-[hash][extname]";
           }
           if (/\.(woff2?|ttf|otf)$/.test(assetInfo.name ?? "")) {
-            return "styles/fonts/[name]-[hash][extname]";
+            return "fonts/[name]-[hash][extname]";
           }
           return "assets/[name]-[hash][extname]";
         },