@umituz/react-native-design-system 1.5.0 → 1.7.0

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 (105) hide show
  1. package/lib/index.d.ts +2 -4
  2. package/lib/index.d.ts.map +1 -1
  3. package/lib/index.js +17 -17
  4. package/lib/index.js.map +1 -1
  5. package/lib/presentation/atoms/AtomicButton.d.ts +1 -1
  6. package/lib/presentation/atoms/AtomicButton.d.ts.map +1 -1
  7. package/lib/presentation/atoms/AtomicButton.js +1 -1
  8. package/lib/presentation/atoms/AtomicButton.js.map +1 -1
  9. package/lib/presentation/atoms/AtomicFormError.js +1 -1
  10. package/lib/presentation/atoms/AtomicFormError.js.map +1 -1
  11. package/lib/presentation/atoms/AtomicIcon.d.ts +2 -3
  12. package/lib/presentation/atoms/AtomicIcon.d.ts.map +1 -1
  13. package/lib/presentation/atoms/AtomicIcon.js +1 -1
  14. package/lib/presentation/atoms/AtomicIcon.js.map +1 -1
  15. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +1 -1
  16. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +1 -1
  17. package/lib/presentation/atoms/index.d.ts +1 -1
  18. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +4 -15
  19. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +1 -1
  20. package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +1 -1
  21. package/lib/presentation/hooks/useAppDesignTokens.d.ts +6 -27
  22. package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +1 -1
  23. package/lib/presentation/hooks/useAppDesignTokens.js +6 -32
  24. package/lib/presentation/hooks/useAppDesignTokens.js.map +1 -1
  25. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +1 -1
  26. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +1 -1
  27. package/lib/presentation/organisms/AppHeader.d.ts +3 -2
  28. package/lib/presentation/organisms/AppHeader.d.ts.map +1 -1
  29. package/lib/presentation/organisms/AppHeader.js.map +1 -1
  30. package/package.json +13 -3
  31. package/src/index.ts +34 -29
  32. package/src/presentation/atoms/AtomicBadge.tsx +1 -1
  33. package/src/presentation/atoms/AtomicButton.tsx +2 -2
  34. package/src/presentation/atoms/AtomicFormError.tsx +1 -1
  35. package/src/presentation/atoms/AtomicIcon.tsx +3 -4
  36. package/src/presentation/atoms/fab/styles/fabStyles.ts +1 -1
  37. package/src/presentation/atoms/picker/styles/pickerStyles.ts +25 -5
  38. package/src/presentation/hooks/useAppDesignTokens.ts +6 -33
  39. package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts +1 -1
  40. package/src/presentation/organisms/AppHeader.tsx +3 -2
  41. package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts +0 -91
  42. package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts.map +0 -1
  43. package/lib/domains/icons/domain/config/IconLibraryConfig.js +0 -85
  44. package/lib/domains/icons/domain/config/IconLibraryConfig.js.map +0 -1
  45. package/lib/domains/icons/domain/entities/Icon.d.ts +0 -111
  46. package/lib/domains/icons/domain/entities/Icon.d.ts.map +0 -1
  47. package/lib/domains/icons/domain/entities/Icon.js +0 -87
  48. package/lib/domains/icons/domain/entities/Icon.js.map +0 -1
  49. package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts +0 -114
  50. package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts.map +0 -1
  51. package/lib/domains/icons/domain/interfaces/IIconAdapter.js +0 -17
  52. package/lib/domains/icons/domain/interfaces/IIconAdapter.js.map +0 -1
  53. package/lib/domains/icons/index.d.ts +0 -84
  54. package/lib/domains/icons/index.d.ts.map +0 -1
  55. package/lib/domains/icons/index.js +0 -89
  56. package/lib/domains/icons/index.js.map +0 -1
  57. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts +0 -24
  58. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts.map +0 -1
  59. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js +0 -85
  60. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js.map +0 -1
  61. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts +0 -23
  62. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts.map +0 -1
  63. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js +0 -178
  64. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js.map +0 -1
  65. package/lib/domains/icons/presentation/components/Icon.d.ts +0 -42
  66. package/lib/domains/icons/presentation/components/Icon.d.ts.map +0 -1
  67. package/lib/domains/icons/presentation/components/Icon.js +0 -86
  68. package/lib/domains/icons/presentation/components/Icon.js.map +0 -1
  69. package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts +0 -38
  70. package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts.map +0 -1
  71. package/lib/domains/icons/presentation/hooks/useIconLibrary.js +0 -114
  72. package/lib/domains/icons/presentation/hooks/useIconLibrary.js.map +0 -1
  73. package/lib/infrastructure/theme/globalThemeStore.d.ts +0 -42
  74. package/lib/infrastructure/theme/globalThemeStore.d.ts.map +0 -1
  75. package/lib/infrastructure/theme/globalThemeStore.js +0 -38
  76. package/lib/infrastructure/theme/globalThemeStore.js.map +0 -1
  77. package/lib/presentation/tokens/AppDesignTokens.d.ts +0 -14
  78. package/lib/presentation/tokens/AppDesignTokens.d.ts.map +0 -1
  79. package/lib/presentation/tokens/AppDesignTokens.js +0 -23
  80. package/lib/presentation/tokens/AppDesignTokens.js.map +0 -1
  81. package/lib/presentation/tokens/core/BaseTokens.d.ts +0 -312
  82. package/lib/presentation/tokens/core/BaseTokens.d.ts.map +0 -1
  83. package/lib/presentation/tokens/core/BaseTokens.js +0 -304
  84. package/lib/presentation/tokens/core/BaseTokens.js.map +0 -1
  85. package/lib/presentation/tokens/core/ColorPalette.d.ts +0 -216
  86. package/lib/presentation/tokens/core/ColorPalette.d.ts.map +0 -1
  87. package/lib/presentation/tokens/core/ColorPalette.js +0 -330
  88. package/lib/presentation/tokens/core/ColorPalette.js.map +0 -1
  89. package/lib/presentation/tokens/core/TokenFactory.d.ts +0 -216
  90. package/lib/presentation/tokens/core/TokenFactory.d.ts.map +0 -1
  91. package/lib/presentation/tokens/core/TokenFactory.js +0 -86
  92. package/lib/presentation/tokens/core/TokenFactory.js.map +0 -1
  93. package/src/domains/icons/domain/config/IconLibraryConfig.ts +0 -93
  94. package/src/domains/icons/domain/entities/Icon.ts +0 -143
  95. package/src/domains/icons/domain/interfaces/IIconAdapter.ts +0 -147
  96. package/src/domains/icons/index.ts +0 -109
  97. package/src/domains/icons/infrastructure/adapters/LucideAdapter.ts +0 -100
  98. package/src/domains/icons/infrastructure/registries/ExpoIconRegistry.ts +0 -191
  99. package/src/domains/icons/presentation/components/Icon.tsx +0 -132
  100. package/src/domains/icons/presentation/hooks/useIconLibrary.ts +0 -141
  101. package/src/infrastructure/theme/globalThemeStore.ts +0 -51
  102. package/src/presentation/tokens/AppDesignTokens.ts +0 -55
  103. package/src/presentation/tokens/core/BaseTokens.ts +0 -372
  104. package/src/presentation/tokens/core/ColorPalette.ts +0 -400
  105. package/src/presentation/tokens/core/TokenFactory.ts +0 -118
