@umituz/react-native-design-system 1.4.3 → 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 (139) hide show
  1. package/README.md +0 -1
  2. package/lib/index.d.ts +2 -5
  3. package/lib/index.d.ts.map +1 -1
  4. package/lib/index.js +17 -22
  5. package/lib/index.js.map +1 -1
  6. package/lib/presentation/atoms/AtomicButton.d.ts +1 -1
  7. package/lib/presentation/atoms/AtomicButton.d.ts.map +1 -1
  8. package/lib/presentation/atoms/AtomicButton.js +1 -1
  9. package/lib/presentation/atoms/AtomicButton.js.map +1 -1
  10. package/lib/presentation/atoms/AtomicFormError.js +1 -1
  11. package/lib/presentation/atoms/AtomicFormError.js.map +1 -1
  12. package/lib/presentation/atoms/AtomicIcon.d.ts +2 -3
  13. package/lib/presentation/atoms/AtomicIcon.d.ts.map +1 -1
  14. package/lib/presentation/atoms/AtomicIcon.js +1 -1
  15. package/lib/presentation/atoms/AtomicIcon.js.map +1 -1
  16. package/lib/presentation/atoms/AtomicTouchable.js.map +1 -1
  17. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +1 -1
  18. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +1 -1
  19. package/lib/presentation/atoms/index.d.ts +1 -1
  20. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +4 -15
  21. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +1 -1
  22. package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +1 -1
  23. package/lib/presentation/hooks/useAppDesignTokens.d.ts +6 -27
  24. package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +1 -1
  25. package/lib/presentation/hooks/useAppDesignTokens.js +6 -32
  26. package/lib/presentation/hooks/useAppDesignTokens.js.map +1 -1
  27. package/lib/presentation/molecules/AtomicConfirmationModal.d.ts +2 -2
  28. package/lib/presentation/molecules/AtomicConfirmationModal.d.ts.map +1 -1
  29. package/lib/presentation/molecules/AtomicConfirmationModal.js +2 -21
  30. package/lib/presentation/molecules/AtomicConfirmationModal.js.map +1 -1
  31. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +1 -1
  32. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +1 -1
  33. package/lib/presentation/molecules/confirmation-modal/types/index.d.ts +4 -6
  34. package/lib/presentation/molecules/confirmation-modal/types/index.d.ts.map +1 -1
  35. package/lib/presentation/molecules/index.d.ts +0 -1
  36. package/lib/presentation/molecules/index.d.ts.map +1 -1
  37. package/lib/presentation/molecules/index.js +0 -1
  38. package/lib/presentation/molecules/index.js.map +1 -1
  39. package/lib/presentation/organisms/AppHeader.d.ts +3 -2
  40. package/lib/presentation/organisms/AppHeader.d.ts.map +1 -1
  41. package/lib/presentation/organisms/AppHeader.js.map +1 -1
  42. package/lib/presentation/tokens/commonStyles.d.ts +1 -1
  43. package/lib/presentation/tokens/commonStyles.js +1 -1
  44. package/package.json +11 -5
  45. package/src/index.ts +35 -39
  46. package/src/presentation/atoms/AtomicBadge.tsx +1 -1
  47. package/src/presentation/atoms/AtomicButton.tsx +2 -2
  48. package/src/presentation/atoms/AtomicFormError.tsx +1 -1
  49. package/src/presentation/atoms/AtomicIcon.tsx +3 -4
  50. package/src/presentation/atoms/AtomicTouchable.tsx +1 -1
  51. package/src/presentation/atoms/fab/styles/fabStyles.ts +1 -1
  52. package/src/presentation/atoms/picker/styles/pickerStyles.ts +25 -5
  53. package/src/presentation/hooks/useAppDesignTokens.ts +6 -33
  54. package/src/presentation/molecules/AtomicConfirmationModal.tsx +4 -25
  55. package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts +1 -1
  56. package/src/presentation/molecules/confirmation-modal/types/index.ts +4 -6
  57. package/src/presentation/molecules/index.ts +0 -1
  58. package/src/presentation/organisms/AppHeader.tsx +3 -2
  59. package/src/presentation/tokens/commonStyles.ts +1 -1
  60. package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts +0 -91
  61. package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts.map +0 -1
  62. package/lib/domains/icons/domain/config/IconLibraryConfig.js +0 -85
  63. package/lib/domains/icons/domain/config/IconLibraryConfig.js.map +0 -1
  64. package/lib/domains/icons/domain/entities/Icon.d.ts +0 -111
  65. package/lib/domains/icons/domain/entities/Icon.d.ts.map +0 -1
  66. package/lib/domains/icons/domain/entities/Icon.js +0 -87
  67. package/lib/domains/icons/domain/entities/Icon.js.map +0 -1
  68. package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts +0 -114
  69. package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts.map +0 -1
  70. package/lib/domains/icons/domain/interfaces/IIconAdapter.js +0 -17
  71. package/lib/domains/icons/domain/interfaces/IIconAdapter.js.map +0 -1
  72. package/lib/domains/icons/index.d.ts +0 -84
  73. package/lib/domains/icons/index.d.ts.map +0 -1
  74. package/lib/domains/icons/index.js +0 -89
  75. package/lib/domains/icons/index.js.map +0 -1
  76. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts +0 -24
  77. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts.map +0 -1
  78. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js +0 -85
  79. package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js.map +0 -1
  80. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts +0 -23
  81. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts.map +0 -1
  82. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js +0 -178
  83. package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js.map +0 -1
  84. package/lib/domains/icons/presentation/components/Icon.d.ts +0 -42
  85. package/lib/domains/icons/presentation/components/Icon.d.ts.map +0 -1
  86. package/lib/domains/icons/presentation/components/Icon.js +0 -86
  87. package/lib/domains/icons/presentation/components/Icon.js.map +0 -1
  88. package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts +0 -38
  89. package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts.map +0 -1
  90. package/lib/domains/icons/presentation/hooks/useIconLibrary.js +0 -114
  91. package/lib/domains/icons/presentation/hooks/useIconLibrary.js.map +0 -1
  92. package/lib/infrastructure/theme/globalThemeStore.d.ts +0 -42
  93. package/lib/infrastructure/theme/globalThemeStore.d.ts.map +0 -1
  94. package/lib/infrastructure/theme/globalThemeStore.js +0 -38
  95. package/lib/infrastructure/theme/globalThemeStore.js.map +0 -1
  96. package/lib/presentation/molecules/LanguageSwitcher.d.ts +0 -10
  97. package/lib/presentation/molecules/LanguageSwitcher.d.ts.map +0 -1
  98. package/lib/presentation/molecules/LanguageSwitcher.js +0 -24
  99. package/lib/presentation/molecules/LanguageSwitcher.js.map +0 -1
  100. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts +0 -11
  101. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts.map +0 -1
  102. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js +0 -6
  103. package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js.map +0 -1
  104. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts +0 -5
  105. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts.map +0 -1
  106. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js +0 -14
  107. package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js.map +0 -1
  108. package/lib/presentation/tokens/AppDesignTokens.d.ts +0 -14
  109. package/lib/presentation/tokens/AppDesignTokens.d.ts.map +0 -1
  110. package/lib/presentation/tokens/AppDesignTokens.js +0 -23
  111. package/lib/presentation/tokens/AppDesignTokens.js.map +0 -1
  112. package/lib/presentation/tokens/core/BaseTokens.d.ts +0 -312
  113. package/lib/presentation/tokens/core/BaseTokens.d.ts.map +0 -1
  114. package/lib/presentation/tokens/core/BaseTokens.js +0 -307
  115. package/lib/presentation/tokens/core/BaseTokens.js.map +0 -1
  116. package/lib/presentation/tokens/core/ColorPalette.d.ts +0 -216
  117. package/lib/presentation/tokens/core/ColorPalette.d.ts.map +0 -1
  118. package/lib/presentation/tokens/core/ColorPalette.js +0 -330
  119. package/lib/presentation/tokens/core/ColorPalette.js.map +0 -1
  120. package/lib/presentation/tokens/core/TokenFactory.d.ts +0 -216
  121. package/lib/presentation/tokens/core/TokenFactory.d.ts.map +0 -1
  122. package/lib/presentation/tokens/core/TokenFactory.js +0 -86
  123. package/lib/presentation/tokens/core/TokenFactory.js.map +0 -1
  124. package/src/domains/icons/domain/config/IconLibraryConfig.ts +0 -93
  125. package/src/domains/icons/domain/entities/Icon.ts +0 -143
  126. package/src/domains/icons/domain/interfaces/IIconAdapter.ts +0 -147
  127. package/src/domains/icons/index.ts +0 -109
  128. package/src/domains/icons/infrastructure/adapters/LucideAdapter.ts +0 -100
  129. package/src/domains/icons/infrastructure/registries/ExpoIconRegistry.ts +0 -191
  130. package/src/domains/icons/presentation/components/Icon.tsx +0 -132
  131. package/src/domains/icons/presentation/hooks/useIconLibrary.ts +0 -141
  132. package/src/infrastructure/theme/globalThemeStore.ts +0 -51
  133. package/src/presentation/molecules/LanguageSwitcher.tsx +0 -42
  134. package/src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts +0 -5
  135. package/src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts +0 -16
  136. package/src/presentation/tokens/AppDesignTokens.ts +0 -55
  137. package/src/presentation/tokens/core/BaseTokens.ts +0 -376
  138. package/src/presentation/tokens/core/ColorPalette.ts +0 -400
  139. 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;AAUX,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA1QjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJN,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,307 +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
