@cdx-ui/styles 0.0.1-beta.5 → 0.0.1-beta.50
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/README.md +50 -19
- package/css/theme.css +104 -45
- package/css/vanilla.css +61 -29
- package/lib/commonjs/index.js +80 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/useCdxFonts.js +7 -231
- package/lib/commonjs/useCdxFonts.js.map +1 -1
- package/lib/commonjs/useForgeFonts.js +237 -0
- package/lib/commonjs/useForgeFonts.js.map +1 -0
- package/lib/module/index.js +50 -5
- package/lib/module/index.js.map +1 -1
- package/lib/module/useCdxFonts.js +2 -220
- package/lib/module/useCdxFonts.js.map +1 -1
- package/lib/module/useForgeFonts.js +223 -0
- package/lib/module/useForgeFonts.js.map +1 -0
- package/lib/typescript/index.d.ts +47 -14
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/useCdxFonts.d.ts +2 -11
- package/lib/typescript/useCdxFonts.d.ts.map +1 -1
- package/lib/typescript/useForgeFonts.d.ts +12 -0
- package/lib/typescript/useForgeFonts.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/index.ts +60 -14
- package/src/useCdxFonts.ts +2 -230
- package/src/useForgeFonts.ts +230 -0
- package/tokens/presets/.manifest.json +3 -3
- package/tokens/presets/poise.json +158 -30
- package/tokens/presets/prestige.json +1 -1
- package/tokens/presets/pulse.json +1 -1
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useForgeFonts = useForgeFonts;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _expoFont = require("expo-font");
|
|
9
|
+
var _Regular = require("@expo-google-fonts/crimson-pro/400Regular");
|
|
10
|
+
var _Medium = require("@expo-google-fonts/crimson-pro/500Medium");
|
|
11
|
+
var _SemiBold = require("@expo-google-fonts/crimson-pro/600SemiBold");
|
|
12
|
+
var _Bold = require("@expo-google-fonts/crimson-pro/700Bold");
|
|
13
|
+
var _Regular_Italic = require("@expo-google-fonts/crimson-pro/400Regular_Italic");
|
|
14
|
+
var _Medium_Italic = require("@expo-google-fonts/crimson-pro/500Medium_Italic");
|
|
15
|
+
var _SemiBold_Italic = require("@expo-google-fonts/crimson-pro/600SemiBold_Italic");
|
|
16
|
+
var _Bold_Italic = require("@expo-google-fonts/crimson-pro/700Bold_Italic");
|
|
17
|
+
var _Regular2 = require("@expo-google-fonts/bitter/400Regular");
|
|
18
|
+
var _Medium2 = require("@expo-google-fonts/bitter/500Medium");
|
|
19
|
+
var _SemiBold2 = require("@expo-google-fonts/bitter/600SemiBold");
|
|
20
|
+
var _Bold2 = require("@expo-google-fonts/bitter/700Bold");
|
|
21
|
+
var _Regular_Italic2 = require("@expo-google-fonts/bitter/400Regular_Italic");
|
|
22
|
+
var _Medium_Italic2 = require("@expo-google-fonts/bitter/500Medium_Italic");
|
|
23
|
+
var _SemiBold_Italic2 = require("@expo-google-fonts/bitter/600SemiBold_Italic");
|
|
24
|
+
var _Bold_Italic2 = require("@expo-google-fonts/bitter/700Bold_Italic");
|
|
25
|
+
var _Regular3 = require("@expo-google-fonts/dm-sans/400Regular");
|
|
26
|
+
var _Medium3 = require("@expo-google-fonts/dm-sans/500Medium");
|
|
27
|
+
var _SemiBold3 = require("@expo-google-fonts/dm-sans/600SemiBold");
|
|
28
|
+
var _Bold3 = require("@expo-google-fonts/dm-sans/700Bold");
|
|
29
|
+
var _Regular_Italic3 = require("@expo-google-fonts/dm-sans/400Regular_Italic");
|
|
30
|
+
var _Medium_Italic3 = require("@expo-google-fonts/dm-sans/500Medium_Italic");
|
|
31
|
+
var _SemiBold_Italic3 = require("@expo-google-fonts/dm-sans/600SemiBold_Italic");
|
|
32
|
+
var _Bold_Italic3 = require("@expo-google-fonts/dm-sans/700Bold_Italic");
|
|
33
|
+
var _Regular4 = require("@expo-google-fonts/libre-caslon-text/400Regular");
|
|
34
|
+
var _Bold4 = require("@expo-google-fonts/libre-caslon-text/700Bold");
|
|
35
|
+
var _Regular_Italic4 = require("@expo-google-fonts/libre-caslon-text/400Regular_Italic");
|
|
36
|
+
var _Regular5 = require("@expo-google-fonts/cormorant/400Regular");
|
|
37
|
+
var _Medium4 = require("@expo-google-fonts/cormorant/500Medium");
|
|
38
|
+
var _SemiBold4 = require("@expo-google-fonts/cormorant/600SemiBold");
|
|
39
|
+
var _Bold5 = require("@expo-google-fonts/cormorant/700Bold");
|
|
40
|
+
var _Regular_Italic5 = require("@expo-google-fonts/cormorant/400Regular_Italic");
|
|
41
|
+
var _Medium_Italic4 = require("@expo-google-fonts/cormorant/500Medium_Italic");
|
|
42
|
+
var _SemiBold_Italic4 = require("@expo-google-fonts/cormorant/600SemiBold_Italic");
|
|
43
|
+
var _Bold_Italic4 = require("@expo-google-fonts/cormorant/700Bold_Italic");
|
|
44
|
+
var _Regular6 = require("@expo-google-fonts/libre-franklin/400Regular");
|
|
45
|
+
var _Medium5 = require("@expo-google-fonts/libre-franklin/500Medium");
|
|
46
|
+
var _SemiBold5 = require("@expo-google-fonts/libre-franklin/600SemiBold");
|
|
47
|
+
var _Bold6 = require("@expo-google-fonts/libre-franklin/700Bold");
|
|
48
|
+
var _Regular_Italic6 = require("@expo-google-fonts/libre-franklin/400Regular_Italic");
|
|
49
|
+
var _Medium_Italic5 = require("@expo-google-fonts/libre-franklin/500Medium_Italic");
|
|
50
|
+
var _SemiBold_Italic5 = require("@expo-google-fonts/libre-franklin/600SemiBold_Italic");
|
|
51
|
+
var _Bold_Italic5 = require("@expo-google-fonts/libre-franklin/700Bold_Italic");
|
|
52
|
+
var _Regular7 = require("@expo-google-fonts/outfit/400Regular");
|
|
53
|
+
var _Medium6 = require("@expo-google-fonts/outfit/500Medium");
|
|
54
|
+
var _SemiBold6 = require("@expo-google-fonts/outfit/600SemiBold");
|
|
55
|
+
var _Bold7 = require("@expo-google-fonts/outfit/700Bold");
|
|
56
|
+
var _Regular8 = require("@expo-google-fonts/manrope/400Regular");
|
|
57
|
+
var _Medium7 = require("@expo-google-fonts/manrope/500Medium");
|
|
58
|
+
var _SemiBold7 = require("@expo-google-fonts/manrope/600SemiBold");
|
|
59
|
+
var _Bold8 = require("@expo-google-fonts/manrope/700Bold");
|
|
60
|
+
var _Regular9 = require("@expo-google-fonts/public-sans/400Regular");
|
|
61
|
+
var _Medium8 = require("@expo-google-fonts/public-sans/500Medium");
|
|
62
|
+
var _SemiBold8 = require("@expo-google-fonts/public-sans/600SemiBold");
|
|
63
|
+
var _Bold9 = require("@expo-google-fonts/public-sans/700Bold");
|
|
64
|
+
var _Regular_Italic7 = require("@expo-google-fonts/public-sans/400Regular_Italic");
|
|
65
|
+
var _Medium_Italic6 = require("@expo-google-fonts/public-sans/500Medium_Italic");
|
|
66
|
+
var _SemiBold_Italic6 = require("@expo-google-fonts/public-sans/600SemiBold_Italic");
|
|
67
|
+
var _Bold_Italic6 = require("@expo-google-fonts/public-sans/700Bold_Italic");
|
|
68
|
+
var _Regular0 = require("@expo-google-fonts/inter/400Regular");
|
|
69
|
+
var _Medium9 = require("@expo-google-fonts/inter/500Medium");
|
|
70
|
+
var _SemiBold9 = require("@expo-google-fonts/inter/600SemiBold");
|
|
71
|
+
var _Bold0 = require("@expo-google-fonts/inter/700Bold");
|
|
72
|
+
var _Regular_Italic8 = require("@expo-google-fonts/inter/400Regular_Italic");
|
|
73
|
+
var _Medium_Italic7 = require("@expo-google-fonts/inter/500Medium_Italic");
|
|
74
|
+
var _SemiBold_Italic7 = require("@expo-google-fonts/inter/600SemiBold_Italic");
|
|
75
|
+
var _Bold_Italic7 = require("@expo-google-fonts/inter/700Bold_Italic");
|
|
76
|
+
var _Regular1 = require("@expo-google-fonts/ibm-plex-mono/400Regular");
|
|
77
|
+
var _Medium0 = require("@expo-google-fonts/ibm-plex-mono/500Medium");
|
|
78
|
+
var _SemiBold0 = require("@expo-google-fonts/ibm-plex-mono/600SemiBold");
|
|
79
|
+
var _Bold1 = require("@expo-google-fonts/ibm-plex-mono/700Bold");
|
|
80
|
+
var _Regular_Italic9 = require("@expo-google-fonts/ibm-plex-mono/400Regular_Italic");
|
|
81
|
+
var _Medium_Italic8 = require("@expo-google-fonts/ibm-plex-mono/500Medium_Italic");
|
|
82
|
+
var _SemiBold_Italic8 = require("@expo-google-fonts/ibm-plex-mono/600SemiBold_Italic");
|
|
83
|
+
var _Bold_Italic8 = require("@expo-google-fonts/ibm-plex-mono/700Bold_Italic");
|
|
84
|
+
// Crimson Pro
|
|
85
|
+
|
|
86
|
+
// Bitter
|
|
87
|
+
|
|
88
|
+
// DM Sans
|
|
89
|
+
|
|
90
|
+
// Libre Caslon Text — weights 400 + 700 only; italic at 400 only
|
|
91
|
+
|
|
92
|
+
// Cormorant
|
|
93
|
+
|
|
94
|
+
// Libre Franklin
|
|
95
|
+
|
|
96
|
+
// Outfit — no italic files available
|
|
97
|
+
|
|
98
|
+
// Manrope — no italic files available
|
|
99
|
+
|
|
100
|
+
// Public Sans
|
|
101
|
+
|
|
102
|
+
// Inter (web platform font)
|
|
103
|
+
|
|
104
|
+
// IBM Plex Mono (web platform font)
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* All 9 display fonts (3 per preset) with weight and italic variants.
|
|
108
|
+
* Keys are token-matching registered names so CSS variable values resolve
|
|
109
|
+
* to loaded font files on all platforms.
|
|
110
|
+
*/
|
|
111
|
+
const displayFonts = {
|
|
112
|
+
// Crimson Pro (Poise)
|
|
113
|
+
'Crimson Pro': _Regular.CrimsonPro_400Regular,
|
|
114
|
+
'Crimson Pro Medium': _Medium.CrimsonPro_500Medium,
|
|
115
|
+
'Crimson Pro SemiBold': _SemiBold.CrimsonPro_600SemiBold,
|
|
116
|
+
'Crimson Pro Bold': _Bold.CrimsonPro_700Bold,
|
|
117
|
+
'Crimson Pro Italic': _Regular_Italic.CrimsonPro_400Regular_Italic,
|
|
118
|
+
'Crimson Pro Medium Italic': _Medium_Italic.CrimsonPro_500Medium_Italic,
|
|
119
|
+
'Crimson Pro SemiBold Italic': _SemiBold_Italic.CrimsonPro_600SemiBold_Italic,
|
|
120
|
+
'Crimson Pro Bold Italic': _Bold_Italic.CrimsonPro_700Bold_Italic,
|
|
121
|
+
// Bitter (Poise)
|
|
122
|
+
Bitter: _Regular2.Bitter_400Regular,
|
|
123
|
+
'Bitter Medium': _Medium2.Bitter_500Medium,
|
|
124
|
+
'Bitter SemiBold': _SemiBold2.Bitter_600SemiBold,
|
|
125
|
+
'Bitter Bold': _Bold2.Bitter_700Bold,
|
|
126
|
+
'Bitter Italic': _Regular_Italic2.Bitter_400Regular_Italic,
|
|
127
|
+
'Bitter Medium Italic': _Medium_Italic2.Bitter_500Medium_Italic,
|
|
128
|
+
'Bitter SemiBold Italic': _SemiBold_Italic2.Bitter_600SemiBold_Italic,
|
|
129
|
+
'Bitter Bold Italic': _Bold_Italic2.Bitter_700Bold_Italic,
|
|
130
|
+
// DM Sans (Poise)
|
|
131
|
+
'DM Sans': _Regular3.DMSans_400Regular,
|
|
132
|
+
'DM Sans Medium': _Medium3.DMSans_500Medium,
|
|
133
|
+
'DM Sans SemiBold': _SemiBold3.DMSans_600SemiBold,
|
|
134
|
+
'DM Sans Bold': _Bold3.DMSans_700Bold,
|
|
135
|
+
'DM Sans Italic': _Regular_Italic3.DMSans_400Regular_Italic,
|
|
136
|
+
'DM Sans Medium Italic': _Medium_Italic3.DMSans_500Medium_Italic,
|
|
137
|
+
'DM Sans SemiBold Italic': _SemiBold_Italic3.DMSans_600SemiBold_Italic,
|
|
138
|
+
'DM Sans Bold Italic': _Bold_Italic3.DMSans_700Bold_Italic,
|
|
139
|
+
// Libre Caslon Text (Prestige) — 500/600 unavailable, mapped to 400;
|
|
140
|
+
// italic only at 400, all other italic keys map to 400 italic
|
|
141
|
+
'Libre Caslon Text': _Regular4.LibreCaslonText_400Regular,
|
|
142
|
+
'Libre Caslon Text Medium': _Regular4.LibreCaslonText_400Regular,
|
|
143
|
+
'Libre Caslon Text SemiBold': _Regular4.LibreCaslonText_400Regular,
|
|
144
|
+
'Libre Caslon Text Bold': _Bold4.LibreCaslonText_700Bold,
|
|
145
|
+
'Libre Caslon Text Italic': _Regular_Italic4.LibreCaslonText_400Regular_Italic,
|
|
146
|
+
'Libre Caslon Text Medium Italic': _Regular_Italic4.LibreCaslonText_400Regular_Italic,
|
|
147
|
+
'Libre Caslon Text SemiBold Italic': _Regular_Italic4.LibreCaslonText_400Regular_Italic,
|
|
148
|
+
'Libre Caslon Text Bold Italic': _Regular_Italic4.LibreCaslonText_400Regular_Italic,
|
|
149
|
+
// Cormorant (Prestige)
|
|
150
|
+
Cormorant: _Regular5.Cormorant_400Regular,
|
|
151
|
+
'Cormorant Medium': _Medium4.Cormorant_500Medium,
|
|
152
|
+
'Cormorant SemiBold': _SemiBold4.Cormorant_600SemiBold,
|
|
153
|
+
'Cormorant Bold': _Bold5.Cormorant_700Bold,
|
|
154
|
+
'Cormorant Italic': _Regular_Italic5.Cormorant_400Regular_Italic,
|
|
155
|
+
'Cormorant Medium Italic': _Medium_Italic4.Cormorant_500Medium_Italic,
|
|
156
|
+
'Cormorant SemiBold Italic': _SemiBold_Italic4.Cormorant_600SemiBold_Italic,
|
|
157
|
+
'Cormorant Bold Italic': _Bold_Italic4.Cormorant_700Bold_Italic,
|
|
158
|
+
// Libre Franklin (Prestige)
|
|
159
|
+
'Libre Franklin': _Regular6.LibreFranklin_400Regular,
|
|
160
|
+
'Libre Franklin Medium': _Medium5.LibreFranklin_500Medium,
|
|
161
|
+
'Libre Franklin SemiBold': _SemiBold5.LibreFranklin_600SemiBold,
|
|
162
|
+
'Libre Franklin Bold': _Bold6.LibreFranklin_700Bold,
|
|
163
|
+
'Libre Franklin Italic': _Regular_Italic6.LibreFranklin_400Regular_Italic,
|
|
164
|
+
'Libre Franklin Medium Italic': _Medium_Italic5.LibreFranklin_500Medium_Italic,
|
|
165
|
+
'Libre Franklin SemiBold Italic': _SemiBold_Italic5.LibreFranklin_600SemiBold_Italic,
|
|
166
|
+
'Libre Franklin Bold Italic': _Bold_Italic5.LibreFranklin_700Bold_Italic,
|
|
167
|
+
// Outfit (Pulse) — no italic files; italic keys map to regular variants
|
|
168
|
+
Outfit: _Regular7.Outfit_400Regular,
|
|
169
|
+
'Outfit Medium': _Medium6.Outfit_500Medium,
|
|
170
|
+
'Outfit SemiBold': _SemiBold6.Outfit_600SemiBold,
|
|
171
|
+
'Outfit Bold': _Bold7.Outfit_700Bold,
|
|
172
|
+
'Outfit Italic': _Regular7.Outfit_400Regular,
|
|
173
|
+
'Outfit Medium Italic': _Medium6.Outfit_500Medium,
|
|
174
|
+
'Outfit SemiBold Italic': _SemiBold6.Outfit_600SemiBold,
|
|
175
|
+
'Outfit Bold Italic': _Bold7.Outfit_700Bold,
|
|
176
|
+
// Manrope (Pulse) — no italic files; italic keys map to regular variants
|
|
177
|
+
Manrope: _Regular8.Manrope_400Regular,
|
|
178
|
+
'Manrope Medium': _Medium7.Manrope_500Medium,
|
|
179
|
+
'Manrope SemiBold': _SemiBold7.Manrope_600SemiBold,
|
|
180
|
+
'Manrope Bold': _Bold8.Manrope_700Bold,
|
|
181
|
+
'Manrope Italic': _Regular8.Manrope_400Regular,
|
|
182
|
+
'Manrope Medium Italic': _Medium7.Manrope_500Medium,
|
|
183
|
+
'Manrope SemiBold Italic': _SemiBold7.Manrope_600SemiBold,
|
|
184
|
+
'Manrope Bold Italic': _Bold8.Manrope_700Bold,
|
|
185
|
+
// Public Sans (Pulse)
|
|
186
|
+
'Public Sans': _Regular9.PublicSans_400Regular,
|
|
187
|
+
'Public Sans Medium': _Medium8.PublicSans_500Medium,
|
|
188
|
+
'Public Sans SemiBold': _SemiBold8.PublicSans_600SemiBold,
|
|
189
|
+
'Public Sans Bold': _Bold9.PublicSans_700Bold,
|
|
190
|
+
'Public Sans Italic': _Regular_Italic7.PublicSans_400Regular_Italic,
|
|
191
|
+
'Public Sans Medium Italic': _Medium_Italic6.PublicSans_500Medium_Italic,
|
|
192
|
+
'Public Sans SemiBold Italic': _SemiBold_Italic6.PublicSans_600SemiBold_Italic,
|
|
193
|
+
'Public Sans Bold Italic': _Bold_Italic6.PublicSans_700Bold_Italic
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
/**
|
|
197
|
+
* Web platform fonts — only included when running on web.
|
|
198
|
+
* Imports remain top-level so Metro statically bundles the font files;
|
|
199
|
+
* the conditional controls whether useFonts receives them.
|
|
200
|
+
*/
|
|
201
|
+
const webFonts = _reactNative.Platform.OS === 'web' ? {
|
|
202
|
+
Inter: _Regular0.Inter_400Regular,
|
|
203
|
+
'Inter Medium': _Medium9.Inter_500Medium,
|
|
204
|
+
'Inter SemiBold': _SemiBold9.Inter_600SemiBold,
|
|
205
|
+
'Inter Bold': _Bold0.Inter_700Bold,
|
|
206
|
+
'Inter Italic': _Regular_Italic8.Inter_400Regular_Italic,
|
|
207
|
+
'Inter Medium Italic': _Medium_Italic7.Inter_500Medium_Italic,
|
|
208
|
+
'Inter SemiBold Italic': _SemiBold_Italic7.Inter_600SemiBold_Italic,
|
|
209
|
+
'Inter Bold Italic': _Bold_Italic7.Inter_700Bold_Italic,
|
|
210
|
+
'IBM Plex Mono': _Regular1.IBMPlexMono_400Regular,
|
|
211
|
+
'IBM Plex Mono Medium': _Medium0.IBMPlexMono_500Medium,
|
|
212
|
+
'IBM Plex Mono SemiBold': _SemiBold0.IBMPlexMono_600SemiBold,
|
|
213
|
+
'IBM Plex Mono Bold': _Bold1.IBMPlexMono_700Bold,
|
|
214
|
+
'IBM Plex Mono Italic': _Regular_Italic9.IBMPlexMono_400Regular_Italic,
|
|
215
|
+
'IBM Plex Mono Medium Italic': _Medium_Italic8.IBMPlexMono_500Medium_Italic,
|
|
216
|
+
'IBM Plex Mono SemiBold Italic': _SemiBold_Italic8.IBMPlexMono_600SemiBold_Italic,
|
|
217
|
+
'IBM Plex Mono Bold Italic': _Bold_Italic8.IBMPlexMono_700Bold_Italic
|
|
218
|
+
} : {};
|
|
219
|
+
|
|
220
|
+
/**
|
|
221
|
+
* Loads all Forge UI fonts — 9 display fonts (3 per preset) with weight/italic
|
|
222
|
+
* variants, plus web platform fonts (Inter, IBM Plex Mono) on web.
|
|
223
|
+
*
|
|
224
|
+
* This is a pure font loader with no preset or FI config awareness. Font
|
|
225
|
+
* selection is handled by the CSS variable layer via theme tokens.
|
|
226
|
+
*/
|
|
227
|
+
function useForgeFonts() {
|
|
228
|
+
const [loaded, error] = (0, _expoFont.useFonts)({
|
|
229
|
+
...displayFonts,
|
|
230
|
+
...webFonts
|
|
231
|
+
});
|
|
232
|
+
return {
|
|
233
|
+
loaded,
|
|
234
|
+
error
|
|
235
|
+
};
|
|
236
|
+
}
|
|
237
|
+
//# sourceMappingURL=useForgeFonts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_expoFont","_Regular","_Medium","_SemiBold","_Bold","_Regular_Italic","_Medium_Italic","_SemiBold_Italic","_Bold_Italic","_Regular2","_Medium2","_SemiBold2","_Bold2","_Regular_Italic2","_Medium_Italic2","_SemiBold_Italic2","_Bold_Italic2","_Regular3","_Medium3","_SemiBold3","_Bold3","_Regular_Italic3","_Medium_Italic3","_SemiBold_Italic3","_Bold_Italic3","_Regular4","_Bold4","_Regular_Italic4","_Regular5","_Medium4","_SemiBold4","_Bold5","_Regular_Italic5","_Medium_Italic4","_SemiBold_Italic4","_Bold_Italic4","_Regular6","_Medium5","_SemiBold5","_Bold6","_Regular_Italic6","_Medium_Italic5","_SemiBold_Italic5","_Bold_Italic5","_Regular7","_Medium6","_SemiBold6","_Bold7","_Regular8","_Medium7","_SemiBold7","_Bold8","_Regular9","_Medium8","_SemiBold8","_Bold9","_Regular_Italic7","_Medium_Italic6","_SemiBold_Italic6","_Bold_Italic6","_Regular0","_Medium9","_SemiBold9","_Bold0","_Regular_Italic8","_Medium_Italic7","_SemiBold_Italic7","_Bold_Italic7","_Regular1","_Medium0","_SemiBold0","_Bold1","_Regular_Italic9","_Medium_Italic8","_SemiBold_Italic8","_Bold_Italic8","displayFonts","CrimsonPro_400Regular","CrimsonPro_500Medium","CrimsonPro_600SemiBold","CrimsonPro_700Bold","CrimsonPro_400Regular_Italic","CrimsonPro_500Medium_Italic","CrimsonPro_600SemiBold_Italic","CrimsonPro_700Bold_Italic","Bitter","Bitter_400Regular","Bitter_500Medium","Bitter_600SemiBold","Bitter_700Bold","Bitter_400Regular_Italic","Bitter_500Medium_Italic","Bitter_600SemiBold_Italic","Bitter_700Bold_Italic","DMSans_400Regular","DMSans_500Medium","DMSans_600SemiBold","DMSans_700Bold","DMSans_400Regular_Italic","DMSans_500Medium_Italic","DMSans_600SemiBold_Italic","DMSans_700Bold_Italic","LibreCaslonText_400Regular","LibreCaslonText_700Bold","LibreCaslonText_400Regular_Italic","Cormorant","Cormorant_400Regular","Cormorant_500Medium","Cormorant_600SemiBold","Cormorant_700Bold","Cormorant_400Regular_Italic","Cormorant_500Medium_Italic","Cormorant_600SemiBold_Italic","Cormorant_700Bold_Italic","LibreFranklin_400Regular","LibreFranklin_500Medium","LibreFranklin_600SemiBold","LibreFranklin_700Bold","LibreFranklin_400Regular_Italic","LibreFranklin_500Medium_Italic","LibreFranklin_600SemiBold_Italic","LibreFranklin_700Bold_Italic","Outfit","Outfit_400Regular","Outfit_500Medium","Outfit_600SemiBold","Outfit_700Bold","Manrope","Manrope_400Regular","Manrope_500Medium","Manrope_600SemiBold","Manrope_700Bold","PublicSans_400Regular","PublicSans_500Medium","PublicSans_600SemiBold","PublicSans_700Bold","PublicSans_400Regular_Italic","PublicSans_500Medium_Italic","PublicSans_600SemiBold_Italic","PublicSans_700Bold_Italic","webFonts","Platform","OS","Inter","Inter_400Regular","Inter_500Medium","Inter_600SemiBold","Inter_700Bold","Inter_400Regular_Italic","Inter_500Medium_Italic","Inter_600SemiBold_Italic","Inter_700Bold_Italic","IBMPlexMono_400Regular","IBMPlexMono_500Medium","IBMPlexMono_600SemiBold","IBMPlexMono_700Bold","IBMPlexMono_400Regular_Italic","IBMPlexMono_500Medium_Italic","IBMPlexMono_600SemiBold_Italic","IBMPlexMono_700Bold_Italic","useForgeFonts","loaded","error","useFonts"],"sourceRoot":"../../src","sources":["useForgeFonts.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -8,12 +8,14 @@
|
|
|
8
8
|
|
|
9
9
|
/** Recursive token group — every non-leaf node in a theme object. */
|
|
10
10
|
|
|
11
|
-
/**
|
|
11
|
+
/** The three built-in Forge UI theme presets. */
|
|
12
12
|
|
|
13
|
-
/**
|
|
13
|
+
/** Theme metadata stored under `$extensions.com.forge.ui.theme`. */
|
|
14
|
+
|
|
15
|
+
/** Override metadata stored under `$extensions.com.forge.ui.themeOverride`. */
|
|
14
16
|
|
|
15
17
|
/**
|
|
16
|
-
* A complete
|
|
18
|
+
* A complete Forge UI theme object (DTCG-compatible).
|
|
17
19
|
*
|
|
18
20
|
* Presets (Poise, Prestige, Pulse) are full theme objects. At runtime the
|
|
19
21
|
* build-time default preset is augmented by FI overrides via
|
|
@@ -21,13 +23,56 @@
|
|
|
21
23
|
*/
|
|
22
24
|
|
|
23
25
|
/**
|
|
24
|
-
* A theme override
|
|
25
|
-
*
|
|
26
|
+
* A theme override using the hybrid input + semantic structure.
|
|
27
|
+
*
|
|
28
|
+
* - `inputs` — flat map of abstract FI-selected brand values (e.g.
|
|
29
|
+
* `brandPrimary`, `displayFont`). Palette generation expands these into
|
|
30
|
+
* full token scales at runtime.
|
|
31
|
+
* - `overrides` — per-mode flat maps of token dot-paths to resolved values
|
|
32
|
+
* for direct semantic token overrides beyond what inputs generate.
|
|
33
|
+
* - `$extensions` — required metadata including base preset and schema version.
|
|
34
|
+
*/
|
|
35
|
+
|
|
36
|
+
// ---------------------------------------------------------------------------
|
|
37
|
+
// Constants
|
|
38
|
+
// ---------------------------------------------------------------------------
|
|
39
|
+
|
|
40
|
+
/** Current override schema version. Consuming apps gate compatibility on this. */
|
|
41
|
+
export const OVERRIDE_SCHEMA_VERSION = '1.0.0';
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Schema versions that consuming apps accept. Includes the current version and
|
|
45
|
+
* may include the immediately prior version during transition windows.
|
|
46
|
+
* @see docs/internal/token-architecture/16-override-structure.md § 4
|
|
47
|
+
*/
|
|
48
|
+
export const SUPPORTED_OVERRIDE_SCHEMA_VERSIONS = ['1.0.0'];
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Schema-level mapping from known input keys to the token path pattern each
|
|
52
|
+
* affects. Used by override application (S5) to route inputs to the correct
|
|
53
|
+
* palette/token namespace. Distinct from the full runtime map (S3).
|
|
54
|
+
*/
|
|
55
|
+
export const INPUT_TOKEN_MAP = {
|
|
56
|
+
brandPrimary: 'color.brand',
|
|
57
|
+
accentPrimary: 'color.accent',
|
|
58
|
+
basePrimary: 'color.base',
|
|
59
|
+
displayFont: 'font.display'
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Allowed display font families per preset, consumed by the theme editor for
|
|
64
|
+
* font selection and by consuming apps for validation.
|
|
26
65
|
*/
|
|
66
|
+
export const presetFonts = {
|
|
67
|
+
poise: ['Crimson Pro', 'Bitter', 'DM Sans'],
|
|
68
|
+
prestige: ['Libre Caslon Text', 'Cormorant', 'Libre Franklin'],
|
|
69
|
+
pulse: ['Outfit', 'Manrope', 'Public Sans']
|
|
70
|
+
};
|
|
27
71
|
|
|
28
72
|
// ---------------------------------------------------------------------------
|
|
29
73
|
// Hooks
|
|
30
74
|
// ---------------------------------------------------------------------------
|
|
31
75
|
|
|
76
|
+
export { useForgeFonts } from './useForgeFonts';
|
|
32
77
|
export { useCdxFonts } from './useCdxFonts';
|
|
33
78
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCdxFonts"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA;;AAOA;;AAKA;;AAOA;;
|
|
1
|
+
{"version":3,"names":["OVERRIDE_SCHEMA_VERSION","SUPPORTED_OVERRIDE_SCHEMA_VERSIONS","INPUT_TOKEN_MAP","brandPrimary","accentPrimary","basePrimary","displayFont","presetFonts","poise","prestige","pulse","useForgeFonts","useCdxFonts"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA;;AAOA;;AAKA;;AAGA;;AAOA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,uBAAuB,GAAG,OAAgB;;AAEvD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kCAAqD,GAAG,CAAC,OAAO,CAAU;;AAEvF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7BC,YAAY,EAAE,aAAa;EAC3BC,aAAa,EAAE,cAAc;EAC7BC,WAAW,EAAE,YAAY;EACzBC,WAAW,EAAE;AACf,CAA2C;;AAE3C;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAA8C,GAAG;EAC5DC,KAAK,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC;EAC3CC,QAAQ,EAAE,CAAC,mBAAmB,EAAE,WAAW,EAAE,gBAAgB,CAAC;EAC9DC,KAAK,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa;AAC5C,CAAU;;AAEV;AACA;AACA;;AAEA,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,WAAW,QAAQ,eAAe","ignoreList":[]}
|
|
@@ -1,223 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
// Crimson Pro
|
|
6
|
-
import { CrimsonPro_400Regular } from '@expo-google-fonts/crimson-pro/400Regular';
|
|
7
|
-
import { CrimsonPro_500Medium } from '@expo-google-fonts/crimson-pro/500Medium';
|
|
8
|
-
import { CrimsonPro_600SemiBold } from '@expo-google-fonts/crimson-pro/600SemiBold';
|
|
9
|
-
import { CrimsonPro_700Bold } from '@expo-google-fonts/crimson-pro/700Bold';
|
|
10
|
-
import { CrimsonPro_400Regular_Italic } from '@expo-google-fonts/crimson-pro/400Regular_Italic';
|
|
11
|
-
import { CrimsonPro_500Medium_Italic } from '@expo-google-fonts/crimson-pro/500Medium_Italic';
|
|
12
|
-
import { CrimsonPro_600SemiBold_Italic } from '@expo-google-fonts/crimson-pro/600SemiBold_Italic';
|
|
13
|
-
import { CrimsonPro_700Bold_Italic } from '@expo-google-fonts/crimson-pro/700Bold_Italic';
|
|
14
|
-
// Bitter
|
|
15
|
-
import { Bitter_400Regular } from '@expo-google-fonts/bitter/400Regular';
|
|
16
|
-
import { Bitter_500Medium } from '@expo-google-fonts/bitter/500Medium';
|
|
17
|
-
import { Bitter_600SemiBold } from '@expo-google-fonts/bitter/600SemiBold';
|
|
18
|
-
import { Bitter_700Bold } from '@expo-google-fonts/bitter/700Bold';
|
|
19
|
-
import { Bitter_400Regular_Italic } from '@expo-google-fonts/bitter/400Regular_Italic';
|
|
20
|
-
import { Bitter_500Medium_Italic } from '@expo-google-fonts/bitter/500Medium_Italic';
|
|
21
|
-
import { Bitter_600SemiBold_Italic } from '@expo-google-fonts/bitter/600SemiBold_Italic';
|
|
22
|
-
import { Bitter_700Bold_Italic } from '@expo-google-fonts/bitter/700Bold_Italic';
|
|
23
|
-
// DM Sans
|
|
24
|
-
import { DMSans_400Regular } from '@expo-google-fonts/dm-sans/400Regular';
|
|
25
|
-
import { DMSans_500Medium } from '@expo-google-fonts/dm-sans/500Medium';
|
|
26
|
-
import { DMSans_600SemiBold } from '@expo-google-fonts/dm-sans/600SemiBold';
|
|
27
|
-
import { DMSans_700Bold } from '@expo-google-fonts/dm-sans/700Bold';
|
|
28
|
-
import { DMSans_400Regular_Italic } from '@expo-google-fonts/dm-sans/400Regular_Italic';
|
|
29
|
-
import { DMSans_500Medium_Italic } from '@expo-google-fonts/dm-sans/500Medium_Italic';
|
|
30
|
-
import { DMSans_600SemiBold_Italic } from '@expo-google-fonts/dm-sans/600SemiBold_Italic';
|
|
31
|
-
import { DMSans_700Bold_Italic } from '@expo-google-fonts/dm-sans/700Bold_Italic';
|
|
32
|
-
// Libre Caslon Text — weights 400 + 700 only; italic at 400 only
|
|
33
|
-
import { LibreCaslonText_400Regular } from '@expo-google-fonts/libre-caslon-text/400Regular';
|
|
34
|
-
import { LibreCaslonText_700Bold } from '@expo-google-fonts/libre-caslon-text/700Bold';
|
|
35
|
-
import { LibreCaslonText_400Regular_Italic } from '@expo-google-fonts/libre-caslon-text/400Regular_Italic';
|
|
36
|
-
// Cormorant
|
|
37
|
-
import { Cormorant_400Regular } from '@expo-google-fonts/cormorant/400Regular';
|
|
38
|
-
import { Cormorant_500Medium } from '@expo-google-fonts/cormorant/500Medium';
|
|
39
|
-
import { Cormorant_600SemiBold } from '@expo-google-fonts/cormorant/600SemiBold';
|
|
40
|
-
import { Cormorant_700Bold } from '@expo-google-fonts/cormorant/700Bold';
|
|
41
|
-
import { Cormorant_400Regular_Italic } from '@expo-google-fonts/cormorant/400Regular_Italic';
|
|
42
|
-
import { Cormorant_500Medium_Italic } from '@expo-google-fonts/cormorant/500Medium_Italic';
|
|
43
|
-
import { Cormorant_600SemiBold_Italic } from '@expo-google-fonts/cormorant/600SemiBold_Italic';
|
|
44
|
-
import { Cormorant_700Bold_Italic } from '@expo-google-fonts/cormorant/700Bold_Italic';
|
|
45
|
-
// Libre Franklin
|
|
46
|
-
import { LibreFranklin_400Regular } from '@expo-google-fonts/libre-franklin/400Regular';
|
|
47
|
-
import { LibreFranklin_500Medium } from '@expo-google-fonts/libre-franklin/500Medium';
|
|
48
|
-
import { LibreFranklin_600SemiBold } from '@expo-google-fonts/libre-franklin/600SemiBold';
|
|
49
|
-
import { LibreFranklin_700Bold } from '@expo-google-fonts/libre-franklin/700Bold';
|
|
50
|
-
import { LibreFranklin_400Regular_Italic } from '@expo-google-fonts/libre-franklin/400Regular_Italic';
|
|
51
|
-
import { LibreFranklin_500Medium_Italic } from '@expo-google-fonts/libre-franklin/500Medium_Italic';
|
|
52
|
-
import { LibreFranklin_600SemiBold_Italic } from '@expo-google-fonts/libre-franklin/600SemiBold_Italic';
|
|
53
|
-
import { LibreFranklin_700Bold_Italic } from '@expo-google-fonts/libre-franklin/700Bold_Italic';
|
|
54
|
-
// Outfit — no italic files available
|
|
55
|
-
import { Outfit_400Regular } from '@expo-google-fonts/outfit/400Regular';
|
|
56
|
-
import { Outfit_500Medium } from '@expo-google-fonts/outfit/500Medium';
|
|
57
|
-
import { Outfit_600SemiBold } from '@expo-google-fonts/outfit/600SemiBold';
|
|
58
|
-
import { Outfit_700Bold } from '@expo-google-fonts/outfit/700Bold';
|
|
59
|
-
// Manrope — no italic files available
|
|
60
|
-
import { Manrope_400Regular } from '@expo-google-fonts/manrope/400Regular';
|
|
61
|
-
import { Manrope_500Medium } from '@expo-google-fonts/manrope/500Medium';
|
|
62
|
-
import { Manrope_600SemiBold } from '@expo-google-fonts/manrope/600SemiBold';
|
|
63
|
-
import { Manrope_700Bold } from '@expo-google-fonts/manrope/700Bold';
|
|
64
|
-
// Public Sans
|
|
65
|
-
import { PublicSans_400Regular } from '@expo-google-fonts/public-sans/400Regular';
|
|
66
|
-
import { PublicSans_500Medium } from '@expo-google-fonts/public-sans/500Medium';
|
|
67
|
-
import { PublicSans_600SemiBold } from '@expo-google-fonts/public-sans/600SemiBold';
|
|
68
|
-
import { PublicSans_700Bold } from '@expo-google-fonts/public-sans/700Bold';
|
|
69
|
-
import { PublicSans_400Regular_Italic } from '@expo-google-fonts/public-sans/400Regular_Italic';
|
|
70
|
-
import { PublicSans_500Medium_Italic } from '@expo-google-fonts/public-sans/500Medium_Italic';
|
|
71
|
-
import { PublicSans_600SemiBold_Italic } from '@expo-google-fonts/public-sans/600SemiBold_Italic';
|
|
72
|
-
import { PublicSans_700Bold_Italic } from '@expo-google-fonts/public-sans/700Bold_Italic';
|
|
73
|
-
// Inter (web platform font)
|
|
74
|
-
import { Inter_400Regular } from '@expo-google-fonts/inter/400Regular';
|
|
75
|
-
import { Inter_500Medium } from '@expo-google-fonts/inter/500Medium';
|
|
76
|
-
import { Inter_600SemiBold } from '@expo-google-fonts/inter/600SemiBold';
|
|
77
|
-
import { Inter_700Bold } from '@expo-google-fonts/inter/700Bold';
|
|
78
|
-
import { Inter_400Regular_Italic } from '@expo-google-fonts/inter/400Regular_Italic';
|
|
79
|
-
import { Inter_500Medium_Italic } from '@expo-google-fonts/inter/500Medium_Italic';
|
|
80
|
-
import { Inter_600SemiBold_Italic } from '@expo-google-fonts/inter/600SemiBold_Italic';
|
|
81
|
-
import { Inter_700Bold_Italic } from '@expo-google-fonts/inter/700Bold_Italic';
|
|
82
|
-
// IBM Plex Mono (web platform font)
|
|
83
|
-
import { IBMPlexMono_400Regular } from '@expo-google-fonts/ibm-plex-mono/400Regular';
|
|
84
|
-
import { IBMPlexMono_500Medium } from '@expo-google-fonts/ibm-plex-mono/500Medium';
|
|
85
|
-
import { IBMPlexMono_600SemiBold } from '@expo-google-fonts/ibm-plex-mono/600SemiBold';
|
|
86
|
-
import { IBMPlexMono_700Bold } from '@expo-google-fonts/ibm-plex-mono/700Bold';
|
|
87
|
-
import { IBMPlexMono_400Regular_Italic } from '@expo-google-fonts/ibm-plex-mono/400Regular_Italic';
|
|
88
|
-
import { IBMPlexMono_500Medium_Italic } from '@expo-google-fonts/ibm-plex-mono/500Medium_Italic';
|
|
89
|
-
import { IBMPlexMono_600SemiBold_Italic } from '@expo-google-fonts/ibm-plex-mono/600SemiBold_Italic';
|
|
90
|
-
import { IBMPlexMono_700Bold_Italic } from '@expo-google-fonts/ibm-plex-mono/700Bold_Italic';
|
|
91
|
-
|
|
92
|
-
/**
|
|
93
|
-
* All 9 display fonts (3 per preset) with weight and italic variants.
|
|
94
|
-
* Keys are token-matching registered names so CSS variable values resolve
|
|
95
|
-
* to loaded font files on all platforms.
|
|
96
|
-
*/
|
|
97
|
-
const displayFonts = {
|
|
98
|
-
// Crimson Pro (Poise)
|
|
99
|
-
'Crimson Pro': CrimsonPro_400Regular,
|
|
100
|
-
'Crimson Pro Medium': CrimsonPro_500Medium,
|
|
101
|
-
'Crimson Pro SemiBold': CrimsonPro_600SemiBold,
|
|
102
|
-
'Crimson Pro Bold': CrimsonPro_700Bold,
|
|
103
|
-
'Crimson Pro Italic': CrimsonPro_400Regular_Italic,
|
|
104
|
-
'Crimson Pro Medium Italic': CrimsonPro_500Medium_Italic,
|
|
105
|
-
'Crimson Pro SemiBold Italic': CrimsonPro_600SemiBold_Italic,
|
|
106
|
-
'Crimson Pro Bold Italic': CrimsonPro_700Bold_Italic,
|
|
107
|
-
// Bitter (Poise)
|
|
108
|
-
Bitter: Bitter_400Regular,
|
|
109
|
-
'Bitter Medium': Bitter_500Medium,
|
|
110
|
-
'Bitter SemiBold': Bitter_600SemiBold,
|
|
111
|
-
'Bitter Bold': Bitter_700Bold,
|
|
112
|
-
'Bitter Italic': Bitter_400Regular_Italic,
|
|
113
|
-
'Bitter Medium Italic': Bitter_500Medium_Italic,
|
|
114
|
-
'Bitter SemiBold Italic': Bitter_600SemiBold_Italic,
|
|
115
|
-
'Bitter Bold Italic': Bitter_700Bold_Italic,
|
|
116
|
-
// DM Sans (Poise)
|
|
117
|
-
'DM Sans': DMSans_400Regular,
|
|
118
|
-
'DM Sans Medium': DMSans_500Medium,
|
|
119
|
-
'DM Sans SemiBold': DMSans_600SemiBold,
|
|
120
|
-
'DM Sans Bold': DMSans_700Bold,
|
|
121
|
-
'DM Sans Italic': DMSans_400Regular_Italic,
|
|
122
|
-
'DM Sans Medium Italic': DMSans_500Medium_Italic,
|
|
123
|
-
'DM Sans SemiBold Italic': DMSans_600SemiBold_Italic,
|
|
124
|
-
'DM Sans Bold Italic': DMSans_700Bold_Italic,
|
|
125
|
-
// Libre Caslon Text (Prestige) — 500/600 unavailable, mapped to 400;
|
|
126
|
-
// italic only at 400, all other italic keys map to 400 italic
|
|
127
|
-
'Libre Caslon Text': LibreCaslonText_400Regular,
|
|
128
|
-
'Libre Caslon Text Medium': LibreCaslonText_400Regular,
|
|
129
|
-
'Libre Caslon Text SemiBold': LibreCaslonText_400Regular,
|
|
130
|
-
'Libre Caslon Text Bold': LibreCaslonText_700Bold,
|
|
131
|
-
'Libre Caslon Text Italic': LibreCaslonText_400Regular_Italic,
|
|
132
|
-
'Libre Caslon Text Medium Italic': LibreCaslonText_400Regular_Italic,
|
|
133
|
-
'Libre Caslon Text SemiBold Italic': LibreCaslonText_400Regular_Italic,
|
|
134
|
-
'Libre Caslon Text Bold Italic': LibreCaslonText_400Regular_Italic,
|
|
135
|
-
// Cormorant (Prestige)
|
|
136
|
-
Cormorant: Cormorant_400Regular,
|
|
137
|
-
'Cormorant Medium': Cormorant_500Medium,
|
|
138
|
-
'Cormorant SemiBold': Cormorant_600SemiBold,
|
|
139
|
-
'Cormorant Bold': Cormorant_700Bold,
|
|
140
|
-
'Cormorant Italic': Cormorant_400Regular_Italic,
|
|
141
|
-
'Cormorant Medium Italic': Cormorant_500Medium_Italic,
|
|
142
|
-
'Cormorant SemiBold Italic': Cormorant_600SemiBold_Italic,
|
|
143
|
-
'Cormorant Bold Italic': Cormorant_700Bold_Italic,
|
|
144
|
-
// Libre Franklin (Prestige)
|
|
145
|
-
'Libre Franklin': LibreFranklin_400Regular,
|
|
146
|
-
'Libre Franklin Medium': LibreFranklin_500Medium,
|
|
147
|
-
'Libre Franklin SemiBold': LibreFranklin_600SemiBold,
|
|
148
|
-
'Libre Franklin Bold': LibreFranklin_700Bold,
|
|
149
|
-
'Libre Franklin Italic': LibreFranklin_400Regular_Italic,
|
|
150
|
-
'Libre Franklin Medium Italic': LibreFranklin_500Medium_Italic,
|
|
151
|
-
'Libre Franklin SemiBold Italic': LibreFranklin_600SemiBold_Italic,
|
|
152
|
-
'Libre Franklin Bold Italic': LibreFranklin_700Bold_Italic,
|
|
153
|
-
// Outfit (Pulse) — no italic files; italic keys map to regular variants
|
|
154
|
-
Outfit: Outfit_400Regular,
|
|
155
|
-
'Outfit Medium': Outfit_500Medium,
|
|
156
|
-
'Outfit SemiBold': Outfit_600SemiBold,
|
|
157
|
-
'Outfit Bold': Outfit_700Bold,
|
|
158
|
-
'Outfit Italic': Outfit_400Regular,
|
|
159
|
-
'Outfit Medium Italic': Outfit_500Medium,
|
|
160
|
-
'Outfit SemiBold Italic': Outfit_600SemiBold,
|
|
161
|
-
'Outfit Bold Italic': Outfit_700Bold,
|
|
162
|
-
// Manrope (Pulse) — no italic files; italic keys map to regular variants
|
|
163
|
-
Manrope: Manrope_400Regular,
|
|
164
|
-
'Manrope Medium': Manrope_500Medium,
|
|
165
|
-
'Manrope SemiBold': Manrope_600SemiBold,
|
|
166
|
-
'Manrope Bold': Manrope_700Bold,
|
|
167
|
-
'Manrope Italic': Manrope_400Regular,
|
|
168
|
-
'Manrope Medium Italic': Manrope_500Medium,
|
|
169
|
-
'Manrope SemiBold Italic': Manrope_600SemiBold,
|
|
170
|
-
'Manrope Bold Italic': Manrope_700Bold,
|
|
171
|
-
// Public Sans (Pulse)
|
|
172
|
-
'Public Sans': PublicSans_400Regular,
|
|
173
|
-
'Public Sans Medium': PublicSans_500Medium,
|
|
174
|
-
'Public Sans SemiBold': PublicSans_600SemiBold,
|
|
175
|
-
'Public Sans Bold': PublicSans_700Bold,
|
|
176
|
-
'Public Sans Italic': PublicSans_400Regular_Italic,
|
|
177
|
-
'Public Sans Medium Italic': PublicSans_500Medium_Italic,
|
|
178
|
-
'Public Sans SemiBold Italic': PublicSans_600SemiBold_Italic,
|
|
179
|
-
'Public Sans Bold Italic': PublicSans_700Bold_Italic
|
|
180
|
-
};
|
|
181
|
-
|
|
182
|
-
/**
|
|
183
|
-
* Web platform fonts — only included when running on web.
|
|
184
|
-
* Imports remain top-level so Metro statically bundles the font files;
|
|
185
|
-
* the conditional controls whether useFonts receives them.
|
|
186
|
-
*/
|
|
187
|
-
const webFonts = Platform.OS === 'web' ? {
|
|
188
|
-
Inter: Inter_400Regular,
|
|
189
|
-
'Inter Medium': Inter_500Medium,
|
|
190
|
-
'Inter SemiBold': Inter_600SemiBold,
|
|
191
|
-
'Inter Bold': Inter_700Bold,
|
|
192
|
-
'Inter Italic': Inter_400Regular_Italic,
|
|
193
|
-
'Inter Medium Italic': Inter_500Medium_Italic,
|
|
194
|
-
'Inter SemiBold Italic': Inter_600SemiBold_Italic,
|
|
195
|
-
'Inter Bold Italic': Inter_700Bold_Italic,
|
|
196
|
-
'IBM Plex Mono': IBMPlexMono_400Regular,
|
|
197
|
-
'IBM Plex Mono Medium': IBMPlexMono_500Medium,
|
|
198
|
-
'IBM Plex Mono SemiBold': IBMPlexMono_600SemiBold,
|
|
199
|
-
'IBM Plex Mono Bold': IBMPlexMono_700Bold,
|
|
200
|
-
'IBM Plex Mono Italic': IBMPlexMono_400Regular_Italic,
|
|
201
|
-
'IBM Plex Mono Medium Italic': IBMPlexMono_500Medium_Italic,
|
|
202
|
-
'IBM Plex Mono SemiBold Italic': IBMPlexMono_600SemiBold_Italic,
|
|
203
|
-
'IBM Plex Mono Bold Italic': IBMPlexMono_700Bold_Italic
|
|
204
|
-
} : {};
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* Loads all CDX UI fonts — 9 display fonts (3 per preset) with weight/italic
|
|
208
|
-
* variants, plus web platform fonts (Inter, IBM Plex Mono) on web.
|
|
209
|
-
*
|
|
210
|
-
* This is a pure font loader with no preset or FI config awareness. Font
|
|
211
|
-
* selection is handled by the CSS variable layer via theme tokens.
|
|
212
|
-
*/
|
|
213
|
-
export function useCdxFonts() {
|
|
214
|
-
const [loaded, error] = useFonts({
|
|
215
|
-
...displayFonts,
|
|
216
|
-
...webFonts
|
|
217
|
-
});
|
|
218
|
-
return {
|
|
219
|
-
loaded,
|
|
220
|
-
error
|
|
221
|
-
};
|
|
222
|
-
}
|
|
3
|
+
/** @deprecated Use `useForgeFonts` instead. Will be removed in a future major release. */
|
|
4
|
+
export { useForgeFonts as useCdxFonts } from './useForgeFonts';
|
|
223
5
|
//# sourceMappingURL=useCdxFonts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useForgeFonts","useCdxFonts"],"sourceRoot":"../../src","sources":["useCdxFonts.ts"],"mappings":";;AAAA;AACA,SAASA,aAAa,IAAIC,WAAW,QAAQ,iBAAiB","ignoreList":[]}
|