@newtonedev/components 0.1.6 → 0.1.8

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 (102) hide show
  1. package/dist/composites/actions/Button/Button.d.ts.map +1 -1
  2. package/dist/composites/form-controls/Select/Select.styles.d.ts.map +1 -1
  3. package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts.map +1 -1
  4. package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts.map +1 -1
  5. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.d.ts.map +1 -1
  6. package/dist/composites/range-inputs/HueSlider/HueSlider.styles.d.ts.map +1 -1
  7. package/dist/composites/range-inputs/Slider/Slider.styles.d.ts.map +1 -1
  8. package/dist/fonts/GoogleFontLoader.d.ts +5 -4
  9. package/dist/fonts/GoogleFontLoader.d.ts.map +1 -1
  10. package/dist/fonts/SelfHostedFontLoader.d.ts +14 -0
  11. package/dist/fonts/SelfHostedFontLoader.d.ts.map +1 -0
  12. package/dist/fonts/buildGoogleFontsUrl.d.ts +1 -16
  13. package/dist/fonts/buildGoogleFontsUrl.d.ts.map +1 -1
  14. package/dist/fonts/measureFont.d.ts +18 -0
  15. package/dist/fonts/measureFont.d.ts.map +1 -0
  16. package/dist/fonts/reportQueue.d.ts +7 -0
  17. package/dist/fonts/reportQueue.d.ts.map +1 -0
  18. package/dist/fonts/useLocalCalibration.d.ts +19 -0
  19. package/dist/fonts/useLocalCalibration.d.ts.map +1 -0
  20. package/dist/fonts/useTypographyCalibrations.d.ts +11 -0
  21. package/dist/fonts/useTypographyCalibrations.d.ts.map +1 -0
  22. package/dist/index.cjs +863 -437
  23. package/dist/index.cjs.map +1 -1
  24. package/dist/index.d.ts +9 -8
  25. package/dist/index.d.ts.map +1 -1
  26. package/dist/index.js +801 -391
  27. package/dist/index.js.map +1 -1
  28. package/dist/primitives/Icon/Icon.d.ts +1 -1
  29. package/dist/primitives/Icon/Icon.d.ts.map +1 -1
  30. package/dist/primitives/Icon/Icon.types.d.ts +8 -13
  31. package/dist/primitives/Icon/Icon.types.d.ts.map +1 -1
  32. package/dist/primitives/Text/Text.d.ts +33 -8
  33. package/dist/primitives/Text/Text.d.ts.map +1 -1
  34. package/dist/primitives/Text/Text.spans.d.ts +22 -0
  35. package/dist/primitives/Text/Text.spans.d.ts.map +1 -0
  36. package/dist/primitives/Text/Text.types.d.ts +75 -27
  37. package/dist/primitives/Text/Text.types.d.ts.map +1 -1
  38. package/dist/primitives/Text/index.d.ts +23 -2
  39. package/dist/primitives/Text/index.d.ts.map +1 -1
  40. package/dist/primitives/index.d.ts +1 -1
  41. package/dist/primitives/index.d.ts.map +1 -1
  42. package/dist/registry/codegen.d.ts.map +1 -1
  43. package/dist/registry/icons.d.ts +7 -0
  44. package/dist/registry/icons.d.ts.map +1 -0
  45. package/dist/registry/index.d.ts +2 -0
  46. package/dist/registry/index.d.ts.map +1 -1
  47. package/dist/registry/registry.d.ts.map +1 -1
  48. package/dist/registry/types.d.ts +3 -1
  49. package/dist/registry/types.d.ts.map +1 -1
  50. package/dist/theme/NewtoneProvider.d.ts +9 -1
  51. package/dist/theme/NewtoneProvider.d.ts.map +1 -1
  52. package/dist/theme/defaults.d.ts +1 -0
  53. package/dist/theme/defaults.d.ts.map +1 -1
  54. package/dist/theme/types.d.ts +48 -32
  55. package/dist/theme/types.d.ts.map +1 -1
  56. package/dist/theme/useBreakpoint.d.ts +9 -0
  57. package/dist/theme/useBreakpoint.d.ts.map +1 -0
  58. package/dist/tokens/computeTokens.d.ts +9 -22
  59. package/dist/tokens/computeTokens.d.ts.map +1 -1
  60. package/dist/tokens/types.d.ts +40 -22
  61. package/dist/tokens/types.d.ts.map +1 -1
  62. package/package.json +2 -1
  63. package/src/composites/actions/Button/Button.styles.ts +3 -3
  64. package/src/composites/actions/Button/Button.tsx +3 -2
  65. package/src/composites/form-controls/Select/Select.styles.ts +8 -8
  66. package/src/composites/form-controls/Select/Select.tsx +1 -1
  67. package/src/composites/form-controls/Select/SelectOption.tsx +3 -3
  68. package/src/composites/form-controls/TextInput/TextInput.styles.ts +5 -5
  69. package/src/composites/form-controls/Toggle/Toggle.styles.ts +3 -3
  70. package/src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.ts +6 -6
  71. package/src/composites/range-inputs/HueSlider/HueSlider.styles.ts +9 -9
  72. package/src/composites/range-inputs/Slider/Slider.styles.ts +9 -9
  73. package/src/fonts/GoogleFontLoader.tsx +25 -10
  74. package/src/fonts/SelfHostedFontLoader.tsx +44 -0
  75. package/src/fonts/buildGoogleFontsUrl.ts +2 -31
  76. package/src/fonts/measureFont.ts +42 -0
  77. package/src/fonts/reportQueue.ts +54 -0
  78. package/src/fonts/useLocalCalibration.ts +97 -0
  79. package/src/fonts/useTypographyCalibrations.ts +15 -0
  80. package/src/index.ts +18 -7
  81. package/src/primitives/Frame/Frame.tsx +3 -3
  82. package/src/primitives/Icon/Icon.tsx +5 -7
  83. package/src/primitives/Icon/Icon.types.ts +8 -15
  84. package/src/primitives/Text/Text.spans.ts +57 -0
  85. package/src/primitives/Text/Text.tsx +205 -53
  86. package/src/primitives/Text/Text.types.ts +80 -27
  87. package/src/primitives/Text/index.ts +27 -3
  88. package/src/primitives/index.ts +3 -2
  89. package/src/registry/codegen.ts +1 -0
  90. package/src/registry/icons.ts +111 -0
  91. package/src/registry/index.ts +3 -0
  92. package/src/registry/registry.ts +67 -70
  93. package/src/registry/types.ts +3 -1
  94. package/src/theme/NewtoneProvider.tsx +18 -2
  95. package/src/theme/defaults.ts +8 -28
  96. package/src/theme/types.ts +63 -33
  97. package/src/theme/useBreakpoint.ts +14 -0
  98. package/src/tokens/computeTokens.ts +23 -19
  99. package/src/tokens/types.ts +10 -24
  100. package/dist/fonts/googleFonts.d.ts +0 -20
  101. package/dist/fonts/googleFonts.d.ts.map +0 -1
  102. package/src/fonts/googleFonts.ts +0 -87
