@obvia/fonts 0.0.5 → 0.0.7

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 (66) hide show
  1. package/dist/fonts/fonts.css +70 -0
  2. package/dist/fonts/obvia-mono/ObviaMono-Black.ttf +0 -0
  3. package/dist/fonts/obvia-mono/ObviaMono-Black.woff2 +0 -0
  4. package/dist/fonts/obvia-mono/ObviaMono-Bold.ttf +0 -0
  5. package/dist/fonts/obvia-mono/ObviaMono-Bold.woff2 +0 -0
  6. package/dist/fonts/obvia-mono/ObviaMono-Light.ttf +0 -0
  7. package/dist/fonts/obvia-mono/ObviaMono-Light.woff2 +0 -0
  8. package/dist/fonts/obvia-mono/ObviaMono-Medium.ttf +0 -0
  9. package/dist/fonts/obvia-mono/ObviaMono-Medium.woff2 +0 -0
  10. package/dist/fonts/obvia-mono/ObviaMono-Regular.ttf +0 -0
  11. package/dist/fonts/obvia-mono/ObviaMono-Regular.woff2 +0 -0
  12. package/dist/fonts/obvia-mono/ObviaMono-SemiBold.ttf +0 -0
  13. package/dist/fonts/obvia-mono/ObviaMono-SemiBold.woff2 +0 -0
  14. package/dist/fonts/obvia-mono/ObviaMono-Thin.ttf +0 -0
  15. package/dist/fonts/obvia-mono/ObviaMono-Thin.woff2 +0 -0
  16. package/dist/fonts/obvia-mono/ObviaMono-UltraBlack.ttf +0 -0
  17. package/dist/fonts/obvia-mono/ObviaMono-UltraBlack.woff2 +0 -0
  18. package/dist/fonts/obvia-mono/ObviaMono-UltraLight.ttf +0 -0
  19. package/dist/fonts/obvia-mono/ObviaMono-UltraLight.woff2 +0 -0
  20. package/dist/fonts/obvia-mono/ObviaMono-Variable.ttf +0 -0
  21. package/dist/fonts/obvia-mono/ObviaMono-Variable.woff2 +0 -0
  22. package/dist/fonts/obvia-pixel/ObviaPixel-Circle.ttf +0 -0
  23. package/dist/fonts/obvia-pixel/ObviaPixel-Circle.woff2 +0 -0
  24. package/dist/fonts/obvia-pixel/ObviaPixel-Grid.ttf +0 -0
  25. package/dist/fonts/obvia-pixel/ObviaPixel-Grid.woff2 +0 -0
  26. package/dist/fonts/obvia-pixel/ObviaPixel-Line.ttf +0 -0
  27. package/dist/fonts/obvia-pixel/ObviaPixel-Line.woff2 +0 -0
  28. package/dist/fonts/obvia-pixel/ObviaPixel-Square.ttf +0 -0
  29. package/dist/fonts/obvia-pixel/ObviaPixel-Square.woff2 +0 -0
  30. package/dist/fonts/obvia-pixel/ObviaPixel-Triangle.ttf +0 -0
  31. package/dist/fonts/obvia-pixel/ObviaPixel-Triangle.woff2 +0 -0
  32. package/dist/fonts/obvia-sans/Obvia-Black.ttf +0 -0
  33. package/dist/fonts/obvia-sans/Obvia-Black.woff2 +0 -0
  34. package/dist/fonts/obvia-sans/Obvia-Bold.ttf +0 -0
  35. package/dist/fonts/obvia-sans/Obvia-Bold.woff2 +0 -0
  36. package/dist/fonts/obvia-sans/Obvia-Italic.ttf +0 -0
  37. package/dist/fonts/obvia-sans/Obvia-Light.ttf +0 -0
  38. package/dist/fonts/obvia-sans/Obvia-Light.woff2 +0 -0
  39. package/dist/fonts/obvia-sans/Obvia-Medium.ttf +0 -0
  40. package/dist/fonts/obvia-sans/Obvia-Medium.woff2 +0 -0
  41. package/dist/fonts/obvia-sans/Obvia-Regular.ttf +0 -0
  42. package/dist/fonts/obvia-sans/Obvia-Regular.woff2 +0 -0
  43. package/dist/fonts/obvia-sans/Obvia-SemiBold.ttf +0 -0
  44. package/dist/fonts/obvia-sans/Obvia-SemiBold.woff2 +0 -0
  45. package/dist/fonts/obvia-sans/Obvia-Thin.ttf +0 -0
  46. package/dist/fonts/obvia-sans/Obvia-Thin.woff2 +0 -0
  47. package/dist/fonts/obvia-sans/Obvia-UltraBlack.ttf +0 -0
  48. package/dist/fonts/obvia-sans/Obvia-UltraBlack.woff2 +0 -0
  49. package/dist/fonts/obvia-sans/Obvia-UltraLight.ttf +0 -0
  50. package/dist/fonts/obvia-sans/Obvia-UltraLight.woff2 +0 -0
  51. package/dist/fonts/obvia-sans/Obvia-Variable.ttf +0 -0
  52. package/dist/fonts/obvia-sans/Obvia-Variable.woff2 +0 -0
  53. package/dist/index.d.ts +108 -3
  54. package/dist/index.js +269 -117
  55. package/dist/nuxt.d.ts +13 -0
  56. package/dist/nuxt.js +6 -0
  57. package/dist/react.js +129 -0
  58. package/dist/vanilla.js +8 -0
  59. package/dist/vue.d.ts +33 -0
  60. package/dist/vue.js +15 -0
  61. package/package.json +28 -8
  62. package/readme.md +59 -0
  63. package/dist/index.d.mts +0 -75
  64. package/dist/index.js.map +0 -1
  65. package/dist/index.mjs +0 -124
  66. package/dist/index.mjs.map +0 -1
