@compsych/mobile-ui 1.0.8 → 1.0.10

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 (77) hide show
  1. package/package.json +40 -2
  2. package/src/components/ActionSheet/ActionSheet.test.tsx +89 -0
  3. package/src/{ActionSheet.tsx → components/ActionSheet/index.tsx} +16 -8
  4. package/src/components/Alert/Alert.test.tsx +61 -0
  5. package/src/{Alert.tsx → components/Alert/index.tsx} +14 -11
  6. package/src/components/Avatar/Avatar.test.tsx +52 -0
  7. package/src/{Avatar.tsx → components/Avatar/index.tsx} +15 -13
  8. package/src/components/Badge/Badge.test.tsx +30 -0
  9. package/src/{Badge.tsx → components/Badge/index.tsx} +17 -9
  10. package/src/components/BodyText/BodyText.test.tsx +30 -0
  11. package/src/{BodyText.tsx → components/BodyText/index.tsx} +9 -5
  12. package/src/components/Breadcrumb/Breadcrumb.test.tsx +37 -0
  13. package/src/{Breadcrumb.tsx → components/Breadcrumb/index.tsx} +13 -4
  14. package/src/components/Button/Button.test.tsx +45 -0
  15. package/src/{Button.tsx → components/Button/index.tsx} +36 -17
  16. package/src/components/Checkbox/Checkbox.test.tsx +57 -0
  17. package/src/{Checkbox.tsx → components/Checkbox/index.tsx} +37 -15
  18. package/src/components/Chip/Chip.test.tsx +40 -0
  19. package/src/{Chip.tsx → components/Chip/index.tsx} +18 -9
  20. package/src/components/Divider/Divider.test.tsx +28 -0
  21. package/src/{Divider.tsx → components/Divider/index.tsx} +30 -20
  22. package/src/components/EmptyState/EmptyState.test.tsx +60 -0
  23. package/src/{EmptyState.tsx → components/EmptyState/index.tsx} +17 -7
  24. package/src/components/HeaderText/HeaderText.test.tsx +43 -0
  25. package/src/{HeaderText.tsx → components/HeaderText/index.tsx} +9 -5
  26. package/src/components/Input/Input.test.tsx +43 -0
  27. package/src/{Input.tsx → components/Input/index.tsx} +31 -11
  28. package/src/components/List/List.test.tsx +59 -0
  29. package/src/{List.tsx → components/List/index.tsx} +23 -7
  30. package/src/components/Pagination/Pagination.test.tsx +56 -0
  31. package/src/{Pagination.tsx → components/Pagination/index.tsx} +29 -13
  32. package/src/components/PlanCard/PlanCard.test.tsx +44 -0
  33. package/src/{PlanCard.tsx → components/PlanCard/index.tsx} +46 -17
  34. package/src/components/ProgressTracker/ProgressTracker.test.tsx +47 -0
  35. package/src/{ProgressTracker.tsx → components/ProgressTracker/index.tsx} +16 -25
  36. package/src/components/PromotionCard/PromotionCard.test.tsx +73 -0
  37. package/src/components/PromotionCard/index.tsx +538 -0
  38. package/src/components/RadioButton/RadioButton.test.tsx +50 -0
  39. package/src/{RadioButton.tsx → components/RadioButton/index.tsx} +21 -10
  40. package/src/components/ScreenContainer/ScreenContainer.test.tsx +29 -0
  41. package/src/components/ScreenContainer/index.tsx +41 -0
  42. package/src/components/SegmentedControl/SegmentedControl.test.tsx +60 -0
  43. package/src/{SegmentedControl.tsx → components/SegmentedControl/index.tsx} +15 -7
  44. package/src/components/SelectionCard/SelectionCard.test.tsx +48 -0
  45. package/src/components/SelectionCard/index.tsx +213 -0
  46. package/src/components/ServiceCard/ServiceCard.test.tsx +61 -0
  47. package/src/{Card.tsx → components/ServiceCard/index.tsx} +106 -49
  48. package/src/components/Slider/Slider.test.tsx +33 -0
  49. package/src/{Slider.tsx → components/Slider/index.tsx} +26 -36
  50. package/src/components/Snackbar/Snackbar.test.tsx +61 -0
  51. package/src/{Snackbar.tsx → components/Snackbar/index.tsx} +13 -7
  52. package/src/components/Switch/Switch.test.tsx +54 -0
  53. package/src/{Switch.tsx → components/Switch/index.tsx} +16 -5
  54. package/src/components/Tooltip/Tooltip.test.tsx +30 -0
  55. package/src/{Tooltip.tsx → components/Tooltip/index.tsx} +11 -7
  56. package/src/icons/AtomIcon.tsx +32 -0
  57. package/src/icons/BinocularsIcon.tsx +45 -0
  58. package/src/icons/FileChartColumnIncreasingIcon.tsx +44 -0
  59. package/src/icons/FlagIcon.tsx +20 -0
  60. package/src/icons/GlobeIcon.tsx +20 -0
  61. package/src/icons/GraduationCapIcon.tsx +32 -0
  62. package/src/icons/HandHeartIcon.tsx +38 -0
  63. package/src/icons/HandshakeIcon.tsx +39 -0
  64. package/src/icons/HazeIcon.tsx +42 -0
  65. package/src/icons/HeartHandshakeIcon.tsx +20 -0
  66. package/src/icons/HourglassIcon.tsx +33 -0
  67. package/src/icons/IdCardIcon.tsx +44 -0
  68. package/src/icons/MessageCirclePlusIcon.tsx +32 -0
  69. package/src/icons/MountainSnowIcon.tsx +26 -0
  70. package/src/icons/SnowflakeIcon.tsx +86 -0
  71. package/src/icons/StethoscopeIcon.tsx +34 -0
  72. package/src/icons/UserRoundIcon.tsx +26 -0
  73. package/src/icons/WheatIcon.tsx +62 -0
  74. package/src/icons/index.ts +63 -0
  75. package/src/icons/types.ts +45 -0
  76. package/src/index.ts +159 -71
  77. package/src/tokens.ts +135 -15
