@obvia/fonts 0.1.1 → 0.2.0

package/package.json

@@ -5,7 +5,7 @@
   "keywords"          : ["obvia","obvia mono","obvia sans","obvia pixel","typeface","fonts","obvia fonts","webfont","open-type","true-type","typography"],
   "license"           : "SIL OPEN FONT LICENSE",
   "homepage"          : "https://obvia.studio/fonts",
-  "version"           : "0.1.1",
+  "version"           : "0.2.0",
 
   "author"            : {
     "name"      : "Selçuk Çukur",
@@ -23,7 +23,6 @@
   "types"             : "./dist/index.d.ts",
 
   "scripts"           : {
-    "prebuild"    : "robocopy src\\\\fonts dist\\\\fonts /E",
     "build"       : "tsc"
   },
 
@@ -31,9 +30,6 @@
     "typescript"  : "^5.9.3"
   },
   "peerDependencies"  : {
-    "react"       : ">=18.0.0",
-    "vue"         : ">=3.0.0",
-    "nuxt"        : ">=4.0.0",
     "next"        : ">=13.2.0"
   },
 
@@ -41,25 +37,9 @@
     "."         : {
       "types"   : "./dist/index.d.ts",
       "default" : "./dist/index.js"
-    },
-    "./react"   : {
-      "types"   : "./dist/react.d.ts",
-      "default" : "./dist/react.js"
-    },
-    "./vanilla"    : {
-      "types"   : "./dist/vanilla.d.ts",
-      "default" : "./dist/vanilla.js"
-    },
-    "./vue"     : {
-      "types"   : "./dist/vue.d.ts",
-      "default" : "./dist/vue.js"
-    },
-    "./nuxt"    : {
-      "types"   : "./dist/nuxt.d.ts",
-      "default" : "./dist/nuxt.js"
     }
   },