package/dist/index.js CHANGED
@@ -1,124 +1,276 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/index.ts
2
- var _local = require('next/font/local'); var _local2 = _interopRequireDefault(_local);
3
- var obviaSans = _local2.default.call(void 0, {
4
- src: "./fonts/obvia-sans/Obvia-Variable.woff2",
5
- variable: "--font-obvia-sans",
6
- weight: "100 900"
1
+ import localFont from "next/font/local";
2
+ /**
3
+ * **Obvia Sans** font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
4
+ *
5
+ * **Weights**
6
+ * - `100` - Thin
7
+ * - `200` - Ultra Light
8
+ * - `300` - Light
9
+ * - `400` - Regular
10
+ * - `500` - Medium
11
+ * - `600` - Semibold
12
+ * - `700` - Bold
13
+ * - `800` - Black
14
+ * - `900` - Ultra Black
15
+ *
16
+ * **Usage**
17
+ * ```tsx
18
+ * import { obviaSans } from "@obvia/fonts"
19
+ *
20
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
21
+ * return (
22
+ * <html lang="en">
23
+ * <body className={`${obviaSans.variable}`}>
24
+ * {children}
25
+ * </body>
26
+ * </html>
27
+ * );
28
+ * }
29
+ * ```
30
+ */
31
+ export const obviaSans = localFont({
32
+ src: "./fonts/obvia-sans/Obvia-Variable.woff2",
33
+ variable: "--font-obvia-sans",
34
+ weight: "100 900"
7
35
  });
8
- var obviaMono = _local2.default.call(void 0, {
9
- src: "./fonts/obvia-mono/ObviaMono-Variable.woff2",
10
- variable: "--font-obvia-mono",
11
- weight: "100 900",
12
- fallback: [
13
- "ui-monospace",
14
- "SFMono-Regular",
15
- "Roboto Mono",
16
- "Menlo",
17
- "Monaco",
18
- "Liberation Mono",
19
- "DejaVu Sans Mono",
20
- "Courier New",
21
- "monospace"
22
- ],
23
- adjustFontFallback: false
36
+ /**
37
+ * **Obvia Mono** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
38
+ *
39
+ * **Weights**
40
+ * - `100` - Thin
41
+ * - `200` - Ultra Light
42
+ * - `300` - Light
43
+ * - `400` - Regular
44
+ * - `500` - Medium
45
+ * - `600` - Semibold
46
+ * - `700` - Bold
47
+ * - `800` - Black
48
+ * - `900` - Ultra Black
49
+ *
50
+ * **Usage**
51
+ * ```tsx
52
+ * import { obviaMono } from "@obvia/fonts"
53
+ *
54
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
55
+ * return (
56
+ * <html lang="en">
57
+ * <body className={`${obviaMono.variable}`}>
58
+ * {children}
59
+ * </body>
60
+ * </html>
61
+ * );
62
+ * }
63
+ * ```
64
+ */
65
+ export const obviaMono = localFont({
66
+ src: "./fonts/obvia-mono/ObviaMono-Variable.woff2",
67
+ variable: "--font-obvia-mono",
68
+ weight: "100 900",
69
+ fallback: [
70
+ "ui-monospace",
71
+ "SFMono-Regular",
72
+ "Roboto Mono",
73
+ "Menlo",
74
+ "Monaco",
75
+ "Liberation Mono",
76
+ "DejaVu Sans Mono",
77
+ "Courier New",
78
+ "monospace",
79
+ ],
80
+ adjustFontFallback: false
24
81
  });
25
- var obviaPixelSquare = _local2.default.call(void 0, {
26
- src: "./fonts/obvia-pixel/ObviaPixel-Square.woff2",
27
- variable: "--font-obvia-pixel-square",
28
- weight: "500",
29
- fallback: [
30
- "Obvia Mono",
31
- "ui-monospace",
32
- "SFMono-Regular",
33
- "Roboto Mono",
34
- "Menlo",
35
- "Monaco",
36
- "Liberation Mono",
37
- "DejaVu Sans Mono",
38
- "Courier New",
39
- "monospace"
40
- ],
41
- adjustFontFallback: false
82
+ /**
83
+ * **Obvia Pixel Square** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
84
+ *
85
+ * **Weights**
86
+ * - `500` - Medium
87
+ *
88
+ * **Usage**
89
+ * ```tsx
90
+ * import { obviaPixelSquare } from "@obvia/fonts"
91
+ *
92
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
93
+ * return (
94
+ * <html lang="en">
95
+ * <body className={`${obviaPixelSquare.variable}`}>
96
+ * {children}
97
+ * </body>
98
+ * </html>
99
+ * );
100
+ * }
101
+ * ```
102
+ */
103
+ export const obviaPixelSquare = localFont({
104
+ src: "./fonts/obvia-pixel/ObviaPixel-Square.woff2",
105
+ variable: "--font-obvia-pixel-square",
106
+ weight: "500",
107
+ fallback: [
108
+ "Obvia Mono",
109
+ "ui-monospace",
110
+ "SFMono-Regular",
111
+ "Roboto Mono",
112
+ "Menlo",
113
+ "Monaco",
114
+ "Liberation Mono",
115
+ "DejaVu Sans Mono",
116
+ "Courier New",
117
+ "monospace",
118
+ ],
119
+ adjustFontFallback: false
42
120
  });
43
- var obviaPixelGrid = _local2.default.call(void 0, {
44
- src: "./fonts/obvia-pixel/ObviaPixel-Grid.woff2",
45
- variable: "--font-obvia-pixel-grid",
46
- weight: "500",
47
- fallback: [
48
- "Obvia Mono",
49
- "ui-monospace",
50
- "SFMono-Regular",
51
- "Roboto Mono",
52
- "Menlo",
53
- "Monaco",
54
- "Liberation Mono",
55
- "DejaVu Sans Mono",
56
- "Courier New",
57
- "monospace"
58
- ],
59
- adjustFontFallback: false
121
+ /**
122
+ * **Obvia Pixel Grid** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
123
+ *
124
+ * **Weights**
125
+ * - `500` - Medium
126
+ *
127
+ * **Usage**
128
+ * ```tsx
129
+ * import { obviaPixelGrid } from "@obvia/fonts"
130
+ *
131
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
132
+ * return (
133
+ * <html lang="en">
134
+ * <body className={`${obviaPixelGrid.variable}`}>
135
+ * {children}
136
+ * </body>
137
+ * </html>
138
+ * );
139
+ * }
140
+ * ```
141
+ */
142
+ export const obviaPixelGrid = localFont({
143
+ src: "./fonts/obvia-pixel/ObviaPixel-Grid.woff2",
144
+ variable: "--font-obvia-pixel-grid",
145
+ weight: "500",
146
+ fallback: [
147
+ "Obvia Mono",
148
+ "ui-monospace",
149
+ "SFMono-Regular",
150
+ "Roboto Mono",
151
+ "Menlo",
152
+ "Monaco",
153
+ "Liberation Mono",
154
+ "DejaVu Sans Mono",
155
+ "Courier New",
156
+ "monospace",
157
+ ],
158
+ adjustFontFallback: false
60
159
  });
61
- var obviaPixelCircle = _local2.default.call(void 0, {
62
- src: "./fonts/obvia-pixel/ObviaPixel-Circle.woff2",
63
- variable: "--font-obvia-pixel-circle",
64
- weight: "500",
65
- fallback: [
66
- "Obvia Mono",
67
- "ui-monospace",
68
- "SFMono-Regular",
69
- "Roboto Mono",
70
- "Menlo",
71
- "Monaco",
72
- "Liberation Mono",
73
- "DejaVu Sans Mono",
74
- "Courier New",
75
- "monospace"
76
- ],
77
- adjustFontFallback: false
160
+ /**
161
+ * **Obvia Pixel Circle** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
162
+ *
163
+ * **Weights**
164
+ * - `500` - Medium
165
+ *
166
+ * **Usage**
167
+ * ```tsx
168
+ * import { obviaPixelCircle } from "@obvia/fonts"
169
+ *
170
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
171
+ * return (
172
+ * <html lang="en">
173
+ * <body className={`${obviaPixelCircle.variable}`}>
174
+ * {children}
175
+ * </body>
176
+ * </html>
177
+ * );
178
+ * }
179
+ * ```
180
+ */
181
+ export const obviaPixelCircle = localFont({
182
+ src: "./fonts/obvia-pixel/ObviaPixel-Circle.woff2",
183
+ variable: "--font-obvia-pixel-circle",
184
+ weight: "500",
185
+ fallback: [
186
+ "Obvia Mono",
187
+ "ui-monospace",
188
+ "SFMono-Regular",
189
+ "Roboto Mono",
190
+ "Menlo",
191
+ "Monaco",
192
+ "Liberation Mono",
193
+ "DejaVu Sans Mono",
194
+ "Courier New",
195
+ "monospace",
196
+ ],
197
+ adjustFontFallback: false
78
198
  });
79
- var obviaPixelTriangle = _local2.default.call(void 0, {
80
- src: "./fonts/obvia-pixel/ObviaPixel-Triangle.woff2",
81
- variable: "--font-obvia-pixel-triangle",
82
- weight: "500",
83
- fallback: [
84
- "Obvia Mono",
85
- "ui-monospace",
86
- "SFMono-Regular",
87
- "Roboto Mono",
88
- "Menlo",
89
- "Monaco",
90
- "Liberation Mono",
91
- "DejaVu Sans Mono",
92
- "Courier New",
93
- "monospace"
94
- ],
95
- adjustFontFallback: false
199
+ /**
200
+ * **Obvia Pixel Triangle** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
201
+ *
202
+ * **Weights**
203
+ * - `500` - Medium
204
+ *
205
+ * **Usage**
206
+ * ```tsx
207
+ * import { obviaPixelTriangle } from "@obvia/fonts"
208
+ *
209
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
210
+ * return (
211
+ * <html lang="en">
212
+ * <body className={`${obviaPixelTriangle.variable}`}>
213
+ * {children}
214
+ * </body>
215
+ * </html>
216
+ * );
217
+ * }
218
+ * ```
219
+ */
220
+ export const obviaPixelTriangle = localFont({
221
+ src: "./fonts/obvia-pixel/ObviaPixel-Triangle.woff2",
222
+ variable: "--font-obvia-pixel-triangle",
223
+ weight: "500",
224
+ fallback: [
225
+ "Obvia Mono",
226
+ "ui-monospace",
227
+ "SFMono-Regular",
228
+ "Roboto Mono",
229
+ "Menlo",
230
+ "Monaco",
231
+ "Liberation Mono",
232
+ "DejaVu Sans Mono",
233
+ "Courier New",
234
+ "monospace",
235
+ ],
236
+ adjustFontFallback: false
96
237
  });
97
- var obviaPixelLine = _local2.default.call(void 0, {
98
- src: "./fonts/obvia-pixel/ObviaPixel-Line.woff2",
99
- variable: "--font-obvia-pixel-line",
100
- weight: "500",
101
- fallback: [
102
- "Obvia Mono",
103
- "ui-monospace",
104
- "SFMono-Regular",
105
- "Roboto Mono",
106
- "Menlo",
107
- "Monaco",
108
- "Liberation Mono",
109
- "DejaVu Sans Mono",
110
- "Courier New",
111
- "monospace"
112
- ],
113
- adjustFontFallback: false
238
+ /**
239
+ * **Obvia Pixel Line** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
240
+ *
241
+ * **Weights**
242
+ * - `500` - Medium
243
+ *
244
+ * **Usage**
245
+ * ```tsx
246
+ * import { obviaPixelLine } from "@obvia/fonts"
247
+ *
248
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
249
+ * return (
250
+ * <html lang="en">
251
+ * <body className={`${obviaPixelLine.variable}`}>
252
+ * {children}
253
+ * </body>
254
+ * </html>
255
+ * )
256
+ * }
257
+ * ```
258
+ */
259
+ export const obviaPixelLine = localFont({
260
+ src: "./fonts/obvia-pixel/ObviaPixel-Line.woff2",
261
+ variable: "--font-obvia-pixel-line",
262
+ weight: "500",
263
+ fallback: [
264
+ "Obvia Mono",
265
+ "ui-monospace",
266
+ "SFMono-Regular",
267
+ "Roboto Mono",
268
+ "Menlo",
269
+ "Monaco",
270
+ "Liberation Mono",
271
+ "DejaVu Sans Mono",
272
+ "Courier New",
273
+ "monospace",
274
+ ],
275
+ adjustFontFallback: false
114
276
  });
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
- exports.obviaMono = obviaMono; exports.obviaPixelCircle = obviaPixelCircle; exports.obviaPixelGrid = obviaPixelGrid; exports.obviaPixelLine = obviaPixelLine; exports.obviaPixelSquare = obviaPixelSquare; exports.obviaPixelTriangle = obviaPixelTriangle; exports.obviaSans = obviaSans;
124
- //# sourceMappingURL=index.js.map
package/dist/nuxt.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { ObviaFonts } from "./vue"
2
+
3
+ declare module "nuxt/app" {
4
+ interface NuxtApp {
5
+ $fonts: ObviaFonts
6
+ }
7
+ }
8
+
9
+ declare module "vue" {
10
+ interface ComponentCustomProperties {
11
+ $fonts: ObviaFonts
12
+ }
13
+ }
package/dist/nuxt.js ADDED
@@ -0,0 +1,6 @@
1
+ import { defineNuxtPlugin } from "nuxt/app";
2
+ import { fonts } from "./vue";
3
+ import "./fonts.css";
4
+ export default defineNuxtPlugin((nuxtApp) => {
5
+ nuxtApp.provide("fonts", fonts);
6
+ });
package/dist/react.js ADDED
@@ -0,0 +1,129 @@
1
+ import "./fonts/fonts.css";
2
+ /**
3
+ * **Obvia Sans** font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
4
+ *
5
+ * **Weights**
6
+ * - `100` - Thin
7
+ * - `200` - Ultra Light
8
+ * - `300` - Light
9
+ * - `400` - Regular
10
+ * - `500` - Medium
11
+ * - `600` - Semibold
12
+ * - `700` - Bold
13
+ * - `800` - Black
14
+ * - `900` - Ultra Black
15
+ *
16
+ * **Usage**
17
+ * ```tsx
18
+ * import { obviaSans } from "@obvia/fonts/react"
19
+ *
20
+ * export const ObviaSans ({ children, className }) => (
21
+ * <span className={`${obviaSans}`}>{children}</span>
22
+ * )
23
+ * ```
24
+ */
25
+ export const obviaSans = "font-obvia-sans";
26
+ /**
27
+ * **Obvia Mono** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
28
+ *
29
+ * **Weights**
30
+ * - `100` - Thin
31
+ * - `200` - Ultra Light
32
+ * - `300` - Light
33
+ * - `400` - Regular
34
+ * - `500` - Medium
35
+ * - `600` - Semibold
36
+ * - `700` - Bold
37
+ * - `800` - Black
38
+ * - `900` - Ultra Black
39
+ *
40
+ * **Usage**
41
+ * ```tsx
42
+ * import { obviaMono } from "@obvia/fonts/react"
43
+ *
44
+ * export const ObviaMono ({ children, className }) => (
45
+ * <span className={`${obviaMono}`}>{children}</span>
46
+ * )
47
+ * ```
48
+ */
49
+ export const obviaMono = "font-obvia-mono";
50
+ /**
51
+ * **Obvia Pixel Square** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
52
+ *
53
+ * **Weights**
54
+ * - `500` - Medium
55
+ *
56
+ * **Usage**
57
+ * ```tsx
58
+ * import { obviaPixelSquare } from "@obvia/fonts/react"
59
+ *
60
+ * export const ObviaPixelSquare = ({ children, className }) => (
61
+ * <span className={`${obviaPixelSquare}`}>{children}</span>
62
+ * )
63
+ * ```
64
+ */
65
+ export const obviaPixelSquare = "font-obvia-pixel-square";
66
+ /**
67
+ * **Obvia Pixel Grid** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
68
+ *
69
+ * **Weights**
70
+ * - `500` - Medium
71
+ *
72
+ * **Usage**
73
+ * ```tsx
74
+ * import { obviaPixelGrid } from "@obvia/fonts/react"
75
+ *
76
+ * export const ObviaPixelGrid = ({ children, className }) => (
77
+ * <span className={`${obviaPixelGrid}`}>{children}</span>
78
+ * )
79
+ * ```
80
+ */
81
+ export const obviaPixelGrid = "font-obvia-pixel-grid";
82
+ /**
83
+ * **Obvia Pixel Circle** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
84
+ *
85
+ * **Weights**
86
+ * - `500` - Medium
87
+ *
88
+ * **Usage**
89
+ * ```tsx
90
+ * import { obviaPixelCircle } from "@obvia/fonts/react"
91
+ *
92
+ * export const ObviaPixelCircle = ({ children, className }) => (
93
+ * <span className={`${obviaPixelCircle}`}>{children}</span>
94
+ * )
95
+ * ```
96
+ */
97
+ export const obviaPixelCircle = "font-obvia-pixel-circle";
98
+ /**
99
+ * **Obvia Pixel Triangle** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
100
+ *
101
+ * **Weights**
102
+ * - `500` - Medium
103
+ *
104
+ * **Usage**
105
+ * ```tsx
106
+ * import { obviaPixelTriangle } from "@obvia/fonts/react"
107
+ *
108
+ * export const ObviaPixelTriangle = ({ children, className }) => (
109
+ * <span className={`${obviaPixelTriangle}`}>{children}</span>
110
+ * )
111
+ * ```
112
+ */
113
+ export const obviaPixelTriangle = "font-obvia-pixel-triangle";
114
+ /**
115
+ * **Obvia Pixel Line** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
116
+ *
117
+ * **Weights**
118
+ * - `500` - Medium
119
+ *
120
+ * **Usage**
121
+ * ```tsx
122
+ * import { obviaPixelLine } from "@obvia/fonts/react"
123
+ *
124
+ * export const ObviaPixelLine = ({ children, className }) => (
125
+ * <span className={`${obviaPixelLine}`}>{children}</span>
126
+ * )
127
+ * ```
128
+ */
129
+ export const obviaPixelLine = "font-obvia-pixel-line";
package/dist/vanilla.js ADDED
@@ -0,0 +1,8 @@
1
+ import "./fonts/fonts.css";
2
+ export const obviaSans = "font-obvia-sans";
3
+ export const obviaMono = "font-obvia-mono";
4
+ export const obviaPixelSquar = "font-obvia-pixel-square";
5
+ export const obviaPixelGrid = "font-obvia-pixel-grid";
6
+ export const obviaPixelCircle = "font-obvia-pixel-circle";
7
+ export const obviaPixelTriangle = "font-obvia-pixel-triangle";
8
+ export const obviaPixelLine = "font-obvia-pixel-line";
package/dist/vue.d.ts ADDED
@@ -0,0 +1,33 @@
1
+ import type { ObviaFonts } from "./vue"
2
+
3
+ declare module "@vue/runtime-core" {
4
+ interface ComponentCustomProperties {
5
+ /**
6
+ * **Obvia Font Family** variable font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
7
+ *
8
+ * **Family**
9
+ * - `Obvia Sans` - A geometric sans-serif crafted for precision and readability. Rooted in Swiss modernist principles,
10
+ * it balances simplicity with strength, making it suitable for body text, headlines, branding, and
11
+ * large-scale display use
12
+ * - `Obvia Mono` - A monospaced companion to Obvia Sans. Designed for technical contexts — code editors, diagrams,
13
+ * and terminal interfaces — it brings consistency and clarity to environments where structure matters
14
+ * most
15
+ * - `Obvia Pixel` - A playful display family of five pixel-inspired styles. Each variant explores a different facet of
16
+ * digital aesthetics, offering bold, decorative forms for logos, posters, and expressive headlines
17
+ *
18
+ * **Usage**
19
+ * ```vue
20
+ * <template>
21
+ * <div :class="$fonts.obviaSans">Obvia Sans Style</div>
22
+ * <div :class="$fonts.obviaMono">Pixel Mono Style</div>
23
+ * <div :class="$fonts.obviaPixelSquare">Pixel Square Style</div>
24
+ * <div :class="$fonts.obviaPixelGrid">Pixel Grid Style</div>
25
+ * <div :class="$fonts.obviaPixelCircle">Pixel Circle Style</div>
26
+ * <div :class="$fonts.obviaPixelTriangle">Pixel Triangle Style</div>
27
+ * <div :class="$fonts.obviaPixelLine">Pixel Line Style</div>
28
+ * </template>
29
+ * ```
30
+ */
31
+ $fonts: ObviaFonts
32
+ }
33
+ }
package/dist/vue.js ADDED
@@ -0,0 +1,15 @@
1
+ import "./fonts.css";
2
+ export const fonts = {
3
+ obviaSans: "font-obvia-sans",
4
+ obviaMono: "font-obvia-mono",
5
+ obviaPixelSquare: "font-obvia-pixel-square",
6
+ obviaPixelGrid: "font-obvia-pixel-grid",
7
+ obviaPixelCircle: "font-obvia-pixel-circle",
8
+ obviaPixelTriangle: "font-obvia-pixel-triangle",
9
+ obviaPixelLine: "font-obvia-pixel-line"
10
+ };
11
+ export default {
12
+ install(app) {
13
+ app.config.globalProperties.$fonts = fonts;
14
+ }
15
+ };
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
+ "type" : "module",
2
3
  "name" : "@obvia/fonts",
3
4
  "description" : "Obvia is a new font family for custom typography families designed for unique and cohesive branding",
4
5
  "keywords" : ["obvia","obvia mono","obvia sans","obvia pixel","typeface","fonts","obvia fonts","webfont","open-type","true-type","typography"],
5
6
  "license" : "SIL OPEN FONT LICENSE",
6
7
  "homepage" : "https://obvia.studio/fonts",
7
- "version" : "0.0.5",
8
+ "version" : "0.0.7",
8
9
 
9
10
  "author" : {
10
11
  "name" : "Selçuk Çukur",
@@ -18,28 +19,47 @@
18
19
  },
19
20
 
20
21
  "main" : "./dist/index.js",
21
- "module" : "./dist/index.mjs",
22
+ "module" : "./dist/index.js",
22
23
  "types" : "./dist/index.d.ts",
23
24
 
24
25
  "scripts" : {
25
- "build" : "tsup src/index.ts --format esm,cjs --dts --out-dir dist"
26
+ "prebuild" : "robocopy src\\\\fonts dist\\\\fonts /E",
27
+ "build" : "tsc"
26
28
  },
27
29
 
28
30
  "devDependencies" : {
29
- "tsup" : "^8.5.1",
30
31
  "typescript" : "^5.9.3"
31
32
  },
32
33
  "peerDependencies" : {
34
+ "react" : ">=18.0.0",
35
+ "vue" : ">=3.0.0",
36
+ "nuxt" : ">=3.0.0",
33
37
  "next" : ">=13.2.0"
34
38
  },
35
39
 
36
40
  "exports" : {
37
- "." : {
41
+ "." : {
38
42
  "types" : "./dist/index.d.ts",
39
- "import" : "./dist/index.mjs",
40
- "require" : "./dist/index.js"
43
+ "default" : "./dist/index.js"
44
+ },
45
+ "./react" : {
46
+ "types" : "./dist/react.d.ts",
47
+ "default" : "./dist/react.js"
48
+ },
49
+ "./vanilla" : {
50
+ "types" : "./dist/vanilla.d.ts",
51
+ "default" : "./dist/vanilla.js"
52
+ },
53
+ "./vue" : {
54
+ "types" : "./dist/vue.d.ts",
55
+ "default" : "./dist/vue.js"
56
+ },
57
+ "./nuxt" : {
58
+ "types" : "./dist/nuxt.d.ts",
59
+ "default" : "./dist/nuxt.js"
41
60
  }
42
61
  },
62
+ "files" : ["dist", "fonts"],
43
63
 
44
64
  "publishConfig" : {
45
65
  "access" : "public"
@@ -55,5 +75,5 @@
55
75
  "directory" : "packages/fonts"
56
76
  },
57
77
 
58
- "packageManager": "pnpm@10.32.1"
78
+ "packageManager" : "pnpm@10.32.1"
59
79
  }