@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/fonts/fonts.css ADDED
@@ -0,0 +1,70 @@
1
+ /* Obvia Sans */
2
+ @font-face {
3
+ font-family: "Obvia Sans";
4
+ src: url("./fonts/obvia-sans/Obvia-Variable.woff2") format("woff2");
5
+ font-weight: 100 900;
6
+ font-display: swap;
7
+ }
8
+ .font-obvia-sans {
9
+ font-family: "Obvia Sans", sans-serif;
10
+ }
11
+
12
+ /* Obvia Mono */
13
+ @font-face {
14
+ font-family: "Obvia Mono";
15
+ src: url("./fonts/obvia-mono/ObviaMono-Variable.woff2") format("woff2");
16
+ font-weight: 100 900;
17
+ font-display: swap;
18
+ }
19
+ .font-obvia-mono {
20
+ font-family: "Obvia Mono", ui-monospace, SFMono-Regular, Roboto Mono,
21
+ Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
22
+ }
23
+
24
+ /* Obvia Pixel */
25
+ @font-face {
26
+ font-family: "Obvia Pixel Square";
27
+ src: url("./fonts/obvia-pixel/ObviaPixel-Square.woff2") format("woff2");
28
+ font-weight: 500;
29
+ font-display: swap;
30
+ }
31
+ @font-face {
32
+ font-family: "Obvia Pixel Grid";
33
+ src: url("./fonts/obvia-pixel/ObviaPixel-Grid.woff2") format("woff2");
34
+ font-weight: 500;
35
+ font-display: swap;
36
+ }
37
+ @font-face {
38
+ font-family: "Obvia Pixel Circle";
39
+ src: url("./fonts/obvia-pixel/ObviaPixel-Circle.woff2") format("woff2");
40
+ font-weight: 500;
41
+ font-display: swap;
42
+ }
43
+ @font-face {
44
+ font-family: "Obvia Pixel Triangle";
45
+ src: url("./fonts/obvia-pixel/ObviaPixel-Triangle.woff2") format("woff2");
46
+ font-weight: 500;
47
+ font-display: swap;
48
+ }
49
+ @font-face {
50
+ font-family: "Obvia Pixel Line";
51
+ src: url("./fonts/obvia-pixel/ObviaPixel-Line.woff2") format("woff2");
52
+ font-weight: 500;
53
+ font-display: swap;
54
+ }
55
+
56
+ .font-obvia-pixel-square {
57
+ font-family: "Obvia Pixel Square", "Obvia Mono", monospace;
58
+ }
59
+ .font-obvia-pixel-grid {
60
+ font-family: "Obvia Pixel Grid", "Obvia Mono", monospace;
61
+ }
62
+ .font-obvia-pixel-circle {
63
+ font-family: "Obvia Pixel Circle", "Obvia Mono", monospace;
64
+ }
65
+ .font-obvia-pixel-triangle {
66
+ font-family: "Obvia Pixel Triangle", "Obvia Mono", monospace;
67
+ }
68
+ .font-obvia-pixel-line {
69
+ font-family: "Obvia Pixel Line", "Obvia Mono", monospace;
70
+ }
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { NextFontWithVariable } from 'next/dist/compiled/@next/font';
2
-
1
+ import { NextFontWithVariable } from "next/dist/compiled/@next/font"
2
+
3
3
  declare module "@obvia/fonts" {
4
4
  /**
5
5
  * **Obvia Sans** font, with `className` and `variable` properties, meant to be attached to DOM elements via `className`
@@ -14,6 +14,21 @@ declare module "@obvia/fonts" {
14
14
  * - `700` - Bold
15
15
  * - `800` - Black
16
16
  * - `900` - Ultra Black
17
+ *
18
+ * **Usage**
19
+ * ```tsx
20
+ * import { obviaSans } from "@obvia/fonts"
21
+ *
22
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
23
+ * return (
24
+ * <html lang="en">
25
+ * <body className={`${obviaSans.variable}`}>
26
+ * {children}
27
+ * </body>
28
+ * </html>
29
+ * );
30
+ * }
31
+ * ```
17
32
  */
18
33
  export const obviaSans: NextFontWithVariable
19
34
 
@@ -30,6 +45,21 @@ declare module "@obvia/fonts" {
30
45
  * - `700` - Bold
31
46
  * - `800` - Black
32
47
  * - `900` - Ultra Black
48
+ *
49
+ * **Usage**
50
+ * ```tsx
51
+ * import { obviaMono } from "@obvia/fonts"
52
+ *
53
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
54
+ * return (
55
+ * <html lang="en">
56
+ * <body className={`${obviaMono.variable}`}>
57
+ * {children}
58
+ * </body>
59
+ * </html>
60
+ * );
61
+ * }
62
+ * ```
33
63
  */
34
64
  export const obviaMono: NextFontWithVariable
35
65
 
@@ -38,6 +68,21 @@ declare module "@obvia/fonts" {
38
68
  *
39
69
  * **Weights**
40
70
  * - `500` - Medium
71
+ *
72
+ * **Usage**
73
+ * ```tsx
74
+ * import { obviaPixelSquare } from "@obvia/fonts"
75
+ *
76
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
77
+ * return (
78
+ * <html lang="en">
79
+ * <body className={`${obviaPixelSquare.variable}`}>
80
+ * {children}
81
+ * </body>
82
+ * </html>
83
+ * );
84
+ * }
85
+ * ```
41
86
  */
42
87
  export const obviaPixelSquare: NextFontWithVariable
43
88
 
@@ -46,6 +91,21 @@ declare module "@obvia/fonts" {
46
91
  *
47
92
  * **Weights**
48
93
  * - `500` - Medium
94
+ *
95
+ * **Usage**
96
+ * ```tsx
97
+ * import { obviaPixelGrid } from "@obvia/fonts"
98
+ *
99
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
100
+ * return (
101
+ * <html lang="en">
102
+ * <body className={`${obviaPixelGrid.variable}`}>
103
+ * {children}
104
+ * </body>
105
+ * </html>
106
+ * );
107
+ * }
108
+ * ```
49
109
  */
50
110
  export const obviaPixelGrid: NextFontWithVariable
51
111
 
@@ -54,6 +114,21 @@ declare module "@obvia/fonts" {
54
114
  *
55
115
  * **Weights**
56
116
  * - `500` - Medium
117
+ *
118
+ * **Usage**
119
+ * ```tsx
120
+ * import { obviaPixelCircle } from "@obvia/fonts"
121
+ *
122
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
123
+ * return (
124
+ * <html lang="en">
125
+ * <body className={`${obviaPixelCircle.variable}`}>
126
+ * {children}
127
+ * </body>
128
+ * </html>
129
+ * );
130
+ * }
131
+ * ```
57
132
  */
58
133
  export const obviaPixelCircle: NextFontWithVariable
59
134
 
@@ -62,6 +137,21 @@ declare module "@obvia/fonts" {
62
137
  *
63
138
  * **Weights**
64
139
  * - `500` - Medium
140
+ *
141
+ * **Usage**
142
+ * ```tsx
143
+ * import { obviaPixelTriangle } from "@obvia/fonts"
144
+ *
145
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
146
+ * return (
147
+ * <html lang="en">
148
+ * <body className={`${obviaPixelTriangle.variable}`}>
149
+ * {children}
150
+ * </body>
151
+ * </html>
152
+ * );
153
+ * }
154
+ * ```
65
155
  */
66
156
  export const obviaPixelTriangle: NextFontWithVariable
67
157
 
@@ -70,6 +160,21 @@ declare module "@obvia/fonts" {
70
160
  *
71
161
  * **Weights**
72
162
  * - `500` - Medium
163
+ *
164
+ * **Usage**
165
+ * ```tsx
166
+ * import { obviaPixelLine } from "@obvia/fonts"
167
+ *
168
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
169
+ * return (
170
+ * <html lang="en">
171
+ * <body className={`${obviaPixelLine.variable}`}>
172
+ * {children}
173
+ * </body>
174
+ * </html>
175
+ * )
176
+ * }
177
+ * ```
73
178
  */
74
179
  export const obviaPixelLine: NextFontWithVariable
75
- }
180
+ }