@cdx-ui/styles 0.0.1-alpha.36 → 0.0.1-alpha.38
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 +14 -1
- package/css/theme.css +116 -2
- package/css/vanilla.css +72 -2
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/useCdxFonts.js +237 -0
- package/lib/commonjs/useCdxFonts.js.map +1 -0
- package/lib/module/index.js +31 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/useCdxFonts.js +223 -0
- package/lib/module/useCdxFonts.js.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/useCdxFonts.d.ts +12 -0
- package/lib/typescript/useCdxFonts.d.ts.map +1 -0
- package/package.json +32 -3
- package/src/index.ts +6 -0
- package/src/useCdxFonts.ts +230 -0
- package/tokens/presets/poise.json +336 -0
- package/tokens/presets/prestige.json +224 -0
- package/tokens/presets/pulse.json +224 -0
package/README.md
CHANGED
|
@@ -117,6 +117,18 @@ pnpm tokens:build
|
|
|
117
117
|
| Preset patches | Package (JSON) | Sparse diff from build default → each non-default preset |
|
|
118
118
|
| Validation manifest | API deploy bundle | Allow-listed paths and types for server-side override validation |
|
|
119
119
|
|
|
120
|
+
### Validating font tokens
|
|
121
|
+
|
|
122
|
+
Font registration names in `useCdxFonts` must exactly match the `--font-*` values emitted into `theme.css` — a mismatch causes silent fallback to platform default fonts with no error. The validation script catches this drift as a build/CI failure:
|
|
123
|
+
|
|
124
|
+
```bash
|
|
125
|
+
pnpm fonts:validate
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
It parses every `--font-*` declaration from `css/theme.css` (across `@theme static`, `@variant light/dark`, and `@variant ios/android/web`), reads the font map keys from `src/useCdxFonts.ts` source, and verifies a matching key exists for every non-system value. System fonts (`SF Pro`, `SF Mono`, `Roboto`, `Roboto Mono`) are read from `figma.config.json` and excluded — they are platform built-ins resolved natively by React Native. `var()` aliases are skipped because they resolve to other variables that are themselves validated.
|
|
129
|
+
|
|
130
|
+
On success the script prints `Font validation: N CSS values checked, N matched, 0 mismatches.` and exits 0. On failure it lists each mismatch with its variable name, value, and CSS section, then exits non-zero. The script is wired into `.github/workflows/ci.yml` as a pre-build step so font-token drift fast-fails before the heavier build/lint/test stages.
|
|
131
|
+
|
|
120
132
|
## Theme architecture
|
|
121
133
|
|
|
122
134
|
### Presets
|
|
@@ -141,7 +153,8 @@ styles/
|
|
|
141
153
|
│ └── vanilla.css # Auto-generated — non-Tailwind fallback
|
|
142
154
|
├── scripts/
|
|
143
155
|
│ ├── figma-fetch-variables.mjs # Figma Variables REST API fetch
|
|
144
|
-
│
|
|
156
|
+
│ ├── build-tokens.mjs # Style Dictionary build + artifact generation
|
|
157
|
+
│ └── validate-font-tokens.mjs # CI check: --font-* values match useCdxFonts keys
|
|
145
158
|
├── src/
|
|
146
159
|
│ └── index.ts # TypeScript type exports (ThemeObject, ThemeOverride, etc.)
|
|
147
160
|
├── tokens/
|
package/css/theme.css
CHANGED
|
@@ -181,9 +181,37 @@
|
|
|
181
181
|
--drop-shadow-xl: 0px 9px 7px rgba(0, 0, 0, 0.01);
|
|
182
182
|
--drop-shadow-xs: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
|
183
183
|
--font-mono: 'IBM Plex Mono';
|
|
184
|
+
--font-mono-bold: 'IBM Plex Mono Bold';
|
|
185
|
+
--font-mono-bold-italic: 'IBM Plex Mono Bold Italic';
|
|
186
|
+
--font-mono-italic: 'IBM Plex Mono Italic';
|
|
187
|
+
--font-mono-medium: 'IBM Plex Mono Medium';
|
|
188
|
+
--font-mono-medium-italic: 'IBM Plex Mono Medium Italic';
|
|
189
|
+
--font-mono-semibold: 'IBM Plex Mono SemiBold';
|
|
190
|
+
--font-mono-semibold-italic: 'IBM Plex Mono SemiBold Italic';
|
|
184
191
|
--font-sans: 'Inter';
|
|
192
|
+
--font-sans-bold: 'Inter Bold';
|
|
193
|
+
--font-sans-bold-italic: 'Inter Bold Italic';
|
|
194
|
+
--font-sans-italic: 'Inter Italic';
|
|
195
|
+
--font-sans-medium: 'Inter Medium';
|
|
196
|
+
--font-sans-medium-italic: 'Inter Medium Italic';
|
|
197
|
+
--font-sans-semibold: 'Inter SemiBold';
|
|
198
|
+
--font-sans-semibold-italic: 'Inter SemiBold Italic';
|
|
185
199
|
--font-body: var(--font-sans);
|
|
200
|
+
--font-body-bold: var(--font-sans-bold);
|
|
201
|
+
--font-body-bold-italic: var(--font-sans-bold-italic);
|
|
202
|
+
--font-body-italic: var(--font-sans-italic);
|
|
203
|
+
--font-body-medium: var(--font-sans-medium);
|
|
204
|
+
--font-body-medium-italic: var(--font-sans-medium-italic);
|
|
205
|
+
--font-body-semibold: var(--font-sans-semibold);
|
|
206
|
+
--font-body-semibold-italic: var(--font-sans-semibold-italic);
|
|
186
207
|
--font-display: 'Crimson Pro';
|
|
208
|
+
--font-display-bold: 'Crimson Pro Bold';
|
|
209
|
+
--font-display-bold-italic: 'Crimson Pro Bold Italic';
|
|
210
|
+
--font-display-italic: 'Crimson Pro Italic';
|
|
211
|
+
--font-display-medium: 'Crimson Pro Medium';
|
|
212
|
+
--font-display-medium-italic: 'Crimson Pro Medium Italic';
|
|
213
|
+
--font-display-semibold: 'Crimson Pro SemiBold';
|
|
214
|
+
--font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
|
|
187
215
|
--font-weight-black: 900;
|
|
188
216
|
--font-weight-bold: 700;
|
|
189
217
|
--font-weight-extrabold: 800;
|
|
@@ -315,8 +343,6 @@
|
|
|
315
343
|
--container-sm: 24rem;
|
|
316
344
|
--container-xl: 36rem;
|
|
317
345
|
--container-xs: 20rem;
|
|
318
|
-
--font-body: var(--font-sans);
|
|
319
|
-
--font-display: 'Crimson Pro';
|
|
320
346
|
--color-chart-categorical-1: var(--color-blue-600);
|
|
321
347
|
--color-chart-categorical-2: var(--color-orange-600);
|
|
322
348
|
--color-chart-categorical-3: var(--color-teal-600);
|
|
@@ -398,6 +424,22 @@
|
|
|
398
424
|
--color-surface-warning-strong: var(--color-amber-400);
|
|
399
425
|
--color-surface-warning-subtle: var(--color-amber-200);
|
|
400
426
|
--color-surface-warning-tint: var(--color-amber-100);
|
|
427
|
+
--font-body: var(--font-sans);
|
|
428
|
+
--font-body-bold: var(--font-sans-bold);
|
|
429
|
+
--font-body-bold-italic: var(--font-sans-bold-italic);
|
|
430
|
+
--font-body-italic: var(--font-sans-italic);
|
|
431
|
+
--font-body-medium: var(--font-sans-medium);
|
|
432
|
+
--font-body-medium-italic: var(--font-sans-medium-italic);
|
|
433
|
+
--font-body-semibold: var(--font-sans-semibold);
|
|
434
|
+
--font-body-semibold-italic: var(--font-sans-semibold-italic);
|
|
435
|
+
--font-display: 'Crimson Pro';
|
|
436
|
+
--font-display-bold: 'Crimson Pro Bold';
|
|
437
|
+
--font-display-bold-italic: 'Crimson Pro Bold Italic';
|
|
438
|
+
--font-display-italic: 'Crimson Pro Italic';
|
|
439
|
+
--font-display-medium: 'Crimson Pro Medium';
|
|
440
|
+
--font-display-medium-italic: 'Crimson Pro Medium Italic';
|
|
441
|
+
--font-display-semibold: 'Crimson Pro SemiBold';
|
|
442
|
+
--font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
|
|
401
443
|
}
|
|
402
444
|
|
|
403
445
|
@layer theme {
|
|
@@ -491,6 +533,22 @@
|
|
|
491
533
|
--color-surface-warning-strong: var(--color-amber-400);
|
|
492
534
|
--color-surface-warning-subtle: var(--color-amber-200);
|
|
493
535
|
--color-surface-warning-tint: var(--color-amber-100);
|
|
536
|
+
--font-body: var(--font-sans);
|
|
537
|
+
--font-body-bold: var(--font-sans-bold);
|
|
538
|
+
--font-body-bold-italic: var(--font-sans-bold-italic);
|
|
539
|
+
--font-body-italic: var(--font-sans-italic);
|
|
540
|
+
--font-body-medium: var(--font-sans-medium);
|
|
541
|
+
--font-body-medium-italic: var(--font-sans-medium-italic);
|
|
542
|
+
--font-body-semibold: var(--font-sans-semibold);
|
|
543
|
+
--font-body-semibold-italic: var(--font-sans-semibold-italic);
|
|
544
|
+
--font-display: 'Crimson Pro';
|
|
545
|
+
--font-display-bold: 'Crimson Pro Bold';
|
|
546
|
+
--font-display-bold-italic: 'Crimson Pro Bold Italic';
|
|
547
|
+
--font-display-italic: 'Crimson Pro Italic';
|
|
548
|
+
--font-display-medium: 'Crimson Pro Medium';
|
|
549
|
+
--font-display-medium-italic: 'Crimson Pro Medium Italic';
|
|
550
|
+
--font-display-semibold: 'Crimson Pro SemiBold';
|
|
551
|
+
--font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
|
|
494
552
|
--opacity-disabled: 0.5;
|
|
495
553
|
--opacity-hover: 0.08;
|
|
496
554
|
--opacity-hover-overlay: 0.2;
|
|
@@ -586,7 +644,21 @@
|
|
|
586
644
|
--color-surface-warning-subtle: var(--color-amber-200);
|
|
587
645
|
--color-surface-warning-tint: var(--color-amber-100);
|
|
588
646
|
--font-body: var(--font-sans);
|
|
647
|
+
--font-body-bold: var(--font-sans-bold);
|
|
648
|
+
--font-body-bold-italic: var(--font-sans-bold-italic);
|
|
649
|
+
--font-body-italic: var(--font-sans-italic);
|
|
650
|
+
--font-body-medium: var(--font-sans-medium);
|
|
651
|
+
--font-body-medium-italic: var(--font-sans-medium-italic);
|
|
652
|
+
--font-body-semibold: var(--font-sans-semibold);
|
|
653
|
+
--font-body-semibold-italic: var(--font-sans-semibold-italic);
|
|
589
654
|
--font-display: 'Crimson Pro';
|
|
655
|
+
--font-display-bold: 'Crimson Pro Bold';
|
|
656
|
+
--font-display-bold-italic: 'Crimson Pro Bold Italic';
|
|
657
|
+
--font-display-italic: 'Crimson Pro Italic';
|
|
658
|
+
--font-display-medium: 'Crimson Pro Medium';
|
|
659
|
+
--font-display-medium-italic: 'Crimson Pro Medium Italic';
|
|
660
|
+
--font-display-semibold: 'Crimson Pro SemiBold';
|
|
661
|
+
--font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
|
|
590
662
|
--opacity-disabled: 0.5;
|
|
591
663
|
--opacity-hover: 0.08;
|
|
592
664
|
--opacity-hover-overlay: 0.2;
|
|
@@ -599,15 +671,57 @@
|
|
|
599
671
|
:root {
|
|
600
672
|
@variant ios {
|
|
601
673
|
--font-mono: 'SF Mono';
|
|
674
|
+
--font-mono-bold: 'SF Mono';
|
|
675
|
+
--font-mono-bold-italic: 'SF Mono';
|
|
676
|
+
--font-mono-italic: 'SF Mono';
|
|
677
|
+
--font-mono-medium: 'SF Mono';
|
|
678
|
+
--font-mono-medium-italic: 'SF Mono';
|
|
679
|
+
--font-mono-semibold: 'SF Mono';
|
|
680
|
+
--font-mono-semibold-italic: 'SF Mono';
|
|
602
681
|
--font-sans: 'SF Pro';
|
|
682
|
+
--font-sans-bold: 'SF Pro';
|
|
683
|
+
--font-sans-bold-italic: 'SF Pro';
|
|
684
|
+
--font-sans-italic: 'SF Pro';
|
|
685
|
+
--font-sans-medium: 'SF Pro';
|
|
686
|
+
--font-sans-medium-italic: 'SF Pro';
|
|
687
|
+
--font-sans-semibold: 'SF Pro';
|
|
688
|
+
--font-sans-semibold-italic: 'SF Pro';
|
|
603
689
|
}
|
|
604
690
|
@variant android {
|
|
605
691
|
--font-mono: 'Roboto Mono';
|
|
692
|
+
--font-mono-bold: 'Roboto Mono';
|
|
693
|
+
--font-mono-bold-italic: 'Roboto Mono';
|
|
694
|
+
--font-mono-italic: 'Roboto Mono';
|
|
695
|
+
--font-mono-medium: 'Roboto Mono';
|
|
696
|
+
--font-mono-medium-italic: 'Roboto Mono';
|
|
697
|
+
--font-mono-semibold: 'Roboto Mono';
|
|
698
|
+
--font-mono-semibold-italic: 'Roboto Mono';
|
|
606
699
|
--font-sans: 'Roboto';
|
|
700
|
+
--font-sans-bold: 'Roboto';
|
|
701
|
+
--font-sans-bold-italic: 'Roboto';
|
|
702
|
+
--font-sans-italic: 'Roboto';
|
|
703
|
+
--font-sans-medium: 'Roboto';
|
|
704
|
+
--font-sans-medium-italic: 'Roboto';
|
|
705
|
+
--font-sans-semibold: 'Roboto';
|
|
706
|
+
--font-sans-semibold-italic: 'Roboto';
|
|
607
707
|
}
|
|
608
708
|
@variant web {
|
|
609
709
|
--font-mono: 'IBM Plex Mono';
|
|
710
|
+
--font-mono-bold: 'IBM Plex Mono Bold';
|
|
711
|
+
--font-mono-bold-italic: 'IBM Plex Mono Bold Italic';
|
|
712
|
+
--font-mono-italic: 'IBM Plex Mono Italic';
|
|
713
|
+
--font-mono-medium: 'IBM Plex Mono Medium';
|
|
714
|
+
--font-mono-medium-italic: 'IBM Plex Mono Medium Italic';
|
|
715
|
+
--font-mono-semibold: 'IBM Plex Mono SemiBold';
|
|
716
|
+
--font-mono-semibold-italic: 'IBM Plex Mono SemiBold Italic';
|
|
610
717
|
--font-sans: 'Inter';
|
|
718
|
+
--font-sans-bold: 'Inter Bold';
|
|
719
|
+
--font-sans-bold-italic: 'Inter Bold Italic';
|
|
720
|
+
--font-sans-italic: 'Inter Italic';
|
|
721
|
+
--font-sans-medium: 'Inter Medium';
|
|
722
|
+
--font-sans-medium-italic: 'Inter Medium Italic';
|
|
723
|
+
--font-sans-semibold: 'Inter SemiBold';
|
|
724
|
+
--font-sans-semibold-italic: 'Inter SemiBold Italic';
|
|
611
725
|
}
|
|
612
726
|
}
|
|
613
727
|
}
|
package/css/vanilla.css
CHANGED
|
@@ -181,9 +181,37 @@
|
|
|
181
181
|
--drop-shadow-xl: 0px 9px 7px rgba(0, 0, 0, 0.01);
|
|
182
182
|
--drop-shadow-xs: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
|
183
183
|
--font-mono: 'IBM Plex Mono';
|
|
184
|
+
--font-mono-bold: 'IBM Plex Mono Bold';
|
|
185
|
+
--font-mono-bold-italic: 'IBM Plex Mono Bold Italic';
|
|
186
|
+
--font-mono-italic: 'IBM Plex Mono Italic';
|
|
187
|
+
--font-mono-medium: 'IBM Plex Mono Medium';
|
|
188
|
+
--font-mono-medium-italic: 'IBM Plex Mono Medium Italic';
|
|
189
|
+
--font-mono-semibold: 'IBM Plex Mono SemiBold';
|
|
190
|
+
--font-mono-semibold-italic: 'IBM Plex Mono SemiBold Italic';
|
|
184
191
|
--font-sans: 'Inter';
|
|
192
|
+
--font-sans-bold: 'Inter Bold';
|
|
193
|
+
--font-sans-bold-italic: 'Inter Bold Italic';
|
|
194
|
+
--font-sans-italic: 'Inter Italic';
|
|
195
|
+
--font-sans-medium: 'Inter Medium';
|
|
196
|
+
--font-sans-medium-italic: 'Inter Medium Italic';
|
|
197
|
+
--font-sans-semibold: 'Inter SemiBold';
|
|
198
|
+
--font-sans-semibold-italic: 'Inter SemiBold Italic';
|
|
185
199
|
--font-body: var(--font-sans);
|
|
200
|
+
--font-body-bold: var(--font-sans-bold);
|
|
201
|
+
--font-body-bold-italic: var(--font-sans-bold-italic);
|
|
202
|
+
--font-body-italic: var(--font-sans-italic);
|
|
203
|
+
--font-body-medium: var(--font-sans-medium);
|
|
204
|
+
--font-body-medium-italic: var(--font-sans-medium-italic);
|
|
205
|
+
--font-body-semibold: var(--font-sans-semibold);
|
|
206
|
+
--font-body-semibold-italic: var(--font-sans-semibold-italic);
|
|
186
207
|
--font-display: 'Crimson Pro';
|
|
208
|
+
--font-display-bold: 'Crimson Pro Bold';
|
|
209
|
+
--font-display-bold-italic: 'Crimson Pro Bold Italic';
|
|
210
|
+
--font-display-italic: 'Crimson Pro Italic';
|
|
211
|
+
--font-display-medium: 'Crimson Pro Medium';
|
|
212
|
+
--font-display-medium-italic: 'Crimson Pro Medium Italic';
|
|
213
|
+
--font-display-semibold: 'Crimson Pro SemiBold';
|
|
214
|
+
--font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
|
|
187
215
|
--font-weight-black: 900;
|
|
188
216
|
--font-weight-bold: 700;
|
|
189
217
|
--font-weight-extrabold: 800;
|
|
@@ -315,10 +343,22 @@
|
|
|
315
343
|
--container-sm: 24rem;
|
|
316
344
|
--container-xl: 36rem;
|
|
317
345
|
--container-xs: 20rem;
|
|
318
|
-
--font-body: var(--font-sans);
|
|
319
|
-
--font-display: 'Crimson Pro';
|
|
320
346
|
--font-mono: 'IBM Plex Mono';
|
|
347
|
+
--font-mono-bold: 'IBM Plex Mono Bold';
|
|
348
|
+
--font-mono-bold-italic: 'IBM Plex Mono Bold Italic';
|
|
349
|
+
--font-mono-italic: 'IBM Plex Mono Italic';
|
|
350
|
+
--font-mono-medium: 'IBM Plex Mono Medium';
|
|
351
|
+
--font-mono-medium-italic: 'IBM Plex Mono Medium Italic';
|
|
352
|
+
--font-mono-semibold: 'IBM Plex Mono SemiBold';
|
|
353
|
+
--font-mono-semibold-italic: 'IBM Plex Mono SemiBold Italic';
|
|
321
354
|
--font-sans: 'Inter';
|
|
355
|
+
--font-sans-bold: 'Inter Bold';
|
|
356
|
+
--font-sans-bold-italic: 'Inter Bold Italic';
|
|
357
|
+
--font-sans-italic: 'Inter Italic';
|
|
358
|
+
--font-sans-medium: 'Inter Medium';
|
|
359
|
+
--font-sans-medium-italic: 'Inter Medium Italic';
|
|
360
|
+
--font-sans-semibold: 'Inter SemiBold';
|
|
361
|
+
--font-sans-semibold-italic: 'Inter SemiBold Italic';
|
|
322
362
|
--border-width-default: 0.0625rem;
|
|
323
363
|
--border-width-focused: 0.125rem;
|
|
324
364
|
--border-width-selected: 0.125rem;
|
|
@@ -407,6 +447,22 @@
|
|
|
407
447
|
--color-surface-warning-strong: var(--color-amber-400);
|
|
408
448
|
--color-surface-warning-subtle: var(--color-amber-200);
|
|
409
449
|
--color-surface-warning-tint: var(--color-amber-100);
|
|
450
|
+
--font-body: var(--font-sans);
|
|
451
|
+
--font-body-bold: var(--font-sans-bold);
|
|
452
|
+
--font-body-bold-italic: var(--font-sans-bold-italic);
|
|
453
|
+
--font-body-italic: var(--font-sans-italic);
|
|
454
|
+
--font-body-medium: var(--font-sans-medium);
|
|
455
|
+
--font-body-medium-italic: var(--font-sans-medium-italic);
|
|
456
|
+
--font-body-semibold: var(--font-sans-semibold);
|
|
457
|
+
--font-body-semibold-italic: var(--font-sans-semibold-italic);
|
|
458
|
+
--font-display: 'Crimson Pro';
|
|
459
|
+
--font-display-bold: 'Crimson Pro Bold';
|
|
460
|
+
--font-display-bold-italic: 'Crimson Pro Bold Italic';
|
|
461
|
+
--font-display-italic: 'Crimson Pro Italic';
|
|
462
|
+
--font-display-medium: 'Crimson Pro Medium';
|
|
463
|
+
--font-display-medium-italic: 'Crimson Pro Medium Italic';
|
|
464
|
+
--font-display-semibold: 'Crimson Pro SemiBold';
|
|
465
|
+
--font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
|
|
410
466
|
--opacity-disabled: 0.5;
|
|
411
467
|
--opacity-hover: 0.08;
|
|
412
468
|
--opacity-hover-overlay: 0.2;
|
|
@@ -504,7 +560,21 @@
|
|
|
504
560
|
--color-surface-warning-subtle: var(--color-amber-200);
|
|
505
561
|
--color-surface-warning-tint: var(--color-amber-100);
|
|
506
562
|
--font-body: var(--font-sans);
|
|
563
|
+
--font-body-bold: var(--font-sans-bold);
|
|
564
|
+
--font-body-bold-italic: var(--font-sans-bold-italic);
|
|
565
|
+
--font-body-italic: var(--font-sans-italic);
|
|
566
|
+
--font-body-medium: var(--font-sans-medium);
|
|
567
|
+
--font-body-medium-italic: var(--font-sans-medium-italic);
|
|
568
|
+
--font-body-semibold: var(--font-sans-semibold);
|
|
569
|
+
--font-body-semibold-italic: var(--font-sans-semibold-italic);
|
|
507
570
|
--font-display: 'Crimson Pro';
|
|
571
|
+
--font-display-bold: 'Crimson Pro Bold';
|
|
572
|
+
--font-display-bold-italic: 'Crimson Pro Bold Italic';
|
|
573
|
+
--font-display-italic: 'Crimson Pro Italic';
|
|
574
|
+
--font-display-medium: 'Crimson Pro Medium';
|
|
575
|
+
--font-display-medium-italic: 'Crimson Pro Medium Italic';
|
|
576
|
+
--font-display-semibold: 'Crimson Pro SemiBold';
|
|
577
|
+
--font-display-semibold-italic: 'Crimson Pro SemiBold Italic';
|
|
508
578
|
--opacity-disabled: 0.5;
|
|
509
579
|
--opacity-hover: 0.08;
|
|
510
580
|
--opacity-hover-overlay: 0.2;
|
package/lib/commonjs/index.js
CHANGED
|
@@ -1,2 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "useCdxFonts", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useCdxFonts.useCdxFonts;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _useCdxFonts = require("./useCdxFonts");
|
|
2
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_useCdxFonts","require"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;AAwEA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useCdxFonts = useCdxFonts;
|
|
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 CDX 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 useCdxFonts() {
|
|
228
|
+
const [loaded, error] = (0, _expoFont.useFonts)({
|
|
229
|
+
...displayFonts,
|
|
230
|
+
...webFonts
|
|
231
|
+
});
|
|
232
|
+
return {
|
|
233
|
+
loaded,
|
|
234
|
+
error
|
|
235
|
+
};
|
|
236
|
+
}
|
|
237
|
+
//# sourceMappingURL=useCdxFonts.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","useCdxFonts","loaded","error","useFonts"],"sourceRoot":"../../src","sources":["useCdxFonts.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAEA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AACA,IAAAY,UAAA,GAAAZ,OAAA;AACA,IAAAa,MAAA,GAAAb,OAAA;AACA,IAAAc,gBAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AACA,IAAAgB,iBAAA,GAAAhB,OAAA;AACA,IAAAiB,aAAA,GAAAjB,OAAA;AAEA,IAAAkB,SAAA,GAAAlB,OAAA;AACA,IAAAmB,QAAA,GAAAnB,OAAA;AACA,IAAAoB,UAAA,GAAApB,OAAA;AACA,IAAAqB,MAAA,GAAArB,OAAA;AACA,IAAAsB,gBAAA,GAAAtB,OAAA;AACA,IAAAuB,eAAA,GAAAvB,OAAA;AACA,IAAAwB,iBAAA,GAAAxB,OAAA;AACA,IAAAyB,aAAA,GAAAzB,OAAA;AAEA,IAAA0B,SAAA,GAAA1B,OAAA;AACA,IAAA2B,MAAA,GAAA3B,OAAA;AACA,IAAA4B,gBAAA,GAAA5B,OAAA;AAEA,IAAA6B,SAAA,GAAA7B,OAAA;AACA,IAAA8B,QAAA,GAAA9B,OAAA;AACA,IAAA+B,UAAA,GAAA/B,OAAA;AACA,IAAAgC,MAAA,GAAAhC,OAAA;AACA,IAAAiC,gBAAA,GAAAjC,OAAA;AACA,IAAAkC,eAAA,GAAAlC,OAAA;AACA,IAAAmC,iBAAA,GAAAnC,OAAA;AACA,IAAAoC,aAAA,GAAApC,OAAA;AAEA,IAAAqC,SAAA,GAAArC,OAAA;AACA,IAAAsC,QAAA,GAAAtC,OAAA;AACA,IAAAuC,UAAA,GAAAvC,OAAA;AACA,IAAAwC,MAAA,GAAAxC,OAAA;AACA,IAAAyC,gBAAA,GAAAzC,OAAA;AACA,IAAA0C,eAAA,GAAA1C,OAAA;AACA,IAAA2C,iBAAA,GAAA3C,OAAA;AACA,IAAA4C,aAAA,GAAA5C,OAAA;AAEA,IAAA6C,SAAA,GAAA7C,OAAA;AACA,IAAA8C,QAAA,GAAA9C,OAAA;AACA,IAAA+C,UAAA,GAAA/C,OAAA;AACA,IAAAgD,MAAA,GAAAhD,OAAA;AAEA,IAAAiD,SAAA,GAAAjD,OAAA;AACA,IAAAkD,QAAA,GAAAlD,OAAA;AACA,IAAAmD,UAAA,GAAAnD,OAAA;AACA,IAAAoD,MAAA,GAAApD,OAAA;AAEA,IAAAqD,SAAA,GAAArD,OAAA;AACA,IAAAsD,QAAA,GAAAtD,OAAA;AACA,IAAAuD,UAAA,GAAAvD,OAAA;AACA,IAAAwD,MAAA,GAAAxD,OAAA;AACA,IAAAyD,gBAAA,GAAAzD,OAAA;AACA,IAAA0D,eAAA,GAAA1D,OAAA;AACA,IAAA2D,iBAAA,GAAA3D,OAAA;AACA,IAAA4D,aAAA,GAAA5D,OAAA;AAEA,IAAA6D,SAAA,GAAA7D,OAAA;AACA,IAAA8D,QAAA,GAAA9D,OAAA;AACA,IAAA+D,UAAA,GAAA/D,OAAA;AACA,IAAAgE,MAAA,GAAAhE,OAAA;AACA,IAAAiE,gBAAA,GAAAjE,OAAA;AACA,IAAAkE,eAAA,GAAAlE,OAAA;AACA,IAAAmE,iBAAA,GAAAnE,OAAA;AACA,IAAAoE,aAAA,GAAApE,OAAA;AAEA,IAAAqE,SAAA,GAAArE,OAAA;AACA,IAAAsE,QAAA,GAAAtE,OAAA;AACA,IAAAuE,UAAA,GAAAvE,OAAA;AACA,IAAAwE,MAAA,GAAAxE,OAAA;AACA,IAAAyE,gBAAA,GAAAzE,OAAA;AACA,IAAA0E,eAAA,GAAA1E,OAAA;AACA,IAAA2E,iBAAA,GAAA3E,OAAA;AACA,IAAA4E,aAAA,GAAA5E,OAAA;AArFA;;AASA;;AASA;;AASA;;AAIA;;AASA;;AASA;;AAKA;;AAKA;;AASA;;AASA;;AAUA;AACA;AACA;AACA;AACA;AACA,MAAM6E,YAAY,GAAG;EACnB;EACA,aAAa,EAAEC,8BAAqB;EACpC,oBAAoB,EAAEC,4BAAoB;EAC1C,sBAAsB,EAAEC,gCAAsB;EAC9C,kBAAkB,EAAEC,wBAAkB;EACtC,oBAAoB,EAAEC,4CAA4B;EAClD,2BAA2B,EAAEC,0CAA2B;EACxD,6BAA6B,EAAEC,8CAA6B;EAC5D,yBAAyB,EAAEC,sCAAyB;EAEpD;EACAC,MAAM,EAAEC,2BAAiB;EACzB,eAAe,EAAEC,yBAAgB;EACjC,iBAAiB,EAAEC,6BAAkB;EACrC,aAAa,EAAEC,qBAAc;EAC7B,eAAe,EAAEC,yCAAwB;EACzC,sBAAsB,EAAEC,uCAAuB;EAC/C,wBAAwB,EAAEC,2CAAyB;EACnD,oBAAoB,EAAEC,mCAAqB;EAE3C;EACA,SAAS,EAAEC,2BAAiB;EAC5B,gBAAgB,EAAEC,yBAAgB;EAClC,kBAAkB,EAAEC,6BAAkB;EACtC,cAAc,EAAEC,qBAAc;EAC9B,gBAAgB,EAAEC,yCAAwB;EAC1C,uBAAuB,EAAEC,uCAAuB;EAChD,yBAAyB,EAAEC,2CAAyB;EACpD,qBAAqB,EAAEC,mCAAqB;EAE5C;EACA;EACA,mBAAmB,EAAEC,oCAA0B;EAC/C,0BAA0B,EAAEA,oCAA0B;EACtD,4BAA4B,EAAEA,oCAA0B;EACxD,wBAAwB,EAAEC,8BAAuB;EACjD,0BAA0B,EAAEC,kDAAiC;EAC7D,iCAAiC,EAAEA,kDAAiC;EACpE,mCAAmC,EAAEA,kDAAiC;EACtE,+BAA+B,EAAEA,kDAAiC;EAElE;EACAC,SAAS,EAAEC,8BAAoB;EAC/B,kBAAkB,EAAEC,4BAAmB;EACvC,oBAAoB,EAAEC,gCAAqB;EAC3C,gBAAgB,EAAEC,wBAAiB;EACnC,kBAAkB,EAAEC,4CAA2B;EAC/C,yBAAyB,EAAEC,0CAA0B;EACrD,2BAA2B,EAAEC,8CAA4B;EACzD,uBAAuB,EAAEC,sCAAwB;EAEjD;EACA,gBAAgB,EAAEC,kCAAwB;EAC1C,uBAAuB,EAAEC,gCAAuB;EAChD,yBAAyB,EAAEC,oCAAyB;EACpD,qBAAqB,EAAEC,4BAAqB;EAC5C,uBAAuB,EAAEC,gDAA+B;EACxD,8BAA8B,EAAEC,8CAA8B;EAC9D,gCAAgC,EAAEC,kDAAgC;EAClE,4BAA4B,EAAEC,0CAA4B;EAE1D;EACAC,MAAM,EAAEC,2BAAiB;EACzB,eAAe,EAAEC,yBAAgB;EACjC,iBAAiB,EAAEC,6BAAkB;EACrC,aAAa,EAAEC,qBAAc;EAC7B,eAAe,EAAEH,2BAAiB;EAClC,sBAAsB,EAAEC,yBAAgB;EACxC,wBAAwB,EAAEC,6BAAkB;EAC5C,oBAAoB,EAAEC,qBAAc;EAEpC;EACAC,OAAO,EAAEC,4BAAkB;EAC3B,gBAAgB,EAAEC,0BAAiB;EACnC,kBAAkB,EAAEC,8BAAmB;EACvC,cAAc,EAAEC,sBAAe;EAC/B,gBAAgB,EAAEH,4BAAkB;EACpC,uBAAuB,EAAEC,0BAAiB;EAC1C,yBAAyB,EAAEC,8BAAmB;EAC9C,qBAAqB,EAAEC,sBAAe;EAEtC;EACA,aAAa,EAAEC,+BAAqB;EACpC,oBAAoB,EAAEC,6BAAoB;EAC1C,sBAAsB,EAAEC,iCAAsB;EAC9C,kBAAkB,EAAEC,yBAAkB;EACtC,oBAAoB,EAAEC,6CAA4B;EAClD,2BAA2B,EAAEC,2CAA2B;EACxD,6BAA6B,EAAEC,+CAA6B;EAC5D,yBAAyB,EAAEC;AAC7B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAoC,GACxCC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;EACEC,KAAK,EAAEC,0BAAgB;EACvB,cAAc,EAAEC,wBAAe;EAC/B,gBAAgB,EAAEC,4BAAiB;EACnC,YAAY,EAAEC,oBAAa;EAC3B,cAAc,EAAEC,wCAAuB;EACvC,qBAAqB,EAAEC,sCAAsB;EAC7C,uBAAuB,EAAEC,0CAAwB;EACjD,mBAAmB,EAAEC,kCAAoB;EAEzC,eAAe,EAAEC,gCAAsB;EACvC,sBAAsB,EAAEC,8BAAqB;EAC7C,wBAAwB,EAAEC,kCAAuB;EACjD,oBAAoB,EAAEC,0BAAmB;EACzC,sBAAsB,EAAEC,8CAA6B;EACrD,6BAA6B,EAAEC,4CAA4B;EAC3D,+BAA+B,EAAEC,gDAA8B;EAC/D,2BAA2B,EAAEC;AAC/B,CAAC,GACD,CAAC,CAAC;;AAER;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAAA,EAA6C;EACtE,MAAM,CAACC,MAAM,EAAEC,KAAK,CAAC,GAAG,IAAAC,kBAAQ,EAAC;IAC/B,GAAGvF,YAAY;IACf,GAAGgE;EACL,CAAC,CAAC;EAEF,OAAO;IAAEqB,MAAM;IAAEC;EAAM,CAAC;AAC1B","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,2 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
3
|
+
// ---------------------------------------------------------------------------
|
|
4
|
+
// Types
|
|
5
|
+
// ---------------------------------------------------------------------------
|
|
6
|
+
|
|
7
|
+
/** A DTCG token leaf node. */
|
|
8
|
+
|
|
9
|
+
/** Recursive token group — every non-leaf node in a theme object. */
|
|
10
|
+
|
|
11
|
+
/** Theme metadata stored under `$extensions.com.candescent.theme`. */
|
|
12
|
+
|
|
13
|
+
/** Override metadata stored under `$extensions.com.candescent.themeOverride`. */
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* A complete CDX UI theme object (DTCG-compatible).
|
|
17
|
+
*
|
|
18
|
+
* Presets (Poise, Prestige, Pulse) are full theme objects. At runtime the
|
|
19
|
+
* build-time default preset is augmented by FI overrides via
|
|
20
|
+
* `applyThemeOverrides`.
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* A theme override — a strict subset of the theme object schema containing
|
|
25
|
+
* only the token paths that differ from the base preset.
|
|
26
|
+
*/
|
|
27
|
+
|
|
28
|
+
// ---------------------------------------------------------------------------
|
|
29
|
+
// Hooks
|
|
30
|
+
// ---------------------------------------------------------------------------
|
|
31
|
+
|
|
32
|
+
export { useCdxFonts } from './useCdxFonts';
|
|
2
33
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useCdxFonts"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA;;AAOA;;AAKA;;AAOA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA;AACA;AACA;AACA;;AAWA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}
|