@flamingo-stack/openframe-frontend-core 0.0.435-snapshot.20260716111212 → 0.0.435

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/ODS_TOKEN_RULES.md +7 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flamingo-stack/openframe-frontend-core",
3
- "version": "0.0.435-snapshot.20260716111212",
3
+ "version": "0.0.435",
4
4
  "description": "Shared design system and components for all Flamingo platforms",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/ODS_TOKEN_RULES.md CHANGED
@@ -64,35 +64,18 @@ leave them as Tailwind sizing classes.
64
64
 
65
65
  ## Typography
66
66
 
67
- Two families only: **Azeret Mono** (headings and technical/section labels — `--font-family-heading`)
68
- and **DM Sans** (body text and regular labels — `--font-family-body`).
69
-
70
67
  Use the ODS composite typography utilities (`text-h1` … `text-h6`). Never write raw `text-[16px]`,
71
68
  `text-4xl`, or font-family overrides like `font-['DM_Sans']`.
72
69
 
73
- Figma source of truth:
74
- [Fonts — styles](https://www.figma.com/design/NYUB1Xe0bJyIuL16aUE81Z/open-design-system?node-id=132-413) ·
75
- [Font Sizes Table — responsive](https://www.figma.com/design/NYUB1Xe0bJyIuL16aUE81Z/open-design-system?node-id=132-460)
76
-
77
- Sizes below are `font-size/line-height` in px per breakpoint (desktop ≥1280px, tablet ≥800px,
78
- mobile below):
79
-
80
- | Class | Font | Weight | Desktop | Tablet | Mobile | Letter-spacing | Text-transform |
81
- |-------|------|--------|---------|--------|--------|----------------|----------------|
82
- | `text-h1` | Azeret Mono | 600 (semibold) | 56/64 | 48/56 | 40/40 | -0.02em | none |
83
- | `text-h2` | Azeret Mono | 600 (semibold) | 32/40 | 32/40 | 24/32 | -0.02em | none |
84
- | `text-h3` | DM Sans | **700 (bold)** | 18/24 | 18/24 | 14/20 | -0.02em | none |
85
- | `text-h4` | DM Sans | 500 (medium) | 18/24 | 18/24 | 14/20 | 0 | none |
86
- | `text-h5` | Azeret Mono | 500 (medium) | 14/20 | 14/20 | 12/16 | -0.02em | **uppercase** |
87
- | `text-h6` | DM Sans | 500 (medium) | 14/20 | 14/20 | 12/16 | 0 | none |
88
-
89
- The breakpoint scaling is built into the utilities via the responsive CSS variables
90
- (`--font-size-h*` / `--font-line-space-h*` in `src/styles/ods-responsive-tokens.css`) — never
91
- re-implement it with `md:`/`lg:` size overrides.
70
+ | Class | Font | Weight | Size (tablet+) | Line-height | Text-transform |
71
+ |-------|------|--------|-----------------|-------------|----------------|
72
+ | `text-h3` | DM Sans | **700 (bold)** | 18px | 24px | none |
73
+ | `text-h4` | DM Sans | 500 (medium) | 18px | 24px | none |
74
+ | `text-h5` | Azeret Mono | 500 (medium) | 14px | 20px | **uppercase** |
75
+ | `text-h6` | DM Sans | 500 (medium) | 14px | 20px | none |
92
76
 
93
- Key distinctions:
77
+ `text-h1` / `text-h2` cover larger headings. Key distinctions:
94
78
 
95
- - `text-h1` vs `text-h2`: both Azeret Mono semibold — h1 is the page title, h2 a section sub-title.
96
79
  - `text-h3` vs `text-h4`: same size (18px) but h3 is **bold**, h4 is **medium** — h4 for stat values, h3 for bold headings.
97
80
  - `text-h5` vs `text-h6`: same size (14px) but h5 is **Azeret Mono uppercase** (section labels like "POLICY TESTING"), h6 is **DM Sans sentence case** (regular labels like "Started", "Duration").
98
81