@compsych/mobile-ui 1.0.0 → 1.0.2

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 +23 -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.2",
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
@@ -72,6 +72,13 @@ export const sys = {
72
72
  },
73
73
  },
74
74
  },
75
+ iconography: {
76
+ sysSizeXs: 16,
77
+ sysSizeSm: 20,
78
+ sysSizeMd: 24,
79
+ sysSizeLg: 32,
80
+ sysSizeXl: 40,
81
+ },
75
82
  dimensions: {
76
83
  borderRadius: {
77
84
  sysRadiusXs: 4,
@@ -97,25 +104,26 @@ export const sys = {
97
104
  sysPadding20: 20,
98
105
  sysPadding24: 24,
99
106
  sysPadding32: 32,
107
+ sysPadding40: 40,
100
108
  sysPadding48: 48,
101
109
  },
102
110
  },
103
111
  },
104
112
  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' },
113
+ displayLarge: { sysFontSize: 80, sysLineHeight: 80, sysTracking: -2.4, sysLetterSpacing: -2.4, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
114
+ displayMedium: { sysFontSize: 72, sysLineHeight: 79.2, sysTracking: -1.44, sysLetterSpacing: -1.44, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
115
+ displaySmall: { sysFontSize: 64, sysLineHeight: 76.8, sysTracking: -0.64, sysLetterSpacing: -0.64, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
116
+ headlineLarge: { sysFontSize: 48, sysLineHeight: 57.6, sysTracking: -0.48, sysLetterSpacing: -0.48, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
117
+ headlineMedium: { sysFontSize: 40, sysLineHeight: 48, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
118
+ headlineSmall: { sysFontSize: 32, sysLineHeight: 38.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
119
+ titleLarge: { sysFontSize: 28, sysLineHeight: 36.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
120
+ titleMedium: { sysFontSize: 24, sysLineHeight: 31.2, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
121
+ titleSmall: { sysFontSize: 20, sysLineHeight: 28, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
122
+ bodyLarge: { sysFontSize: 20, sysLineHeight: 30, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
123
+ bodyMedium: { sysFontSize: 16, sysLineHeight: 24, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
124
+ bodySmall: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
125
+ labelLarge: { sysFontSize: 16, sysLineHeight: 22.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
126
+ labelMedium: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0.07, sysLetterSpacing: 0.07, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold', sysFontFamily: 'GoogleSans_500Medium' },
127
+ labelSmall: { sysFontSize: 12, sysLineHeight: 18, sysTracking: 0.12, sysLetterSpacing: 0.12, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold', sysFontFamily: 'GoogleSans_500Medium' },
120
128
  },
121
129
  } as const;