@compsych/mobile-ui 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/tokens.ts +16 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@compsych/mobile-ui",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "ComPsych React Native Design System — 19 mobile UI components with self-contained design tokens",
5
5
  "main": "src/index.ts",
6
6
  "types": "src/index.ts",
package/src/tokens.ts CHANGED
@@ -97,25 +97,26 @@ export const sys = {
97
97
  sysPadding20: 20,
98
98
  sysPadding24: 24,
99
99
  sysPadding32: 32,
100
+ sysPadding40: 40,
100
101
  sysPadding48: 48,
101
102
  },
102
103
  },
103
104
  },
104
105
  typeScale: {
105
- displayLarge: { sysFontSize: 80, sysLineHeight: 80, sysTracking: -2.4, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
106
- displayMedium: { sysFontSize: 72, sysLineHeight: 79.2, sysTracking: -1.44, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
107
- displaySmall: { sysFontSize: 64, sysLineHeight: 76.8, sysTracking: -0.64, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
108
- headlineLarge: { sysFontSize: 48, sysLineHeight: 57.6, sysTracking: -0.48, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
109
- headlineMedium: { sysFontSize: 40, sysLineHeight: 48, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
110
- headlineSmall: { sysFontSize: 32, sysLineHeight: 38.4, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
111
- titleLarge: { sysFontSize: 28, sysLineHeight: 36.4, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
112
- titleMedium: { sysFontSize: 24, sysLineHeight: 31.2, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
113
- titleSmall: { sysFontSize: 20, sysLineHeight: 28, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
114
- bodyLarge: { sysFontSize: 20, sysLineHeight: 30, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
115
- bodyMedium: { sysFontSize: 16, sysLineHeight: 24, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
116
- bodySmall: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
117
- labelLarge: { sysFontSize: 16, sysLineHeight: 22.4, sysTracking: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium' },
118
- labelMedium: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0.07, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold' },
119
- labelSmall: { sysFontSize: 12, sysLineHeight: 18, sysTracking: 0.12, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold' },
106
+ displayLarge: { sysFontSize: 80, sysLineHeight: 80, sysTracking: -2.4, sysLetterSpacing: -2.4, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
107
+ displayMedium: { sysFontSize: 72, sysLineHeight: 79.2, sysTracking: -1.44, sysLetterSpacing: -1.44, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
108
+ displaySmall: { sysFontSize: 64, sysLineHeight: 76.8, sysTracking: -0.64, sysLetterSpacing: -0.64, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
109
+ headlineLarge: { sysFontSize: 48, sysLineHeight: 57.6, sysTracking: -0.48, sysLetterSpacing: -0.48, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
110
+ headlineMedium: { sysFontSize: 40, sysLineHeight: 48, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
111
+ headlineSmall: { sysFontSize: 32, sysLineHeight: 38.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
112
+ titleLarge: { sysFontSize: 28, sysLineHeight: 36.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
113
+ titleMedium: { sysFontSize: 24, sysLineHeight: 31.2, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
114
+ titleSmall: { sysFontSize: 20, sysLineHeight: 28, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
115
+ bodyLarge: { sysFontSize: 20, sysLineHeight: 30, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
116
+ bodyMedium: { sysFontSize: 16, sysLineHeight: 24, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
117
+ bodySmall: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
118
+ labelLarge: { sysFontSize: 16, sysLineHeight: 22.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
119
+ labelMedium: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0.07, sysLetterSpacing: 0.07, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold', sysFontFamily: 'GoogleSans_500Medium' },
120
+ labelSmall: { sysFontSize: 12, sysLineHeight: 18, sysTracking: 0.12, sysLetterSpacing: 0.12, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold', sysFontFamily: 'GoogleSans_500Medium' },
120
121
  },
121
122
  } as const;