@flamingo-stack/openframe-frontend-core 0.0.688-snapshot.20260929224143 → 0.0.688

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.
package/dist/fonts.cjs ADDED
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ var google = require('next/font/google');
4
+
5
+ // src/fonts.ts
6
+ var azeretMono = google.Azeret_Mono({
7
+ subsets: ["latin"],
8
+ display: "swap",
9
+ variable: "--font-azeret-mono",
10
+ weight: ["400", "500", "600", "700"]
11
+ });
12
+ var dmSans = google.DM_Sans({
13
+ subsets: ["latin"],
14
+ display: "swap",
15
+ variable: "--font-dm-sans",
16
+ weight: ["400", "500", "700"]
17
+ });
18
+
19
+ exports.azeretMono = azeretMono;
20
+ exports.dmSans = dmSans;
21
+ //# sourceMappingURL=fonts.cjs.map
22
+ //# sourceMappingURL=fonts.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/fonts.ts"],"names":["Azeret_Mono","DM_Sans"],"mappings":";;;;;AAEO,IAAM,aAAaA,kBAAA,CAAY;AAAA,EACpC,OAAA,EAAS,CAAC,OAAO,CAAA;AAAA,EACjB,OAAA,EAAS,MAAA;AAAA,EACT,QAAA,EAAU,oBAAA;AAAA,EACV,MAAA,EAAQ,CAAC,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK;AACrC,CAAC;AAEM,IAAM,SAASC,cAAA,CAAQ;AAAA,EAC5B,OAAA,EAAS,CAAC,OAAO,CAAA;AAAA,EACjB,OAAA,EAAS,MAAA;AAAA,EACT,QAAA,EAAU,gBAAA;AAAA,EACV,MAAA,EAAQ,CAAC,KAAA,EAAO,KAAA,EAAO,KAAK;AAC9B,CAAC","file":"fonts.cjs","sourcesContent":["import { Azeret_Mono, DM_Sans } from 'next/font/google';\n\nexport const azeretMono = Azeret_Mono({\n subsets: ['latin'],\n display: 'swap',\n variable: '--font-azeret-mono',\n weight: ['400', '500', '600', '700'],\n});\n\nexport const dmSans = DM_Sans({\n subsets: ['latin'],\n display: 'swap',\n variable: '--font-dm-sans',\n weight: ['400', '500', '700'],\n});\n"]}
@@ -0,0 +1,3 @@
1
+ export declare const azeretMono: import("next/dist/compiled/@next/font").NextFontWithVariable;
2
+ export declare const dmSans: import("next/dist/compiled/@next/font").NextFontWithVariable;
3
+ //# sourceMappingURL=fonts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,8DAKrB,CAAC;AAEH,eAAO,MAAM,MAAM,8DAKjB,CAAC"}
package/dist/fonts.js ADDED
@@ -0,0 +1,19 @@
1
+ import { Azeret_Mono, DM_Sans } from 'next/font/google';
2
+
3
+ // src/fonts.ts
4
+ var azeretMono = Azeret_Mono({
5
+ subsets: ["latin"],
6
+ display: "swap",
7
+ variable: "--font-azeret-mono",
8
+ weight: ["400", "500", "600", "700"]
9
+ });
10
+ var dmSans = DM_Sans({
11
+ subsets: ["latin"],
12
+ display: "swap",
13
+ variable: "--font-dm-sans",
14
+ weight: ["400", "500", "700"]
15
+ });
16
+
17
+ export { azeretMono, dmSans };
18
+ //# sourceMappingURL=fonts.js.map
19
+ //# sourceMappingURL=fonts.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/fonts.ts"],"names":[],"mappings":";;;AAEO,IAAM,aAAa,WAAA,CAAY;AAAA,EACpC,OAAA,EAAS,CAAC,OAAO,CAAA;AAAA,EACjB,OAAA,EAAS,MAAA;AAAA,EACT,QAAA,EAAU,oBAAA;AAAA,EACV,MAAA,EAAQ,CAAC,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK;AACrC,CAAC;AAEM,IAAM,SAAS,OAAA,CAAQ;AAAA,EAC5B,OAAA,EAAS,CAAC,OAAO,CAAA;AAAA,EACjB,OAAA,EAAS,MAAA;AAAA,EACT,QAAA,EAAU,gBAAA;AAAA,EACV,MAAA,EAAQ,CAAC,KAAA,EAAO,KAAA,EAAO,KAAK;AAC9B,CAAC","file":"fonts.js","sourcesContent":["import { Azeret_Mono, DM_Sans } from 'next/font/google';\n\nexport const azeretMono = Azeret_Mono({\n subsets: ['latin'],\n display: 'swap',\n variable: '--font-azeret-mono',\n weight: ['400', '500', '600', '700'],\n});\n\nexport const dmSans = DM_Sans({\n subsets: ['latin'],\n display: 'swap',\n variable: '--font-dm-sans',\n weight: ['400', '500', '700'],\n});\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flamingo-stack/openframe-frontend-core",
3
- "version": "0.0.688-snapshot.20260929224143",
3
+ "version": "0.0.688",
4
4
  "description": "Shared design system and components for all Flamingo platforms",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -308,6 +308,12 @@