@@ -1,312 +0,0 @@
1
- /**
2
- * BASE DESIGN TOKENS - SINGLE SOURCE OF TRUTH
3
- *
4
- * ✅ STATIC tokens that don't change with theme
5
- * ✅ DRY Principle - Each value defined ONCE
6
- * ✅ Type-safe with full TypeScript support
7
- * ✅ Factory-first design for 100+ generated apps
8
- *
9
- * @module BaseTokens
10
- */
11
- import { TextStyle } from 'react-native';
12
- export declare const spacing: {
13
- readonly xs: 4;
14
- readonly sm: 8;
15
- readonly md: 16;
16
- readonly lg: 24;
17
- readonly xl: 32;
18
- readonly xxl: 48;
19
- readonly xxxl: 64;
20
- readonly screenPadding: 20;
21
- readonly cardPadding: 16;
22
- readonly buttonPadding: 16;
23
- readonly inputPadding: 8;
24
- readonly sectionSpacing: 24;
25
- readonly iconSizeSmall: 16;
26
- readonly iconSizeMedium: 20;
27
- readonly iconSizeLarge: 24;
28
- readonly iconSizeXLarge: 32;
29
- readonly iconSizeHero: 64;
30
- readonly buttonHeight: 48;
31
- readonly inputHeight: 48;
32
- readonly appBarHeight: 56;
33
- readonly tabBarHeight: 60;
34
- };
35
- export declare const typography: {
36
- readonly fontPrimary: "System";
37
- readonly fontSecondary: "System";
38
- readonly fontMono: "Courier New";
39
- readonly xs: 12;
40
- readonly sm: 14;
41
- readonly md: 16;
42
- readonly lg: 18;
43
- readonly xl: 20;
44
- readonly xxl: 24;
45
- readonly xxxl: 32;
46
- readonly light: "300";
47
- readonly regular: "400";
48
- readonly medium: "500";
49
- readonly semibold: "600";
50
- readonly bold: "700";
51
- readonly lineHeightTight: 1.2;
52
- readonly lineHeightNormal: 1.5;
53
- readonly lineHeightRelaxed: 1.7;
54
- readonly displayLarge: TextStyle;
55
- readonly displayMedium: TextStyle;
56
- readonly displaySmall: TextStyle;
57
- readonly headlineLarge: TextStyle;
58
- readonly headlineMedium: TextStyle;
59
- readonly headlineSmall: TextStyle;
60
- readonly titleLarge: TextStyle;
61
- readonly titleMedium: TextStyle;
62
- readonly titleSmall: TextStyle;
63
- readonly bodyLarge: TextStyle;
64
- readonly bodyMedium: TextStyle;
65
- readonly bodySmall: TextStyle;
66
- readonly labelLarge: TextStyle;
67
- readonly labelMedium: TextStyle;
68
- readonly labelSmall: TextStyle;
69
- readonly headingLarge: TextStyle;
70
- readonly headingMedium: TextStyle;
71
- readonly headingSmall: TextStyle;
72
- readonly button: TextStyle;
73
- readonly caption: TextStyle;
74
- readonly overline: TextStyle;
75
- };
76
- export declare const opacity: {
77
- readonly disabled: 0.6;
78
- readonly subtle: 0.8;
79
- readonly medium: 0.5;
80
- readonly light: 0.3;
81
- readonly veryLight: 0.1;
82
- };
83
- export declare const borders: {
84
- readonly radius: {
85
- readonly none: 0;
86
- readonly xs: 2;
87
- readonly sm: 4;
88
- readonly md: 8;
89
- readonly lg: 12;
90
- readonly xl: 16;
91
- readonly xxl: 24;
92
- readonly full: 9999;
93
- };
94
- readonly width: {
95
- readonly none: 0;
96
- readonly thin: 1;
97
- readonly medium: 2;
98
- readonly thick: 4;
99
- };
100
- readonly button: {
101
- readonly borderRadius: 8;
102
- readonly borderWidth: 0;
103
- };
104
- readonly card: {
105
- readonly borderRadius: 12;
106
- readonly borderWidth: 1;
107
- };
108
- readonly input: {
109
- readonly borderRadius: 8;
110
- readonly borderWidth: 1;
111
- };
112
- readonly pill: {
113
- readonly borderRadius: 9999;
114
- readonly borderWidth: 0;
115
- };
116
- };
117
- export declare const sizes: {
118
- readonly touchTarget: 44;
119
- readonly touchTargetSmall: 36;
120
- readonly touchTargetLarge: 56;
121
- readonly buttonHeight: {
122
- readonly sm: 40;
123
- readonly md: 48;
124
- readonly lg: 56;
125
- readonly xl: 64;
126
- };
127
- readonly dot: {
128
- readonly inactive: 8;
129
- readonly active: 24;
130
- };
131
- readonly progressBar: {
132
- readonly thin: 2;
133
- readonly normal: 4;
134
- readonly thick: 6;
135
- };
136
- readonly divider: 1;
137
- readonly separator: 2;
138
- };
139
- export declare const iconSizes: {
140
- readonly xs: 12;
141
- readonly sm: 16;
142
- readonly md: 20;
143
- readonly lg: 24;
144
- readonly xl: 32;
145
- readonly xxl: 40;
146
- };
147
- export declare const avatarSizes: {
148
- readonly xs: 24;
149
- readonly sm: 32;
150
- readonly md: 40;
151
- readonly lg: 48;
152
- readonly xl: 64;
153
- readonly xxl: 80;
154
- };
155
- /**
156
- * All static design tokens in one place
157
- * These values DON'T change with theme (light/dark)
158
- */
159
- export declare const BASE_TOKENS: {
160
- readonly spacing: {
161
- readonly xs: 4;
162
- readonly sm: 8;
163
- readonly md: 16;
164
- readonly lg: 24;
165
- readonly xl: 32;
166
- readonly xxl: 48;
167
- readonly xxxl: 64;
168
- readonly screenPadding: 20;
169
- readonly cardPadding: 16;
170
- readonly buttonPadding: 16;
171
- readonly inputPadding: 8;
172
- readonly sectionSpacing: 24;
173
- readonly iconSizeSmall: 16;
174
- readonly iconSizeMedium: 20;
175
- readonly iconSizeLarge: 24;
176
- readonly iconSizeXLarge: 32;
177
- readonly iconSizeHero: 64;
178
- readonly buttonHeight: 48;
179
- readonly inputHeight: 48;
180
- readonly appBarHeight: 56;
181
- readonly tabBarHeight: 60;
182
- };
183
- readonly typography: {
184
- readonly fontPrimary: "System";
185
- readonly fontSecondary: "System";
186
- readonly fontMono: "Courier New";
187
- readonly xs: 12;
188
- readonly sm: 14;
189
- readonly md: 16;
190
- readonly lg: 18;
191
- readonly xl: 20;
192
- readonly xxl: 24;
193
- readonly xxxl: 32;
194
- readonly light: "300";
195
- readonly regular: "400";
196
- readonly medium: "500";
197
- readonly semibold: "600";
198
- readonly bold: "700";
199
- readonly lineHeightTight: 1.2;
200
- readonly lineHeightNormal: 1.5;
201
- readonly lineHeightRelaxed: 1.7;
202
- readonly displayLarge: TextStyle;
203
- readonly displayMedium: TextStyle;
204
- readonly displaySmall: TextStyle;
205
- readonly headlineLarge: TextStyle;
206
- readonly headlineMedium: TextStyle;
207
- readonly headlineSmall: TextStyle;
208
- readonly titleLarge: TextStyle;
209
- readonly titleMedium: TextStyle;
210
- readonly titleSmall: TextStyle;
211
- readonly bodyLarge: TextStyle;
212
- readonly bodyMedium: TextStyle;
213
- readonly bodySmall: TextStyle;
214
- readonly labelLarge: TextStyle;
215
- readonly labelMedium: TextStyle;
216
- readonly labelSmall: TextStyle;
217
- readonly headingLarge: TextStyle;
218
- readonly headingMedium: TextStyle;
219
- readonly headingSmall: TextStyle;
220
- readonly button: TextStyle;
221
- readonly caption: TextStyle;
222
- readonly overline: TextStyle;
223
- };
224
- readonly opacity: {
225
- readonly disabled: 0.6;
226
- readonly subtle: 0.8;
227
- readonly medium: 0.5;
228
- readonly light: 0.3;
229
- readonly veryLight: 0.1;
230
- };
231
- readonly borders: {
232
- readonly radius: {
233
- readonly none: 0;
234
- readonly xs: 2;
235
- readonly sm: 4;
236
- readonly md: 8;
237
- readonly lg: 12;
238
- readonly xl: 16;
239
- readonly xxl: 24;
240
- readonly full: 9999;
241
- };
242
- readonly width: {
243
- readonly none: 0;
244
- readonly thin: 1;
245
- readonly medium: 2;
246
- readonly thick: 4;
247
- };
248
- readonly button: {
249
- readonly borderRadius: 8;
250
- readonly borderWidth: 0;
251
- };
252
- readonly card: {
253
- readonly borderRadius: 12;
254
- readonly borderWidth: 1;
255
- };
256
- readonly input: {
257
- readonly borderRadius: 8;
258
- readonly borderWidth: 1;
259
- };
260
- readonly pill: {
261
- readonly borderRadius: 9999;
262
- readonly borderWidth: 0;
263
- };
264
- };
265
- readonly sizes: {
266
- readonly touchTarget: 44;
267
- readonly touchTargetSmall: 36;
268
- readonly touchTargetLarge: 56;
269
- readonly buttonHeight: {
270
- readonly sm: 40;
271
- readonly md: 48;
272
- readonly lg: 56;
273
- readonly xl: 64;
274
- };
275
- readonly dot: {
276
- readonly inactive: 8;
277
- readonly active: 24;
278
- };
279
- readonly progressBar: {
280
- readonly thin: 2;
281
- readonly normal: 4;
282
- readonly thick: 6;
283
- };
284
- readonly divider: 1;
285
- readonly separator: 2;
286
- };
287
- readonly iconSizes: {
288
- readonly xs: 12;
289
- readonly sm: 16;
290
- readonly md: 20;
291
- readonly lg: 24;
292
- readonly xl: 32;
293
- readonly xxl: 40;
294
- };
295
- readonly avatarSizes: {
296
- readonly xs: 24;
297
- readonly sm: 32;
298
- readonly md: 40;
299
- readonly lg: 48;
300
- readonly xl: 64;
301
- readonly xxl: 80;
302
- };
303
- };
304
- export type Spacing = typeof spacing;
305
- export type Typography = typeof typography;
306
- export type Opacity = typeof opacity;
307
- export type Borders = typeof borders;
308
- export type Sizes = typeof sizes;
309
- export type IconSizes = typeof iconSizes;
310
- export type AvatarSizes = typeof avatarSizes;
311
- export type BaseTokens = typeof BASE_TOKENS;
312
- //# sourceMappingURL=BaseTokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseTokens.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;2BAoChB,SAAS;4BAMT,SAAS;2BAMT,SAAS;4BAOT,SAAS;6BAMT,SAAS;4BAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;wBAOT,SAAS;yBAMT,SAAS;wBAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;2BAUT,SAAS;4BAMT,SAAS;2BAMT,SAAS;qBAMT,SAAS;sBAMT,SAAS;uBAQT,SAAS;CACN,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCV,CAAC;AAMX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CA8BR,CAAC;AAMX,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAMX;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtQjB,SAAS;gCAMT,SAAS;+BAMT,SAAS;gCAOT,SAAS;iCAMT,SAAS;gCAMT,SAAS;6BAOT,SAAS;8BAMT,SAAS;6BAMT,SAAS;4BAOT,SAAS;6BAMT,SAAS;4BAMT,SAAS;6BAOT,SAAS;8BAMT,SAAS;6BAMT,SAAS;+BAUT,SAAS;gCAMT,SAAS;+BAMT,SAAS;yBAMT,SAAS;0BAMT,SAAS;2BAQT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IN,CAAC;AAMX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC;AACjC,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC;AACzC,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC"}
@@ -1,304 +0,0 @@
1
- /**
2
- * BASE DESIGN TOKENS - SINGLE SOURCE OF TRUTH
3
- *
4
- * ✅ STATIC tokens that don't change with theme
5
- * ✅ DRY Principle - Each value defined ONCE
6
- * ✅ Type-safe with full TypeScript support
7
- * ✅ Factory-first design for 100+ generated apps
8
- *
9
- * @module BaseTokens
10
- */
11
- // =============================================================================
12
- // SPACING TOKENS
13
- // =============================================================================
14
- export const spacing = {
15
- // Base spacing scale
16
- xs: 4,
17
- sm: 8,
18
- md: 16,
19
- lg: 24,
20
- xl: 32,
21
- xxl: 48,
22
- xxxl: 64,
23
- // Component-specific spacing
24
- screenPadding: 20,
25
- cardPadding: 16,
26
- buttonPadding: 16,
27
- inputPadding: 8,
28
- sectionSpacing: 24,
29
- // Icon sizes
30
- iconSizeSmall: 16,
31
- iconSizeMedium: 20,
32
- iconSizeLarge: 24,
33
- iconSizeXLarge: 32,
34
- iconSizeHero: 64,
35
- // Component heights
36
- buttonHeight: 48,
37
- inputHeight: 48,
38
- appBarHeight: 56,
39
- tabBarHeight: 60,
40
- };
41
- // =============================================================================
42
- // TYPOGRAPHY TOKENS
43
- // =============================================================================
44
- export const typography = {
45
- // Font families
46
- fontPrimary: 'System',
47
- fontSecondary: 'System',
48
- fontMono: 'Courier New',
49
- // Font sizes
50
- xs: 12,
51
- sm: 14,
52
- md: 16,
53
- lg: 18,
54
- xl: 20,
55
- xxl: 24,
56
- xxxl: 32,
57
- // Font weights
58
- light: '300',
59
- regular: '400',
60
- medium: '500',
61
- semibold: '600',
62
- bold: '700',
63
- // Line heights
64
- lineHeightTight: 1.2,
65
- lineHeightNormal: 1.5,
66
- lineHeightRelaxed: 1.7,
67
- // =============================================================================
68
- // MATERIAL DESIGN 3 TYPE SCALE
69
- // =============================================================================
70
- // Display styles (largest)
71
- displayLarge: {
72
- fontSize: 57,
73
- fontWeight: '400',
74
- lineHeight: 64,
75
- },
76
- displayMedium: {
77
- fontSize: 45,
78
- fontWeight: '400',
79
- lineHeight: 52,
80
- },
81
- displaySmall: {
82
- fontSize: 36,
83
- fontWeight: '400',
84
- lineHeight: 44,
85
- },
86
- // Headline styles
87
- headlineLarge: {
88
- fontSize: 32,
89
- fontWeight: '400',
90
- lineHeight: 40,
91
- },
92
- headlineMedium: {
93
- fontSize: 28,
94
- fontWeight: '400',
95
- lineHeight: 36,
96
- },
97
- headlineSmall: {
98
- fontSize: 24,
99
- fontWeight: '400',
100
- lineHeight: 32,
101
- },
102
- // Title styles
103
- titleLarge: {
104
- fontSize: 22,
105
- fontWeight: '400',
106
- lineHeight: 28,
107
- },
108
- titleMedium: {
109
- fontSize: 16,
110
- fontWeight: '500',
111
- lineHeight: 24,
112
- },
113
- titleSmall: {
114
- fontSize: 14,
115
- fontWeight: '500',
116
- lineHeight: 20,
117
- },
118
- // Body styles
119
- bodyLarge: {
120
- fontSize: 18,
121
- fontWeight: '400',
122
- lineHeight: 27,
123
- },
124
- bodyMedium: {
125
- fontSize: 16,
126
- fontWeight: '400',
127
- lineHeight: 24,
128
- },
129
- bodySmall: {
130
- fontSize: 14,
131
- fontWeight: '400',
132
- lineHeight: 21,
133
- },
134
- // Label styles
135
- labelLarge: {
136
- fontSize: 16,
137
- fontWeight: '500',
138
- lineHeight: 19.2,
139
- },
140
- labelMedium: {
141
- fontSize: 14,
142
- fontWeight: '500',
143
- lineHeight: 16.8,
144
- },
145
- labelSmall: {
146
- fontSize: 12,
147
- fontWeight: '500',
148
- lineHeight: 14.4,
149
- },
150
- // =============================================================================
151
- // LEGACY SUPPORT (backwards compatibility)
152
- // =============================================================================
153
- headingLarge: {
154
- fontSize: 32,
155
- fontWeight: '700',
156
- lineHeight: 38.4,
157
- },
158
- headingMedium: {
159
- fontSize: 24,
160
- fontWeight: '600',
161
- lineHeight: 28.8,
162
- },
163
- headingSmall: {
164
- fontSize: 20,
165
- fontWeight: '600',
166
- lineHeight: 24,
167
- },
168
- button: {
169
- fontSize: 16,
170
- fontWeight: '600',
171
- lineHeight: 19.2,
172
- },
173
- caption: {
174
- fontSize: 12,
175
- fontWeight: '400',
176
- lineHeight: 18,
177
- },
178
- overline: {
179
- fontSize: 12,
180
- fontWeight: '500',
181
- lineHeight: 18,
182
- textTransform: 'uppercase',
183
- letterSpacing: 1,
184
- },
185
- };
186
- // =============================================================================
187
- // OPACITY TOKENS
188
- // =============================================================================
189
- export const opacity = {
190
- disabled: 0.6,
191
- subtle: 0.8,
192
- medium: 0.5,
193
- light: 0.3,
194
- veryLight: 0.1,
195
- };
196
- // =============================================================================
197
- // BORDER TOKENS
198
- // =============================================================================
199
- export const borders = {
200
- // Radius scale
201
- radius: {
202
- none: 0,
203
- xs: 2,
204
- sm: 4,
205
- md: 8,
206
- lg: 12,
207
- xl: 16,
208
- xxl: 24,
209
- full: 9999,
210
- },
211
- // Width scale
212
- width: {
213
- none: 0,
214
- thin: 1,
215
- medium: 2,
216
- thick: 4,
217
- },
218
- // Component-specific borders (without colors - colors injected by TokenFactory)
219
- button: {
220
- borderRadius: 8,
221
- borderWidth: 0,
222
- },
223
- card: {
224
- borderRadius: 12,
225
- borderWidth: 1,
226
- },
227
- input: {
228
- borderRadius: 8,
229
- borderWidth: 1,
230
- },
231
- pill: {
232
- borderRadius: 9999,
233
- borderWidth: 0,
234
- },
235
- };
236
- // =============================================================================
237
- // COMPONENT SIZES (Touch Targets, Buttons, UI Elements)
238
- // =============================================================================
239
- export const sizes = {
240
- // Touch targets (Apple HIG minimum: 44x44)
241
- touchTarget: 44,
242
- touchTargetSmall: 36,
243
- touchTargetLarge: 56,
244
- // Button heights
245
- buttonHeight: {
246
- sm: 40,
247
- md: 48,
248
- lg: 56,
249
- xl: 64,
250
- },
251
- // Pagination dots (onboarding, carousels)
252
- dot: {
253
- inactive: 8,
254
- active: 24,
255
- },
256
- // Progress bars
257
- progressBar: {
258
- thin: 2,
259
- normal: 4,
260
- thick: 6,
261
- },
262
- // Common UI element sizes
263
- divider: 1,
264
- separator: 2,
265
- };
266
- // =============================================================================
267
- // ICON SIZES
268
- // =============================================================================
269
- export const iconSizes = {
270
- xs: 12,
271
- sm: 16,
272
- md: 20,
273
- lg: 24,
274
- xl: 32,
275
- xxl: 40,
276
- };
277
- // =============================================================================
278
- // AVATAR SIZES
279
- // =============================================================================
280
- export const avatarSizes = {
281
- xs: 24,
282
- sm: 32,
283
- md: 40,
284
- lg: 48,
285
- xl: 64,
286
- xxl: 80,
287
- };
288
- // =============================================================================
289
- // CONSOLIDATED STATIC TOKENS
290
- // =============================================================================
291
- /**
292
- * All static design tokens in one place
293
- * These values DON'T change with theme (light/dark)
294
- */
295
- export const BASE_TOKENS = {
296
- spacing,
297
- typography,
298
- opacity,
299
- borders,
300
- sizes,
301
- iconSizes,
302
- avatarSizes,
303
- };
304
- //# sourceMappingURL=BaseTokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseTokens.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"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"}