package/src/fonts/googleFonts.ts DELETED
@@ -1,87 +0,0 @@
1
- export interface GoogleFontEntry {
2
- readonly family: string;
3
- readonly category: 'sans-serif' | 'serif' | 'monospace' | 'display';
4
- readonly fallback: string;
5
- }
6
-
7
- /**
8
- * Curated list of popular Google Fonts organized by category.
9
- * Used by the font picker UI and the GoogleFontLoader.
10
- */
11
- export const GOOGLE_FONTS: readonly GoogleFontEntry[] = [
12
- // Sans-serif
13
- { family: 'Inter', category: 'sans-serif', fallback: 'sans-serif' },
14
- { family: 'Roboto', category: 'sans-serif', fallback: 'sans-serif' },
15
- { family: 'Open Sans', category: 'sans-serif', fallback: 'sans-serif' },
16
- { family: 'Lato', category: 'sans-serif', fallback: 'sans-serif' },
17
- { family: 'Montserrat', category: 'sans-serif', fallback: 'sans-serif' },
18
- { family: 'Poppins', category: 'sans-serif', fallback: 'sans-serif' },
19
- { family: 'Nunito', category: 'sans-serif', fallback: 'sans-serif' },
20
- { family: 'Source Sans 3', category: 'sans-serif', fallback: 'sans-serif' },
21
- { family: 'Work Sans', category: 'sans-serif', fallback: 'sans-serif' },
22
- { family: 'Raleway', category: 'sans-serif', fallback: 'sans-serif' },
23
- { family: 'DM Sans', category: 'sans-serif', fallback: 'sans-serif' },
24
- { family: 'Plus Jakarta Sans', category: 'sans-serif', fallback: 'sans-serif' },
25
- { family: 'Outfit', category: 'sans-serif', fallback: 'sans-serif' },
26
- { family: 'Space Grotesk', category: 'sans-serif', fallback: 'sans-serif' },
27
- { family: 'Manrope', category: 'sans-serif', fallback: 'sans-serif' },
28
-
29
- // Serif
30
- { family: 'Playfair Display', category: 'serif', fallback: 'serif' },
31
- { family: 'Merriweather', category: 'serif', fallback: 'serif' },
32
- { family: 'Lora', category: 'serif', fallback: 'serif' },
33
- { family: 'Libre Baskerville', category: 'serif', fallback: 'serif' },
34
- { family: 'Source Serif 4', category: 'serif', fallback: 'serif' },
35
- { family: 'Bitter', category: 'serif', fallback: 'serif' },
36
- { family: 'Cormorant Garamond', category: 'serif', fallback: 'serif' },
37
- { family: 'EB Garamond', category: 'serif', fallback: 'serif' },
38
- { family: 'Crimson Text', category: 'serif', fallback: 'serif' },
39
- { family: 'Noto Serif', category: 'serif', fallback: 'serif' },
40
-
41
- // Monospace
42
- { family: 'Fira Code', category: 'monospace', fallback: 'monospace' },
43
- { family: 'JetBrains Mono', category: 'monospace', fallback: 'monospace' },
44
- { family: 'Source Code Pro', category: 'monospace', fallback: 'monospace' },
45
- { family: 'IBM Plex Mono', category: 'monospace', fallback: 'monospace' },
46
- { family: 'Roboto Mono', category: 'monospace', fallback: 'monospace' },
47
- { family: 'Space Mono', category: 'monospace', fallback: 'monospace' },
48
- { family: 'Ubuntu Mono', category: 'monospace', fallback: 'monospace' },
49
- { family: 'Inconsolata', category: 'monospace', fallback: 'monospace' },
50
-
51
- // Display
52
- { family: 'Abril Fatface', category: 'display', fallback: 'serif' },
53
- { family: 'Bebas Neue', category: 'display', fallback: 'sans-serif' },
54
- { family: 'Oswald', category: 'display', fallback: 'sans-serif' },
55
- { family: 'Righteous', category: 'display', fallback: 'sans-serif' },
56
- { family: 'Lobster', category: 'display', fallback: 'cursive' },
57
- { family: 'Pacifico', category: 'display', fallback: 'cursive' },
58
- { family: 'Comfortaa', category: 'display', fallback: 'sans-serif' },
59
- { family: 'Fredoka', category: 'display', fallback: 'sans-serif' },
60
- ];
61
-
62
- export interface SystemFontEntry {
63
- readonly family: string;
64
- readonly category: 'sans-serif' | 'serif' | 'monospace';
65
- readonly fallback: string;
66
- }
67
-
68
- /**
69
- * System font options that don't require external loading.
70
- */
71
- export const SYSTEM_FONTS: readonly SystemFontEntry[] = [
72
- {
73
- family: 'system-ui',
74
- category: 'sans-serif',
75
- fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
76
- },
77
- {
78
- family: 'ui-monospace',
79
- category: 'monospace',
80
- fallback: 'SFMono-Regular, Menlo, Monaco, Consolas, monospace',
81
- },
82
- {
83
- family: 'ui-serif',
84
- category: 'serif',
85
- fallback: 'Georgia, "Times New Roman", serif',
86
- },
87
- ];