@drivy/cobalt 0.23.0 → 0.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -68,6 +68,7 @@
     "core-js": "3.26.1",
     "css-loader": "6.7.2",
     "eslint": "8.28.0",
+    "file-loader": "6.2.0",
     "jest": "29.3.1",
     "jest-environment-jsdom": "29.3.1",
     "nested-object-access": "^0.2.5",
@@ -133,7 +134,7 @@
   },
   "files": [
     "tokens/**/*",
-    "**/*.{scss,css,d.ts,js,js.map,svg,png,woff,woff2}",
+    "**/*.{scss,css,d.ts,js,js.map,svg,png,woff,woff2,md}",
     ".stylelintrc.js"
   ],
   "publishConfig": {

package/styles/core/fonts.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: "BrownPro";
+  font-style: normal;
+  font-weight: bold;
+  font-display: swap;
+  src: url("fonts/BrownPro-Bold.woff") format("woff");
+}

package/styles/core.scss

@@ -1,3 +1,4 @@
+@import "core/fonts";
 @import "core/palette";
 @import "core/theme";
 @import "core/utilities";

package/styles/fonts/README.md

@@ -0,0 +1,14 @@
+Our official font `BrownPro` in its `Bold` version is a licensed paid web font, meaning that we can't distribute it through our NPM package. So you won't find any font files directly in our design system. If you want to use a font as `Brown-Pro`, just add a font file in this `fonts/` folder named `BrownPro-Bold.woff`.
+
+You can do it using a `postinstall` script to automatically doing it when installing/upgrading the Cobalt NPM package:
+```javascript
+const path = require("path")
+const fs = require("fs-extra")
+
+fs.copyFileSync(
+  path.join("<path_to_your_font_to_copy>", "BrownPro-Bold.woff"),
+  path.join(__dirname, "../node_modules/@drivy/cobalt/styles/fonts/BrownPro-Bold.woff")
+)
+```
+
+By doing this, Cobalt will use your provided font when using the `BrownPro` family.