@umituz/react-native-design-system 1.5.0 → 1.5.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.
- package/lib/index.d.ts +4 -4
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +13 -11
- package/lib/index.js.map +1 -1
- package/lib/presentation/atoms/AtomicAvatar.js +1 -1
- package/lib/presentation/atoms/AtomicAvatar.js.map +1 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.js +1 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.js.map +1 -1
- package/lib/presentation/atoms/AtomicBadge.js +1 -1
- package/lib/presentation/atoms/AtomicBadge.js.map +1 -1
- package/lib/presentation/atoms/AtomicButton.d.ts +1 -1
- package/lib/presentation/atoms/AtomicButton.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicButton.js +2 -2
- package/lib/presentation/atoms/AtomicButton.js.map +1 -1
- package/lib/presentation/atoms/AtomicCard.js +1 -1
- package/lib/presentation/atoms/AtomicCard.js.map +1 -1
- package/lib/presentation/atoms/AtomicChip.js +1 -1
- package/lib/presentation/atoms/AtomicChip.js.map +1 -1
- package/lib/presentation/atoms/AtomicDatePicker.js +1 -1
- package/lib/presentation/atoms/AtomicDatePicker.js.map +1 -1
- package/lib/presentation/atoms/AtomicDivider.js +1 -1
- package/lib/presentation/atoms/AtomicDivider.js.map +1 -1
- package/lib/presentation/atoms/AtomicFab.js +1 -1
- package/lib/presentation/atoms/AtomicFab.js.map +1 -1
- package/lib/presentation/atoms/AtomicFilter.js +1 -1
- package/lib/presentation/atoms/AtomicFilter.js.map +1 -1
- package/lib/presentation/atoms/AtomicFormError.js +2 -2
- package/lib/presentation/atoms/AtomicFormError.js.map +1 -1
- package/lib/presentation/atoms/AtomicIcon.d.ts +2 -3
- package/lib/presentation/atoms/AtomicIcon.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicIcon.js +1 -1
- package/lib/presentation/atoms/AtomicIcon.js.map +1 -1
- package/lib/presentation/atoms/AtomicImage.js +1 -1
- package/lib/presentation/atoms/AtomicImage.js.map +1 -1
- package/lib/presentation/atoms/AtomicInput.js +1 -1
- package/lib/presentation/atoms/AtomicInput.js.map +1 -1
- package/lib/presentation/atoms/AtomicPicker.js +1 -1
- package/lib/presentation/atoms/AtomicPicker.js.map +1 -1
- package/lib/presentation/atoms/AtomicProgress.js +1 -1
- package/lib/presentation/atoms/AtomicProgress.js.map +1 -1
- package/lib/presentation/atoms/AtomicSearchBar.js +1 -1
- package/lib/presentation/atoms/AtomicSearchBar.js.map +1 -1
- package/lib/presentation/atoms/AtomicSort.js +1 -1
- package/lib/presentation/atoms/AtomicSort.js.map +1 -1
- package/lib/presentation/atoms/AtomicSwitch.js +1 -1
- package/lib/presentation/atoms/AtomicSwitch.js.map +1 -1
- package/lib/presentation/atoms/AtomicText.d.ts +21 -1
- package/lib/presentation/atoms/AtomicText.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicText.js +31 -10
- package/lib/presentation/atoms/AtomicText.js.map +1 -1
- package/lib/presentation/atoms/AtomicTextArea.js +1 -1
- package/lib/presentation/atoms/AtomicTextArea.js.map +1 -1
- package/lib/presentation/atoms/AtomicTouchable.js +1 -1
- package/lib/presentation/atoms/AtomicTouchable.js.map +1 -1
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +1 -1
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +1 -1
- package/lib/presentation/atoms/index.d.ts +1 -1
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts +1 -1
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map +1 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +12 -23
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +1 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +1 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.js +1 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.js.map +1 -1
- package/lib/presentation/molecules/EmptyState.js +1 -1
- package/lib/presentation/molecules/EmptyState.js.map +1 -1
- package/lib/presentation/molecules/FormField.js +1 -1
- package/lib/presentation/molecules/FormField.js.map +1 -1
- package/lib/presentation/molecules/IconContainer.js +1 -1
- package/lib/presentation/molecules/IconContainer.js.map +1 -1
- package/lib/presentation/molecules/ListItem.js +1 -1
- package/lib/presentation/molecules/ListItem.js.map +1 -1
- package/lib/presentation/molecules/ScreenHeader.js +1 -1
- package/lib/presentation/molecules/ScreenHeader.js.map +1 -1
- package/lib/presentation/molecules/SearchBar.js +1 -1
- package/lib/presentation/molecules/SearchBar.js.map +1 -1
- package/lib/presentation/molecules/SectionCard.js +1 -1
- package/lib/presentation/molecules/SectionCard.js.map +1 -1
- package/lib/presentation/molecules/SectionContainer.js +1 -1
- package/lib/presentation/molecules/SectionContainer.js.map +1 -1
- package/lib/presentation/molecules/SectionHeader.js +1 -1
- package/lib/presentation/molecules/SectionHeader.js.map +1 -1
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +1 -1
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +1 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts +1 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map +1 -1
- package/lib/presentation/organisms/AppHeader.d.ts +3 -2
- package/lib/presentation/organisms/AppHeader.d.ts.map +1 -1
- package/lib/presentation/organisms/AppHeader.js +1 -1
- package/lib/presentation/organisms/AppHeader.js.map +1 -1
- package/lib/presentation/organisms/FormContainer.js +1 -1
- package/lib/presentation/organisms/FormContainer.js.map +1 -1
- package/lib/presentation/organisms/ScreenLayout.js +1 -1
- package/lib/presentation/organisms/ScreenLayout.js.map +1 -1
- package/lib/presentation/tokens/commonStyles.js +1 -1
- package/lib/presentation/tokens/commonStyles.js.map +1 -1
- package/package.json +1 -1
- package/src/index.ts +16 -16
- package/src/presentation/atoms/AtomicAvatar.tsx +1 -1
- package/src/presentation/atoms/AtomicAvatarGroup.tsx +1 -1
- package/src/presentation/atoms/AtomicBadge.tsx +2 -2
- package/src/presentation/atoms/AtomicButton.tsx +3 -3
- package/src/presentation/atoms/AtomicCard.tsx +1 -1
- package/src/presentation/atoms/AtomicChip.tsx +1 -1
- package/src/presentation/atoms/AtomicDatePicker.tsx +1 -1
- package/src/presentation/atoms/AtomicDivider.tsx +1 -1
- package/src/presentation/atoms/AtomicFab.tsx +1 -1
- package/src/presentation/atoms/AtomicFilter.tsx +1 -1
- package/src/presentation/atoms/AtomicFormError.tsx +2 -2
- package/src/presentation/atoms/AtomicIcon.tsx +3 -4
- package/src/presentation/atoms/AtomicImage.tsx +1 -1
- package/src/presentation/atoms/AtomicInput.tsx +1 -1
- package/src/presentation/atoms/AtomicPicker.tsx +1 -1
- package/src/presentation/atoms/AtomicProgress.tsx +1 -1
- package/src/presentation/atoms/AtomicSearchBar.tsx +1 -1
- package/src/presentation/atoms/AtomicSort.tsx +1 -1
- package/src/presentation/atoms/AtomicSwitch.tsx +1 -1
- package/src/presentation/atoms/AtomicText.tsx +80 -14
- package/src/presentation/atoms/AtomicTextArea.tsx +1 -1
- package/src/presentation/atoms/AtomicTouchable.tsx +1 -1
- package/src/presentation/atoms/fab/styles/fabStyles.ts +1 -1
- package/src/presentation/atoms/input/styles/inputStyles.ts +1 -1
- package/src/presentation/atoms/picker/styles/pickerStyles.ts +13 -6
- package/src/presentation/molecules/AtomicConfirmationModal.tsx +1 -1
- package/src/presentation/molecules/EmptyState.tsx +1 -1
- package/src/presentation/molecules/FormField.tsx +1 -1
- package/src/presentation/molecules/IconContainer.tsx +1 -1
- package/src/presentation/molecules/ListItem.tsx +1 -1
- package/src/presentation/molecules/ScreenHeader.tsx +1 -1
- package/src/presentation/molecules/SearchBar.tsx +1 -1
- package/src/presentation/molecules/SectionCard.tsx +1 -1
- package/src/presentation/molecules/SectionContainer.tsx +1 -1
- package/src/presentation/molecules/SectionHeader.tsx +1 -1
- package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts +1 -1
- package/src/presentation/molecules/listitem/styles/listItemStyles.ts +1 -1
- package/src/presentation/organisms/AppHeader.tsx +4 -3
- package/src/presentation/organisms/FormContainer.tsx +1 -1
- package/src/presentation/organisms/ScreenLayout.tsx +1 -1
- package/src/presentation/tokens/commonStyles.ts +1 -1
- package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts +0 -91
- package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts.map +0 -1
- package/lib/domains/icons/domain/config/IconLibraryConfig.js +0 -85
- package/lib/domains/icons/domain/config/IconLibraryConfig.js.map +0 -1
- package/lib/domains/icons/domain/entities/Icon.d.ts +0 -111
- package/lib/domains/icons/domain/entities/Icon.d.ts.map +0 -1
- package/lib/domains/icons/domain/entities/Icon.js +0 -87
- package/lib/domains/icons/domain/entities/Icon.js.map +0 -1
- package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts +0 -114
- package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts.map +0 -1
- package/lib/domains/icons/domain/interfaces/IIconAdapter.js +0 -17
- package/lib/domains/icons/domain/interfaces/IIconAdapter.js.map +0 -1
- package/lib/domains/icons/index.d.ts +0 -84
- package/lib/domains/icons/index.d.ts.map +0 -1
- package/lib/domains/icons/index.js +0 -89
- package/lib/domains/icons/index.js.map +0 -1
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts +0 -24
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts.map +0 -1
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js +0 -85
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js.map +0 -1
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts +0 -23
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts.map +0 -1
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js +0 -178
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js.map +0 -1
- package/lib/domains/icons/presentation/components/Icon.d.ts +0 -42
- package/lib/domains/icons/presentation/components/Icon.d.ts.map +0 -1
- package/lib/domains/icons/presentation/components/Icon.js +0 -86
- package/lib/domains/icons/presentation/components/Icon.js.map +0 -1
- package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts +0 -38
- package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts.map +0 -1
- package/lib/domains/icons/presentation/hooks/useIconLibrary.js +0 -114
- package/lib/domains/icons/presentation/hooks/useIconLibrary.js.map +0 -1
- package/lib/infrastructure/theme/globalThemeStore.d.ts +0 -42
- package/lib/infrastructure/theme/globalThemeStore.d.ts.map +0 -1
- package/lib/infrastructure/theme/globalThemeStore.js +0 -38
- package/lib/infrastructure/theme/globalThemeStore.js.map +0 -1
- package/lib/presentation/hooks/useAppDesignTokens.d.ts +0 -34
- package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +0 -1
- package/lib/presentation/hooks/useAppDesignTokens.js +0 -39
- package/lib/presentation/hooks/useAppDesignTokens.js.map +0 -1
- package/lib/presentation/tokens/AppDesignTokens.d.ts +0 -14
- package/lib/presentation/tokens/AppDesignTokens.d.ts.map +0 -1
- package/lib/presentation/tokens/AppDesignTokens.js +0 -23
- package/lib/presentation/tokens/AppDesignTokens.js.map +0 -1
- package/lib/presentation/tokens/core/BaseTokens.d.ts +0 -312
- package/lib/presentation/tokens/core/BaseTokens.d.ts.map +0 -1
- package/lib/presentation/tokens/core/BaseTokens.js +0 -304
- package/lib/presentation/tokens/core/BaseTokens.js.map +0 -1
- package/lib/presentation/tokens/core/ColorPalette.d.ts +0 -216
- package/lib/presentation/tokens/core/ColorPalette.d.ts.map +0 -1
- package/lib/presentation/tokens/core/ColorPalette.js +0 -330
- package/lib/presentation/tokens/core/ColorPalette.js.map +0 -1
- package/lib/presentation/tokens/core/TokenFactory.d.ts +0 -216
- package/lib/presentation/tokens/core/TokenFactory.d.ts.map +0 -1
- package/lib/presentation/tokens/core/TokenFactory.js +0 -86
- package/lib/presentation/tokens/core/TokenFactory.js.map +0 -1
- package/src/domains/icons/domain/config/IconLibraryConfig.ts +0 -93
- package/src/domains/icons/domain/entities/Icon.ts +0 -143
- package/src/domains/icons/domain/interfaces/IIconAdapter.ts +0 -147
- package/src/domains/icons/index.ts +0 -109
- package/src/domains/icons/infrastructure/adapters/LucideAdapter.ts +0 -100
- package/src/domains/icons/infrastructure/registries/ExpoIconRegistry.ts +0 -191
- package/src/domains/icons/presentation/components/Icon.tsx +0 -132
- package/src/domains/icons/presentation/hooks/useIconLibrary.ts +0 -141
- package/src/infrastructure/theme/globalThemeStore.ts +0 -51
- package/src/presentation/hooks/useAppDesignTokens.ts +0 -40
- package/src/presentation/tokens/AppDesignTokens.ts +0 -55
- package/src/presentation/tokens/core/BaseTokens.ts +0 -372
- package/src/presentation/tokens/core/ColorPalette.ts +0 -400
- package/src/presentation/tokens/core/TokenFactory.ts +0 -118
|
@@ -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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"}
|
|
@@ -1,216 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* COLOR PALETTE - THEME-SPECIFIC COLORS
|
|
3
|
-
*
|
|
4
|
-
* ✅ Light and Dark theme color definitions
|
|
5
|
-
* ✅ Semantic color naming for clarity
|
|
6
|
-
* ✅ Template placeholders for factory generation
|
|
7
|
-
* ✅ Type-safe color definitions
|
|
8
|
-
*
|
|
9
|
-
* @module ColorPalette
|
|
10
|
-
*/
|
|
11
|
-
/**
|
|
12
|
-
* Add alpha transparency to hex color
|
|
13
|
-
* @param hexColor - Hex color string (#RRGGBB or #RGB)
|
|
14
|
-
* @param alpha - Alpha value 0-1
|
|
15
|
-
* @returns Hex color with alpha (#RRGGBBAA)
|
|
16
|
-
*/
|
|
17
|
-
export declare const withAlpha: (hexColor: string, alpha: number) => string;
|
|
18
|
-
export declare const lightColors: {
|
|
19
|
-
primary: string;
|
|
20
|
-
primaryLight: string;
|
|
21
|
-
primaryDark: string;
|
|
22
|
-
secondary: string;
|
|
23
|
-
secondaryLight: string;
|
|
24
|
-
secondaryDark: string;
|
|
25
|
-
accent: string;
|
|
26
|
-
accentLight: string;
|
|
27
|
-
accentDark: string;
|
|
28
|
-
onPrimary: string;
|
|
29
|
-
onSecondary: string;
|
|
30
|
-
onSuccess: string;
|
|
31
|
-
onError: string;
|
|
32
|
-
onWarning: string;
|
|
33
|
-
onInfo: string;
|
|
34
|
-
onSurface: string;
|
|
35
|
-
onBackground: string;
|
|
36
|
-
onSurfaceDisabled: string;
|
|
37
|
-
primaryContainer: string;
|
|
38
|
-
onPrimaryContainer: string;
|
|
39
|
-
secondaryContainer: string;
|
|
40
|
-
onSecondaryContainer: string;
|
|
41
|
-
errorContainer: string;
|
|
42
|
-
onErrorContainer: string;
|
|
43
|
-
outline: string;
|
|
44
|
-
outlineVariant: string;
|
|
45
|
-
outlineDisabled: string;
|
|
46
|
-
success: string;
|
|
47
|
-
successLight: string;
|
|
48
|
-
successDark: string;
|
|
49
|
-
error: string;
|
|
50
|
-
errorLight: string;
|
|
51
|
-
errorDark: string;
|
|
52
|
-
warning: string;
|
|
53
|
-
warningLight: string;
|
|
54
|
-
warningDark: string;
|
|
55
|
-
info: string;
|
|
56
|
-
infoLight: string;
|
|
57
|
-
infoDark: string;
|
|
58
|
-
successContainer: string;
|
|
59
|
-
onSuccessContainer: string;
|
|
60
|
-
warningContainer: string;
|
|
61
|
-
onWarningContainer: string;
|
|
62
|
-
infoContainer: string;
|
|
63
|
-
onInfoContainer: string;
|
|
64
|
-
gray50: string;
|
|
65
|
-
gray100: string;
|
|
66
|
-
gray200: string;
|
|
67
|
-
gray300: string;
|
|
68
|
-
gray400: string;
|
|
69
|
-
gray500: string;
|
|
70
|
-
gray600: string;
|
|
71
|
-
gray700: string;
|
|
72
|
-
gray800: string;
|
|
73
|
-
gray900: string;
|
|
74
|
-
backgroundPrimary: string;
|
|
75
|
-
backgroundSecondary: string;
|
|
76
|
-
surface: string;
|
|
77
|
-
surfaceVariant: string;
|
|
78
|
-
surfaceSecondary: string;
|
|
79
|
-
surfaceDisabled: string;
|
|
80
|
-
textPrimary: string;
|
|
81
|
-
textSecondary: string;
|
|
82
|
-
textTertiary: string;
|
|
83
|
-
textDisabled: string;
|
|
84
|
-
textInverse: string;
|
|
85
|
-
border: string;
|
|
86
|
-
borderLight: string;
|
|
87
|
-
borderMedium: string;
|
|
88
|
-
borderFocus: string;
|
|
89
|
-
borderDisabled: string;
|
|
90
|
-
buttonPrimary: string;
|
|
91
|
-
buttonSecondary: string;
|
|
92
|
-
inputBackground: string;
|
|
93
|
-
inputBorder: string;
|
|
94
|
-
cardBackground: string;
|
|
95
|
-
transparent: string;
|
|
96
|
-
black: string;
|
|
97
|
-
white: string;
|
|
98
|
-
modalOverlay: string;
|
|
99
|
-
overlaySubtle: string;
|
|
100
|
-
overlayLight: string;
|
|
101
|
-
overlayMedium: string;
|
|
102
|
-
overlayBackground: string;
|
|
103
|
-
whiteOverlay: string;
|
|
104
|
-
whiteOverlayStrong: string;
|
|
105
|
-
whiteOverlayBorder: string;
|
|
106
|
-
textWhiteOpacity: string;
|
|
107
|
-
errorBackground: string;
|
|
108
|
-
primaryBackground: string;
|
|
109
|
-
cardOverlay: string;
|
|
110
|
-
inputBackground_RGBA: string;
|
|
111
|
-
gradient: string[];
|
|
112
|
-
};
|
|
113
|
-
export declare const darkColors: {
|
|
114
|
-
primary: string;
|
|
115
|
-
primaryLight: string;
|
|
116
|
-
primaryDark: string;
|
|
117
|
-
secondary: string;
|
|
118
|
-
secondaryLight: string;
|
|
119
|
-
secondaryDark: string;
|
|
120
|
-
accent: string;
|
|
121
|
-
accentLight: string;
|
|
122
|
-
accentDark: string;
|
|
123
|
-
onPrimary: string;
|
|
124
|
-
onSecondary: string;
|
|
125
|
-
onSuccess: string;
|
|
126
|
-
onError: string;
|
|
127
|
-
onWarning: string;
|
|
128
|
-
onInfo: string;
|
|
129
|
-
onSurface: string;
|
|
130
|
-
onBackground: string;
|
|
131
|
-
onSurfaceDisabled: string;
|
|
132
|
-
primaryContainer: string;
|
|
133
|
-
onPrimaryContainer: string;
|
|
134
|
-
secondaryContainer: string;
|
|
135
|
-
onSecondaryContainer: string;
|
|
136
|
-
errorContainer: string;
|
|
137
|
-
onErrorContainer: string;
|
|
138
|
-
outline: string;
|
|
139
|
-
outlineVariant: string;
|
|
140
|
-
outlineDisabled: string;
|
|
141
|
-
success: string;
|
|
142
|
-
successLight: string;
|
|
143
|
-
successDark: string;
|
|
144
|
-
error: string;
|
|
145
|
-
errorLight: string;
|
|
146
|
-
errorDark: string;
|
|
147
|
-
warning: string;
|
|
148
|
-
warningLight: string;
|
|
149
|
-
warningDark: string;
|
|
150
|
-
info: string;
|
|
151
|
-
infoLight: string;
|
|
152
|
-
infoDark: string;
|
|
153
|
-
successContainer: string;
|
|
154
|
-
onSuccessContainer: string;
|
|
155
|
-
warningContainer: string;
|
|
156
|
-
onWarningContainer: string;
|
|
157
|
-
infoContainer: string;
|
|
158
|
-
onInfoContainer: string;
|
|
159
|
-
gray50: string;
|
|
160
|
-
gray100: string;
|
|
161
|
-
gray200: string;
|
|
162
|
-
gray300: string;
|
|
163
|
-
gray400: string;
|
|
164
|
-
gray500: string;
|
|
165
|
-
gray600: string;
|
|
166
|
-
gray700: string;
|
|
167
|
-
gray800: string;
|
|
168
|
-
gray900: string;
|
|
169
|
-
backgroundPrimary: string;
|
|
170
|
-
backgroundSecondary: string;
|
|
171
|
-
surface: string;
|
|
172
|
-
surfaceVariant: string;
|
|
173
|
-
surfaceSecondary: string;
|
|
174
|
-
surfaceDisabled: string;
|
|
175
|
-
textPrimary: string;
|
|
176
|
-
textSecondary: string;
|
|
177
|
-
textTertiary: string;
|
|
178
|
-
textDisabled: string;
|
|
179
|
-
textInverse: string;
|
|
180
|
-
border: string;
|
|
181
|
-
borderLight: string;
|
|
182
|
-
borderMedium: string;
|
|
183
|
-
borderFocus: string;
|
|
184
|
-
borderDisabled: string;
|
|
185
|
-
buttonPrimary: string;
|
|
186
|
-
buttonSecondary: string;
|
|
187
|
-
inputBackground: string;
|
|
188
|
-
inputBorder: string;
|
|
189
|
-
cardBackground: string;
|
|
190
|
-
transparent: string;
|
|
191
|
-
black: string;
|
|
192
|
-
white: string;
|
|
193
|
-
modalOverlay: string;
|
|
194
|
-
overlaySubtle: string;
|
|
195
|
-
overlayLight: string;
|
|
196
|
-
overlayMedium: string;
|
|
197
|
-
overlayBackground: string;
|
|
198
|
-
whiteOverlay: string;
|
|
199
|
-
whiteOverlayStrong: string;
|
|
200
|
-
whiteOverlayBorder: string;
|
|
201
|
-
textWhiteOpacity: string;
|
|
202
|
-
errorBackground: string;
|
|
203
|
-
primaryBackground: string;
|
|
204
|
-
cardOverlay: string;
|
|
205
|
-
inputBackground_RGBA: string;
|
|
206
|
-
gradient: string[];
|
|
207
|
-
};
|
|
208
|
-
export type ColorPalette = typeof lightColors;
|
|
209
|
-
export type ThemeMode = 'light' | 'dark';
|
|
210
|
-
/**
|
|
211
|
-
* Get color palette for specific theme mode
|
|
212
|
-
* @param mode - 'light' or 'dark'
|
|
213
|
-
* @returns Color palette object
|
|
214
|
-
*/
|
|
215
|
-
export declare const getColorPalette: (mode: ThemeMode) => ColorPalette;
|
|
216
|
-
//# sourceMappingURL=ColorPalette.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/ColorPalette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,UAAU,MAAM,EAAE,OAAO,MAAM,KAAG,MAc3D,CAAC;AAMF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuKvB,CAAC;AAMF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKtB,CAAC;AAMF,MAAM,MAAM,YAAY,GAAG,OAAO,WAAW,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS,KAAG,YAEjD,CAAC"}
|