308
308
  "require": "./dist/assets/index.cjs",
309
309
  "default": "./dist/assets/index.js"
310
310
  },
311
+ "./fonts": {
312
+ "types": "./dist/fonts.d.ts",
313
+ "import": "./dist/fonts.js",
314
+ "require": "./dist/fonts.cjs",
315
+ "default": "./dist/fonts.js"
316
+ },
311
317
  "./tailwind.config.ts": {
312
318
  "types": "./dist/tailwind.config.d.ts",
313
319
  "default": "./tailwind.config.ts"
package/src/.fonts.md ADDED
@@ -0,0 +1,49 @@
1
+ <!-- source-hash: fa3f975937cf35fa35d39407214facab -->
2
+ This file configures and exports Google Fonts for use in a Next.js application, specifically setting up Azeret Mono and DM Sans with optimized loading and CSS variable integration.
3
+
4
+ ## Key Components
5
+
6
+ - **azeretMono** - Azeret Mono monospace font configuration with multiple weights
7
+ - **dmSans** - DM Sans sans-serif font configuration for general text usage
8
+
9
+ ## Font Configuration
10
+
11
+ Both fonts are configured with:
12
+ - **Latin subset** for optimal loading
13
+ - **Display swap** for improved performance and reduced layout shift
14
+ - **CSS variables** for easy theming integration
15
+ - **Multiple weights** for typography hierarchy
16
+
17
+ ## Usage Example
18
+
19
+ ```typescript
20
+ // In your Next.js layout or page component
21
+ import { azeretMono, dmSans } from './fonts'
22
+
23
+ export default function RootLayout({
24
+ children,
25
+ }: {
26
+ children: React.ReactNode
27
+ }) {
28
+ return (
29
+ <html lang="en" className={`${dmSans.variable} ${azeretMono.variable}`}>
30
+ <body className="font-sans">
31
+ {children}
32
+ </body>
33
+ </html>
34
+ )
35
+ }
36
+ ```
37
+
38
+ ```css
39
+ /* In your CSS/Tailwind config */
40
+ .font-mono {
41
+ font-family: var(--font-azeret-mono), monospace;
42
+ }
43
+
44
+ .font-sans {
45
+ font-family: var(--font-dm-sans), sans-serif;
46
+ }
47
+ ```
48
+
49
+ The fonts will be automatically optimized by Next.js with preloading and self-hosting for improved performance.
package/src/fonts.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { Azeret_Mono, DM_Sans } from 'next/font/google';
2
+
3
+ export const azeretMono = Azeret_Mono({
4
+ subsets: ['latin'],
5
+ display: 'swap',
6
+ variable: '--font-azeret-mono',
7
+ weight: ['400', '500', '600', '700'],
8
+ });
9
+
10
+ export const dmSans = DM_Sans({
11
+ subsets: ['latin'],
12
+ display: 'swap',
13
+ variable: '--font-dm-sans',
14
+ weight: ['400', '500', '700'],
15
+ });
@@ -26,8 +26,7 @@ ui-kit/src/styles/
26
26
  ├── ods-responsive-tokens.css # Breakpoints, fluid font-size clamps
27
27
  ├── dark_theme.tokens.json # Source of truth for dark primitives (1:1 with ods-colors.css)
28
28
  ├── light_theme.tokens.json # Source of truth for light primitives
29
- ├── fonts.css # THE font loader: self-hosted Azeret Mono + DM Sans (@font-face), all apps
30
- ├── fonts/ # The woff2 files it serves (SIL OFL 1.1, licenses included)
29
+ ├── storybook-fonts.css # Direct font CSS for Storybook (Next.js apps use next/font)
31
30
  ├── vendor-react-easy-crop.css # Vendor override for react-easy-crop
32
31
  ├── vendor-react-scroll.css # Vendor override for react-scroll
33
32
  └── README.md # This file
@@ -1,5 +1,4 @@
1
1
  /* Import the ODS design system files */
2
- @import './fonts.css';
3
2
  @import './ods-colors.css';
4
3
  @import './ods-design-tokens.css';
5
4
  @import './ods-interaction-states.css';
@@ -0,0 +1,3 @@
1
+ /* Google Fonts for Storybook only.
2
+ Next.js apps should use next/font/google via fonts.ts instead. */
3
+ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Azeret+Mono:wght@400;500;600;700&display=swap');
@@ -1,93 +0,0 @@
1
- Copyright 2021 The Azeret Project Authors (https://github.com/displaay/azeret) AzeretMono-Italic[wght].ttf: Copyright 2021 The Azeret Project Authors (https://github.com/displaay/azeret)
2
-
3
- This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
- This license is copied below, and is also available with a FAQ at:
5
- http://scripts.sil.org/OFL
6
-
7
-
8
- -----------------------------------------------------------
9
- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
- -----------------------------------------------------------
11
-
12
- PREAMBLE
13
- The goals of the Open Font License (OFL) are to stimulate worldwide
14
- development of collaborative font projects, to support the font creation
15
- efforts of academic and linguistic communities, and to provide a free and
16
- open framework in which fonts may be shared and improved in partnership
17
- with others.
18
-
19
- The OFL allows the licensed fonts to be used, studied, modified and
20
- redistributed freely as long as they are not sold by themselves. The
21
- fonts, including any derivative works, can be bundled, embedded,
22
- redistributed and/or sold with any software provided that any reserved
23
- names are not used by derivative works. The fonts and derivatives,
24
- however, cannot be released under any other type of license. The
25
- requirement for fonts to remain under this license does not apply
26
- to any document created using the fonts or their derivatives.
27
-
28
- DEFINITIONS
29
- "Font Software" refers to the set of files released by the Copyright
30
- Holder(s) under this license and clearly marked as such. This may
31
- include source files, build scripts and documentation.
32
-
33
- "Reserved Font Name" refers to any names specified as such after the
34
- copyright statement(s).
35
-
36
- "Original Version" refers to the collection of Font Software components as
37
- distributed by the Copyright Holder(s).
38
-
39
- "Modified Version" refers to any derivative made by adding to, deleting,
40
- or substituting -- in part or in whole -- any of the components of the
41
- Original Version, by changing formats or by porting the Font Software to a
42
- new environment.
43
-
44
- "Author" refers to any designer, engineer, programmer, technical
45
- writer or other person who contributed to the Font Software.
46
-
47
- PERMISSION & CONDITIONS
48
- Permission is hereby granted, free of charge, to any person obtaining
49
- a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
- redistribute, and sell modified and unmodified copies of the Font
51
- Software, subject to the following conditions:
52
-
53
- 1) Neither the Font Software nor any of its individual components,
54
- in Original or Modified Versions, may be sold by itself.
55
-
56
- 2) Original or Modified Versions of the Font Software may be bundled,
57
- redistributed and/or sold with any software, provided that each copy
58
- contains the above copyright notice and this license. These can be
59
- included either as stand-alone text files, human-readable headers or
60
- in the appropriate machine-readable metadata fields within text or
61
- binary files as long as those fields can be easily viewed by the user.
62
-
63
- 3) No Modified Version of the Font Software may use the Reserved Font
64
- Name(s) unless explicit written permission is granted by the corresponding
65
- Copyright Holder. This restriction only applies to the primary font name as
66
- presented to the users.
67
-
68
- 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
- Software shall not be used to promote, endorse or advertise any
70
- Modified Version, except to acknowledge the contribution(s) of the
71
- Copyright Holder(s) and the Author(s) or with their explicit written
72
- permission.
73
-
74
- 5) The Font Software, modified or unmodified, in part or in whole,
75
- must be distributed entirely under this license, and must not be
76
- distributed under any other license. The requirement for fonts to
77
- remain under this license does not apply to any document created
78
- using the Font Software.
79
-
80
- TERMINATION
81
- This license becomes null and void if any of the above conditions are
82
- not met.
83
-
84
- DISCLAIMER
85
- THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
- EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
- MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
- OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
- COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
- INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
- DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
- FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
- OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -1,93 +0,0 @@
1
- Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts) DMSans-Italic[opsz,wght].ttf: Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts)
2
-
3
- This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
- This license is copied below, and is also available with a FAQ at:
5
- http://scripts.sil.org/OFL
6
-
7
-
8
- -----------------------------------------------------------
9
- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
- -----------------------------------------------------------
11
-
12
- PREAMBLE
13
- The goals of the Open Font License (OFL) are to stimulate worldwide
14
- development of collaborative font projects, to support the font creation
15
- efforts of academic and linguistic communities, and to provide a free and
16
- open framework in which fonts may be shared and improved in partnership
17
- with others.
18
-
19
- The OFL allows the licensed fonts to be used, studied, modified and
20
- redistributed freely as long as they are not sold by themselves. The
21
- fonts, including any derivative works, can be bundled, embedded,
22
- redistributed and/or sold with any software provided that any reserved
23
- names are not used by derivative works. The fonts and derivatives,
24
- however, cannot be released under any other type of license. The
25
- requirement for fonts to remain under this license does not apply
26
- to any document created using the fonts or their derivatives.
27
-
28
- DEFINITIONS
29
- "Font Software" refers to the set of files released by the Copyright
30
- Holder(s) under this license and clearly marked as such. This may
31
- include source files, build scripts and documentation.
32
-
33
- "Reserved Font Name" refers to any names specified as such after the
34
- copyright statement(s).
35
-
36
- "Original Version" refers to the collection of Font Software components as
37
- distributed by the Copyright Holder(s).
38
-
39
- "Modified Version" refers to any derivative made by adding to, deleting,
40
- or substituting -- in part or in whole -- any of the components of the
41
- Original Version, by changing formats or by porting the Font Software to a
42
- new environment.
43
-
44
- "Author" refers to any designer, engineer, programmer, technical
45
- writer or other person who contributed to the Font Software.
46
-
47
- PERMISSION & CONDITIONS
48
- Permission is hereby granted, free of charge, to any person obtaining
49
- a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
- redistribute, and sell modified and unmodified copies of the Font
51
- Software, subject to the following conditions:
52
-
53
- 1) Neither the Font Software nor any of its individual components,
54
- in Original or Modified Versions, may be sold by itself.
55
-
56
- 2) Original or Modified Versions of the Font Software may be bundled,
57
- redistributed and/or sold with any software, provided that each copy
58
- contains the above copyright notice and this license. These can be
59
- included either as stand-alone text files, human-readable headers or
60
- in the appropriate machine-readable metadata fields within text or
61
- binary files as long as those fields can be easily viewed by the user.
62
-
63
- 3) No Modified Version of the Font Software may use the Reserved Font
64
- Name(s) unless explicit written permission is granted by the corresponding
65
- Copyright Holder. This restriction only applies to the primary font name as
66
- presented to the users.
67
-
68
- 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
- Software shall not be used to promote, endorse or advertise any
70
- Modified Version, except to acknowledge the contribution(s) of the
71
- Copyright Holder(s) and the Author(s) or with their explicit written
72
- permission.
73
-
74
- 5) The Font Software, modified or unmodified, in part or in whole,
75
- must be distributed entirely under this license, and must not be
76
- distributed under any other license. The requirement for fonts to
77
- remain under this license does not apply to any document created
78
- using the Font Software.
79
-
80
- TERMINATION
81
- This license becomes null and void if any of the above conditions are
82
- not met.
83
-
84
- DISCLAIMER
85
- THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
- EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
- MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
- OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
- COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
- INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
- DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
- FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
- OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -1,65 +0,0 @@
1
- /* ODS fonts: THE one place Azeret Mono and DM Sans are loaded, for every app
2
- (Next, Vite, Storybook). Self-hosted: the Latin woff2 subsets of
3
- @fontsource/azeret-mono and @fontsource/dm-sans (SIL OFL 1.1, licenses in
4
- ./fonts), so no build or page ever fetches Google Fonts.
5
-
6
- The family names are the ones the ODS tokens name (`--font-family-heading`,
7
- `--font-family-body` in ods-design-tokens.css), so every `font-heading`,
8
- `font-body`, `text-h1`..`text-h6` resolves to these files. The two variables
9
- below keep `var(--font-azeret-mono)` / `var(--font-dm-sans)` working. */
10
-
11
- @font-face {
12
- font-family: 'Azeret Mono';
13
- font-style: normal;
14
- font-weight: 400;
15
- font-display: swap;
16
- src: url('./fonts/azeret-mono-latin-400-normal.woff2') format('woff2');
17
- }
18
- @font-face {
19
- font-family: 'Azeret Mono';
20
- font-style: normal;
21
- font-weight: 500;
22
- font-display: swap;
23
- src: url('./fonts/azeret-mono-latin-500-normal.woff2') format('woff2');
24
- }
25
- @font-face {
26
- font-family: 'Azeret Mono';
27
- font-style: normal;
28
- font-weight: 600;
29
- font-display: swap;
30
- src: url('./fonts/azeret-mono-latin-600-normal.woff2') format('woff2');
31
- }
32
- @font-face {
33
- font-family: 'Azeret Mono';
34
- font-style: normal;
35
- font-weight: 700;
36
- font-display: swap;
37
- src: url('./fonts/azeret-mono-latin-700-normal.woff2') format('woff2');
38
- }
39
-
40
- @font-face {
41
- font-family: 'DM Sans';
42
- font-style: normal;
43
- font-weight: 400;
44
- font-display: swap;
45
- src: url('./fonts/dm-sans-latin-400-normal.woff2') format('woff2');
46
- }
47
- @font-face {
48
- font-family: 'DM Sans';
49
- font-style: normal;
50
- font-weight: 500;
51
- font-display: swap;
52
- src: url('./fonts/dm-sans-latin-500-normal.woff2') format('woff2');
53
- }
54
- @font-face {
55
- font-family: 'DM Sans';
56
- font-style: normal;
57
- font-weight: 700;
58
- font-display: swap;
59
- src: url('./fonts/dm-sans-latin-700-normal.woff2') format('woff2');
60
- }
61
-
62
- :root {
63
- --font-azeret-mono: 'Azeret Mono';
64
- --font-dm-sans: 'DM Sans';
65
- }