- // ANIMATION TOKENS - REMOVED (moved to separate package)
188
- // =============================================================================
189
- // =============================================================================
190
- // OPACITY TOKENS
191
- // =============================================================================
192
- export const opacity = {
193
- disabled: 0.6,
194
- subtle: 0.8,
195
- medium: 0.5,
196
- light: 0.3,
197
- veryLight: 0.1,
198
- };
199
- // =============================================================================
200
- // BORDER TOKENS
201
- // =============================================================================
202
- export const borders = {
203
- // Radius scale
204
- radius: {
205
- none: 0,
206
- xs: 2,
207
- sm: 4,
208
- md: 8,
209
- lg: 12,
210
- xl: 16,
211
- xxl: 24,
212
- full: 9999,
213
- },
214
- // Width scale
215
- width: {
216
- none: 0,
217
- thin: 1,
218
- medium: 2,
219
- thick: 4,
220
- },
221
- // Component-specific borders (without colors - colors injected by TokenFactory)
222
- button: {
223
- borderRadius: 8,
224
- borderWidth: 0,
225
- },
226
- card: {
227
- borderRadius: 12,
228
- borderWidth: 1,
229
- },
230
- input: {
231
- borderRadius: 8,
232
- borderWidth: 1,
233
- },
234
- pill: {
235
- borderRadius: 9999,
236
- borderWidth: 0,
237
- },
238
- };
239
- // =============================================================================
240
- // COMPONENT SIZES (Touch Targets, Buttons, UI Elements)
241
- // =============================================================================
242
- export const sizes = {
243
- // Touch targets (Apple HIG minimum: 44x44)
244
- touchTarget: 44,
245
- touchTargetSmall: 36,
246
- touchTargetLarge: 56,
247
- // Button heights
248
- buttonHeight: {
249
- sm: 40,
250
- md: 48,
251
- lg: 56,
252
- xl: 64,
253
- },
254
- // Pagination dots (onboarding, carousels)
255
- dot: {
256
- inactive: 8,
257
- active: 24,
258
- },
259
- // Progress bars
260
- progressBar: {
261
- thin: 2,
262
- normal: 4,
263
- thick: 6,
264
- },
265
- // Common UI element sizes
266
- divider: 1,
267
- separator: 2,
268
- };
269
- // =============================================================================
270
- // ICON SIZES
271
- // =============================================================================
272
- export const iconSizes = {
273
- xs: 12,
274
- sm: 16,
275
- md: 20,
276
- lg: 24,
277
- xl: 32,
278
- xxl: 40,
279
- };
280
- // =============================================================================
281
- // AVATAR SIZES
282
- // =============================================================================
283
- export const avatarSizes = {
284
- xs: 24,
285
- sm: 32,
286
- md: 40,
287
- lg: 48,
288
- xl: 64,
289
- xxl: 80,
290
- };
291
- // =============================================================================
292
- // CONSOLIDATED STATIC TOKENS
293
- // =============================================================================
294
- /**
295
- * All static design tokens in one place
296
- * These values DON'T change with theme (light/dark)
297
- */
298
- export const BASE_TOKENS = {
299
- spacing,
300
- typography,
301
- opacity,
302
- borders,
303
- sizes,
304
- iconSizes,
305
- avatarSizes,
306
- };
307
- //# 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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"}