-  "files"             : ["dist", "fonts"],
+  "files"             : ["dist"],
 
   "publishConfig"     : {
     "access"  : "public"

package/dist/fonts/fonts.css

@@ -1,70 +0,0 @@
-/* Obvia Sans */
-@font-face {
-    font-family: "Obvia Sans";
-    src: url("./fonts/obvia-sans/Obvia-Variable.woff2") format("woff2");
-    font-weight: 100 900;
-    font-display: swap;
-}
-.font-obvia-sans {
-    font-family: "Obvia Sans", sans-serif;
-}
-
-/* Obvia Mono */
-@font-face {
-    font-family: "Obvia Mono";
-    src: url("./fonts/obvia-mono/ObviaMono-Variable.woff2") format("woff2");
-    font-weight: 100 900;
-    font-display: swap;
-}
-.font-obvia-mono {
-    font-family: "Obvia Mono", ui-monospace, SFMono-Regular, Roboto Mono,
-    Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
-}
-
-/* Obvia Pixel */
-@font-face {
-    font-family: "Obvia Pixel Square";
-    src: url("./fonts/obvia-pixel/ObviaPixel-Square.woff2") format("woff2");
-    font-weight: 500;
-    font-display: swap;
-}
-@font-face {
-    font-family: "Obvia Pixel Grid";
-    src: url("./fonts/obvia-pixel/ObviaPixel-Grid.woff2") format("woff2");
-    font-weight: 500;
-    font-display: swap;
-}
-@font-face {
-    font-family: "Obvia Pixel Circle";
-    src: url("./fonts/obvia-pixel/ObviaPixel-Circle.woff2") format("woff2");
-    font-weight: 500;
-    font-display: swap;
-}
-@font-face {
-    font-family: "Obvia Pixel Triangle";
-    src: url("./fonts/obvia-pixel/ObviaPixel-Triangle.woff2") format("woff2");
-    font-weight: 500;
-    font-display: swap;
-}
-@font-face {
-    font-family: "Obvia Pixel Line";
-    src: url("./fonts/obvia-pixel/ObviaPixel-Line.woff2") format("woff2");
-    font-weight: 500;
-    font-display: swap;
-}
-
-.font-obvia-pixel-square {
-    font-family: "Obvia Pixel Square", "Obvia Mono", monospace;
-}
-.font-obvia-pixel-grid {
-    font-family: "Obvia Pixel Grid", "Obvia Mono", monospace;
-}
-.font-obvia-pixel-circle {
-    font-family: "Obvia Pixel Circle", "Obvia Mono", monospace;
-}
-.font-obvia-pixel-triangle {
-    font-family: "Obvia Pixel Triangle", "Obvia Mono", monospace;
-}
-.font-obvia-pixel-line {
-    font-family: "Obvia Pixel Line", "Obvia Mono", monospace;
-}

package/dist/nuxt.d.ts

@@ -1,13 +0,0 @@
-import { fonts } from "./vue"
-
-declare module "#app" {
-    interface NuxtApp {
-        $fonts: typeof fonts
-    }
-}
-
-declare module "vue" {
-    interface ComponentCustomProperties {
-        $fonts: typeof fonts
-    }
-}

package/dist/nuxt.js

@@ -1,11 +0,0 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import { fonts } from "./vue";
-import "../fonts/fonts.css";
-export default defineNuxtPlugin((nuxtApp) => {
-    // Provide fonts via Nuxt injection system
-    // Accessible with: const nuxtApp = useNuxtApp(); nuxtApp.$fonts
-    nuxtApp.provide("fonts", fonts);
-    // Add fonts to Vue global properties
-    // Accessible directly in templates with: $fonts
-    nuxtApp.vueApp.config.globalProperties.$fonts = fonts;
-});

package/dist/react.js

@@ -1,129 +0,0 @@
-import "./fonts/fonts.css";
-/**
- * **Obvia Sans** font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
- *
- * **Weights**
- * - `100` - Thin
- * - `200` - Ultra Light
- * - `300` - Light
- * - `400` - Regular
- * - `500` - Medium
- * - `600` - Semibold
- * - `700` - Bold
- * - `800` - Black
- * - `900` - Ultra Black
- *
- * **Usage**
- * ```tsx
- * import { obviaSans } from "@obvia/fonts/react"
- *
- * export const ObviaSans ({ children, className }) => (
- *   <span className={`${obviaSans}`}>{children}</span>
- * )
- * ```
- */
-export const obviaSans = "font-obvia-sans";
-/**
- * **Obvia Mono** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
- *
- * **Weights**
- * - `100` - Thin
- * - `200` - Ultra Light
- * - `300` - Light
- * - `400` - Regular
- * - `500` - Medium
- * - `600` - Semibold
- * - `700` - Bold
- * - `800` - Black
- * - `900` - Ultra Black
- *
- * **Usage**
- * ```tsx
- * import { obviaMono } from "@obvia/fonts/react"
- *
- * export const ObviaMono ({ children, className }) => (
- *   <span className={`${obviaMono}`}>{children}</span>
- * )
- * ```
- */
-export const obviaMono = "font-obvia-mono";
-/**
- * **Obvia Pixel Square** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
- *
- * **Weights**
- * - `500` - Medium
- *
- * **Usage**
- * ```tsx
- * import { obviaPixelSquare } from "@obvia/fonts/react"
- *
- * export const ObviaPixelSquare = ({ children, className }) => (
- *   <span className={`${obviaPixelSquare}`}>{children}</span>
- * )
- * ```
- */
-export const obviaPixelSquare = "font-obvia-pixel-square";
-/**
- * **Obvia Pixel Grid** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
- *
- * **Weights**
- * - `500` - Medium
- *
- * **Usage**
- * ```tsx
- * import { obviaPixelGrid } from "@obvia/fonts/react"
- *
- * export const ObviaPixelGrid = ({ children, className }) => (
- *   <span className={`${obviaPixelGrid}`}>{children}</span>
- * )
- * ```
- */
-export const obviaPixelGrid = "font-obvia-pixel-grid";
-/**
- * **Obvia Pixel Circle** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
- *
- * **Weights**
- * - `500` - Medium
- *
- * **Usage**
- * ```tsx
- * import { obviaPixelCircle } from "@obvia/fonts/react"
- *
- * export const ObviaPixelCircle = ({ children, className }) => (
- *   <span className={`${obviaPixelCircle}`}>{children}</span>
- * )
- * ```
- */
-export const obviaPixelCircle = "font-obvia-pixel-circle";
-/**
- * **Obvia Pixel Triangle** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
- *
- * **Weights**
- * - `500` - Medium
- *
- * **Usage**
- * ```tsx
- * import { obviaPixelTriangle } from "@obvia/fonts/react"
- *
- * export const ObviaPixelTriangle = ({ children, className }) => (
- *   <span className={`${obviaPixelTriangle}`}>{children}</span>
- * )
- * ```
- */
-export const obviaPixelTriangle = "font-obvia-pixel-triangle";
-/**
- * **Obvia Pixel Line** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
- *
- * **Weights**
- * - `500` - Medium
- *
- * **Usage**
- * ```tsx
- * import { obviaPixelLine } from "@obvia/fonts/react"
- *
- * export const ObviaPixelLine = ({ children, className }) => (
- *   <span className={`${obviaPixelLine}`}>{children}</span>
- * )
- * ```
- */
-export const obviaPixelLine = "font-obvia-pixel-line";

package/dist/vanilla.js

@@ -1,8 +0,0 @@
-import "./fonts/fonts.css";
-export const obviaSans = "font-obvia-sans";
-export const obviaMono = "font-obvia-mono";
-export const obviaPixelSquar = "font-obvia-pixel-square";
-export const obviaPixelGrid = "font-obvia-pixel-grid";
-export const obviaPixelCircle = "font-obvia-pixel-circle";
-export const obviaPixelTriangle = "font-obvia-pixel-triangle";
-export const obviaPixelLine = "font-obvia-pixel-line";

package/dist/vue.d.ts

@@ -1,33 +0,0 @@
-import { fonts } from "./vue"
-
-declare module "@vue/runtime-core" {
-    interface ComponentCustomProperties {
-        /**
-         * **Obvia Font Family** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
-         *
-         * **Family**
-         * - `Obvia Sans` - A geometric sans-serif crafted for precision and readability. Rooted in Swiss modernist principles,
-         * it balances simplicity with strength, making it suitable for body text, headlines, branding, and
-         * large-scale display use
-         * - `Obvia Mono` - A monospaced companion to Obvia Sans. Designed for technical contexts — code editors, diagrams,
-         * and terminal interfaces — it brings consistency and clarity to environments where structure matters
-         * most
-         * - `Obvia Pixel` - A playful display family of five pixel-inspired styles. Each variant explores a different facet of
-         * digital aesthetics, offering bold, decorative forms for logos, posters, and expressive headlines
-         *
-         * **Usage**
-         * ```vue
-         * <template>
-         *   <div :class="$fonts.obviaSans">Obvia Sans Style</div>
-         *   <div :class="$fonts.obviaMono">Pixel Mono Style</div>
-         *   <div :class="$fonts.obviaPixelSquare">Pixel Square Style</div>
-         *   <div :class="$fonts.obviaPixelGrid">Pixel Grid Style</div>
-         *   <div :class="$fonts.obviaPixelCircle">Pixel Circle Style</div>
-         *   <div :class="$fonts.obviaPixelTriangle">Pixel Triangle Style</div>
-         *   <div :class="$fonts.obviaPixelLine">Pixel Line Style</div>
-         * </template>
-         * ```
-         */
-        $fonts: typeof fonts
-    }
-}

package/dist/vue.js

@@ -1,15 +0,0 @@
-import "./fonts/fonts.css";
-export const fonts = {
-    obviaSans: "font-obvia-sans",
-    obviaMono: "font-obvia-mono",
-    obviaPixelSquare: "font-obvia-pixel-square",
-    obviaPixelGrid: "font-obvia-pixel-grid",
-    obviaPixelCircle: "font-obvia-pixel-circle",
-    obviaPixelTriangle: "font-obvia-pixel-triangle",
-    obviaPixelLine: "font-obvia-pixel-line"
-};
-export default {
-    install(app) {
-        app.config.globalProperties.$fonts = fonts;
-    }
-};