package/src/tokens.ts CHANGED
@@ -114,20 +114,140 @@ export const sys = {
114
114
  },
115
115
  },
116
116
  typeScale: {
117
- displayLarge: { sysFontSize: 80, sysLineHeight: 80, sysTracking: -2.4, sysLetterSpacing: -2.4, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
118
- displayMedium: { sysFontSize: 72, sysLineHeight: 79.2, sysTracking: -1.44, sysLetterSpacing: -1.44, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
119
- displaySmall: { sysFontSize: 64, sysLineHeight: 76.8, sysTracking: -0.64, sysLetterSpacing: -0.64, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
120
- headlineLarge: { sysFontSize: 48, sysLineHeight: 57.6, sysTracking: -0.48, sysLetterSpacing: -0.48, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
121
- headlineMedium: { sysFontSize: 40, sysLineHeight: 48, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
122
- headlineSmall: { sysFontSize: 32, sysLineHeight: 38.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
123
- titleLarge: { sysFontSize: 28, sysLineHeight: 36.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
124
- titleMedium: { sysFontSize: 24, sysLineHeight: 31.2, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
125
- titleSmall: { sysFontSize: 20, sysLineHeight: 28, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
126
- bodyLarge: { sysFontSize: 20, sysLineHeight: 30, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
127
- bodyMedium: { sysFontSize: 16, sysLineHeight: 24, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
128
- bodySmall: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
129
- labelLarge: { sysFontSize: 16, sysLineHeight: 22.4, sysTracking: 0, sysLetterSpacing: 0, sysFontWeight: 'regular', sysFontWeightEmphasized: 'medium', sysFontFamily: 'GoogleSans_400Regular' },
130
- labelMedium: { sysFontSize: 14, sysLineHeight: 20, sysTracking: 0.07, sysLetterSpacing: 0.07, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold', sysFontFamily: 'GoogleSans_500Medium' },
131
- labelSmall: { sysFontSize: 12, sysLineHeight: 18, sysTracking: 0.12, sysLetterSpacing: 0.12, sysFontWeight: 'medium', sysFontWeightEmphasized: 'semibold', sysFontFamily: 'GoogleSans_500Medium' },
117
+ displayLarge: {
118
+ sysFontSize: 80,
119
+ sysLineHeight: 80,
120
+ sysTracking: -2.4,
121
+ sysLetterSpacing: -2.4,
122
+ sysFontWeight: 'regular',
123
+ sysFontWeightEmphasized: 'medium',
124
+ sysFontFamily: 'GoogleSans_400Regular',
125
+ },
126
+ displayMedium: {
127
+ sysFontSize: 72,
128
+ sysLineHeight: 79.2,
129
+ sysTracking: -1.44,
130
+ sysLetterSpacing: -1.44,
131
+ sysFontWeight: 'regular',
132
+ sysFontWeightEmphasized: 'medium',
133
+ sysFontFamily: 'GoogleSans_400Regular',
134
+ },
135
+ displaySmall: {
136
+ sysFontSize: 64,
137
+ sysLineHeight: 76.8,
138
+ sysTracking: -0.64,
139
+ sysLetterSpacing: -0.64,
140
+ sysFontWeight: 'regular',
141
+ sysFontWeightEmphasized: 'medium',
142
+ sysFontFamily: 'GoogleSans_400Regular',
143
+ },
144
+ headlineLarge: {
145
+ sysFontSize: 48,
146
+ sysLineHeight: 57.6,
147
+ sysTracking: -0.48,
148
+ sysLetterSpacing: -0.48,
149
+ sysFontWeight: 'regular',
150
+ sysFontWeightEmphasized: 'medium',
151
+ sysFontFamily: 'GoogleSans_400Regular',
152
+ },
153
+ headlineMedium: {
154
+ sysFontSize: 40,
155
+ sysLineHeight: 48,
156
+ sysTracking: 0,
157
+ sysLetterSpacing: 0,
158
+ sysFontWeight: 'regular',
159
+ sysFontWeightEmphasized: 'medium',
160
+ sysFontFamily: 'GoogleSans_400Regular',
161
+ },
162
+ headlineSmall: {
163
+ sysFontSize: 32,
164
+ sysLineHeight: 38.4,
165
+ sysTracking: 0,
166
+ sysLetterSpacing: 0,
167
+ sysFontWeight: 'regular',
168
+ sysFontWeightEmphasized: 'medium',
169
+ sysFontFamily: 'GoogleSans_400Regular',
170
+ },
171
+ titleLarge: {
172
+ sysFontSize: 28,
173
+ sysLineHeight: 36.4,
174
+ sysTracking: 0,
175
+ sysLetterSpacing: 0,
176
+ sysFontWeight: 'regular',
177
+ sysFontWeightEmphasized: 'medium',
178
+ sysFontFamily: 'GoogleSans_400Regular',
179
+ },
180
+ titleMedium: {
181
+ sysFontSize: 24,
182
+ sysLineHeight: 31.2,
183
+ sysTracking: 0,
184
+ sysLetterSpacing: 0,
185
+ sysFontWeight: 'regular',
186
+ sysFontWeightEmphasized: 'medium',
187
+ sysFontFamily: 'GoogleSans_400Regular',
188
+ },
189
+ titleSmall: {
190
+ sysFontSize: 20,
191
+ sysLineHeight: 28,
192
+ sysTracking: 0,
193
+ sysLetterSpacing: 0,
194
+ sysFontWeight: 'regular',
195
+ sysFontWeightEmphasized: 'medium',
196
+ sysFontFamily: 'GoogleSans_400Regular',
197
+ },
198
+ bodyLarge: {
199
+ sysFontSize: 20,
200
+ sysLineHeight: 30,
201
+ sysTracking: 0,
202
+ sysLetterSpacing: 0,
203
+ sysFontWeight: 'regular',
204
+ sysFontWeightEmphasized: 'medium',
205
+ sysFontFamily: 'GoogleSans_400Regular',
206
+ },
207
+ bodyMedium: {
208
+ sysFontSize: 16,
209
+ sysLineHeight: 24,
210
+ sysTracking: 0,
211
+ sysLetterSpacing: 0,
212
+ sysFontWeight: 'regular',
213
+ sysFontWeightEmphasized: 'medium',
214
+ sysFontFamily: 'GoogleSans_400Regular',
215
+ },
216
+ bodySmall: {
217
+ sysFontSize: 14,
218
+ sysLineHeight: 20,
219
+ sysTracking: 0,
220
+ sysLetterSpacing: 0,
221
+ sysFontWeight: 'regular',
222
+ sysFontWeightEmphasized: 'medium',
223
+ sysFontFamily: 'GoogleSans_400Regular',
224
+ },
225
+ labelLarge: {
226
+ sysFontSize: 16,
227
+ sysLineHeight: 22.4,
228
+ sysTracking: 0,
229
+ sysLetterSpacing: 0,
230
+ sysFontWeight: 'regular',
231
+ sysFontWeightEmphasized: 'medium',
232
+ sysFontFamily: 'GoogleSans_400Regular',
233
+ },
234
+ labelMedium: {
235
+ sysFontSize: 14,
236
+ sysLineHeight: 20,
237
+ sysTracking: 0.07,
238
+ sysLetterSpacing: 0.07,
239
+ sysFontWeight: 'medium',
240
+ sysFontWeightEmphasized: 'semibold',
241
+ sysFontFamily: 'GoogleSans_500Medium',
242
+ },
243
+ labelSmall: {
244
+ sysFontSize: 12,
245
+ sysLineHeight: 18,
246
+ sysTracking: 0.12,
247
+ sysLetterSpacing: 0.12,
248
+ sysFontWeight: 'medium',
249
+ sysFontWeightEmphasized: 'semibold',
250
+ sysFontFamily: 'GoogleSans_500Medium',
251
+ },
132
252
  },
133
253
  } as const;