expo-dev-client-components 1.0.0 → 1.1.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.
- package/CHANGELOG.md +6 -0
- package/README.md +129 -0
- package/assets/branch-icon-light.png +0 -0
- package/assets/branch-icon-light@2x.png +0 -0
- package/assets/branch-icon-light@3x.png +0 -0
- package/assets/branch-icon.png +0 -0
- package/assets/branch-icon@2x.png +0 -0
- package/assets/branch-icon@3x.png +0 -0
- package/assets/check-icon-light.png +0 -0
- package/assets/check-icon-light@2x.png +0 -0
- package/assets/check-icon-light@3x.png +0 -0
- package/assets/check-icon.png +0 -0
- package/assets/check-icon@2x.png +0 -0
- package/assets/check-icon@3x.png +0 -0
- package/assets/clipboard-icon.png +0 -0
- package/assets/clipboard-icon@2x.png +0 -0
- package/assets/clipboard-icon@3x.png +0 -0
- package/assets/debug-icon.png +0 -0
- package/assets/debug-icon@2x.png +0 -0
- package/assets/debug-icon@3x.png +0 -0
- package/assets/extensions-filled-active-icon-light.png +0 -0
- package/assets/extensions-filled-active-icon-light@2x.png +0 -0
- package/assets/extensions-filled-active-icon-light@3x.png +0 -0
- package/assets/extensions-filled-active-icon.png +0 -0
- package/assets/extensions-filled-active-icon@2x.png +0 -0
- package/assets/extensions-filled-active-icon@3x.png +0 -0
- package/assets/extensions-filled-inactive-icon-light.png +0 -0
- package/assets/extensions-filled-inactive-icon-light@2x.png +0 -0
- package/assets/extensions-filled-inactive-icon-light@3x.png +0 -0
- package/assets/extensions-filled-inactive-icon.png +0 -0
- package/assets/extensions-filled-inactive-icon@2x.png +0 -0
- package/assets/extensions-filled-inactive-icon@3x.png +0 -0
- package/assets/extensions-icon-light.png +0 -0
- package/assets/extensions-icon-light@2x.png +0 -0
- package/assets/extensions-icon-light@3x.png +0 -0
- package/assets/extensions-icon.png +0 -0
- package/assets/extensions-icon@2x.png +0 -0
- package/assets/extensions-icon@3x.png +0 -0
- package/assets/home-filled-active-icon-light.png +0 -0
- package/assets/home-filled-active-icon-light@2x.png +0 -0
- package/assets/home-filled-active-icon-light@3x.png +0 -0
- package/assets/home-filled-inactive-icon-light.png +0 -0
- package/assets/home-filled-inactive-icon-light@2x.png +0 -0
- package/assets/home-filled-inactive-icon-light@3x.png +0 -0
- package/assets/info-icon-light.png +0 -0
- package/assets/info-icon-light@2x.png +0 -0
- package/assets/info-icon-light@3x.png +0 -0
- package/assets/info-icon.png +0 -0
- package/assets/info-icon@2x.png +0 -0
- package/assets/info-icon@3x.png +0 -0
- package/assets/inspect-element-icon.png +0 -0
- package/assets/inspect-element-icon@2x.png +0 -0
- package/assets/inspect-element-icon@3x.png +0 -0
- package/assets/loading-indicator-icon.png +0 -0
- package/assets/loading-indicator-icon@2x.png +0 -0
- package/assets/loading-indicator-icon@3x.png +0 -0
- package/assets/performance-icon.png +0 -0
- package/assets/performance-icon@2x.png +0 -0
- package/assets/performance-icon@3x.png +0 -0
- package/assets/run-icon.png +0 -0
- package/assets/run-icon@2x.png +0 -0
- package/assets/run-icon@3x.png +0 -0
- package/assets/settings-filled-active-icon-light.png +0 -0
- package/assets/settings-filled-active-icon-light@2x.png +0 -0
- package/assets/settings-filled-active-icon-light@3x.png +0 -0
- package/assets/settings-filled-inactive-icon-light.png +0 -0
- package/assets/settings-filled-inactive-icon-light@2x.png +0 -0
- package/assets/settings-filled-inactive-icon-light@3x.png +0 -0
- package/assets/shake-device-icon-light.png +0 -0
- package/assets/shake-device-icon-light@2x.png +0 -0
- package/assets/shake-device-icon-light@3x.png +0 -0
- package/assets/show-menu-at-launch-icon-light.png +0 -0
- package/assets/show-menu-at-launch-icon-light@2x.png +0 -0
- package/assets/show-menu-at-launch-icon-light@3x.png +0 -0
- package/assets/three-finger-long-press-icon-light.png +0 -0
- package/assets/three-finger-long-press-icon-light@2x.png +0 -0
- package/assets/three-finger-long-press-icon-light@3x.png +0 -0
- package/assets/update-icon-light.png +0 -0
- package/assets/update-icon-light@2x.png +0 -0
- package/assets/update-icon-light@3x.png +0 -0
- package/assets/update-icon.png +0 -0
- package/assets/update-icon@2x.png +0 -0
- package/assets/update-icon@3x.png +0 -0
- package/assets/user-icon-light.png +0 -0
- package/assets/user-icon-light@2x.png +0 -0
- package/assets/user-icon-light@3x.png +0 -0
- package/assets/warning-triangle-icon-light.png +0 -0
- package/assets/warning-triangle-icon-light@2x.png +0 -0
- package/assets/warning-triangle-icon-light@3x.png +0 -0
- package/assets/warning-triangle-icon.png +0 -0
- package/assets/warning-triangle-icon@2x.png +0 -0
- package/assets/warning-triangle-icon@3x.png +0 -0
- package/assets/x-icon-light.png +0 -0
- package/assets/x-icon-light@2x.png +0 -0
- package/assets/x-icon-light@3x.png +0 -0
- package/assets/x-icon.png +0 -0
- package/assets/x-icon@2x.png +0 -0
- package/assets/x-icon@3x.png +0 -0
- package/build/Button.d.ts +46 -22
- package/build/Button.d.ts.map +1 -0
- package/build/Button.js +4 -3
- package/build/Button.js.map +1 -1
- package/build/Image.d.ts +7 -1
- package/build/Image.d.ts.map +1 -0
- package/build/Image.js +1 -1
- package/build/Image.js.map +1 -1
- package/build/Text.d.ts +36 -10
- package/build/Text.d.ts.map +1 -0
- package/build/Text.js +30 -21
- package/build/Text.js.map +1 -1
- package/build/View.d.ts +80 -28
- package/build/View.d.ts.map +1 -0
- package/build/View.js +93 -43
- package/build/View.js.map +1 -1
- package/build/create-primitive.d.ts +41 -0
- package/build/create-primitive.d.ts.map +1 -0
- package/build/create-primitive.js +73 -0
- package/build/create-primitive.js.map +1 -0
- package/build/icons/BranchIcon.d.ts +4 -0
- package/build/icons/BranchIcon.d.ts.map +1 -0
- package/build/icons/BranchIcon.js +11 -0
- package/build/icons/BranchIcon.js.map +1 -0
- package/build/icons/CheckIcon.d.ts +1 -0
- package/build/icons/CheckIcon.d.ts.map +1 -0
- package/build/icons/CheckIcon.js +5 -1
- package/build/icons/CheckIcon.js.map +1 -1
- package/build/icons/ChevronRightIcon.d.ts +1 -0
- package/build/icons/ChevronRightIcon.d.ts.map +1 -0
- package/build/icons/ClipboardIcon.d.ts +4 -0
- package/build/icons/ClipboardIcon.d.ts.map +1 -0
- package/build/icons/ClipboardIcon.js +7 -0
- package/build/icons/ClipboardIcon.js.map +1 -0
- package/build/icons/DebugIcon.d.ts +4 -0
- package/build/icons/DebugIcon.d.ts.map +1 -0
- package/build/icons/DebugIcon.js +7 -0
- package/build/icons/DebugIcon.js.map +1 -0
- package/build/icons/ExpoLogoIcon.d.ts +1 -0
- package/build/icons/ExpoLogoIcon.d.ts.map +1 -0
- package/build/icons/ExtensionsFilledIcon.d.ts +8 -0
- package/build/icons/ExtensionsFilledIcon.d.ts.map +1 -0
- package/build/icons/ExtensionsFilledIcon.js +24 -0
- package/build/icons/ExtensionsFilledIcon.js.map +1 -0
- package/build/icons/ExtensionsIcon.d.ts +4 -0
- package/build/icons/ExtensionsIcon.d.ts.map +1 -0
- package/build/icons/ExtensionsIcon.js +11 -0
- package/build/icons/ExtensionsIcon.js.map +1 -0
- package/build/icons/HomeFilledIcon.d.ts +1 -0
- package/build/icons/HomeFilledIcon.d.ts.map +1 -0
- package/build/icons/HomeFilledIcon.js +16 -1
- package/build/icons/HomeFilledIcon.js.map +1 -1
- package/build/icons/InfoIcon.d.ts +1 -0
- package/build/icons/InfoIcon.d.ts.map +1 -0
- package/build/icons/InfoIcon.js +5 -1
- package/build/icons/InfoIcon.js.map +1 -1
- package/build/icons/InspectElementIcon.d.ts +4 -0
- package/build/icons/InspectElementIcon.d.ts.map +1 -0
- package/build/icons/InspectElementIcon.js +7 -0
- package/build/icons/InspectElementIcon.js.map +1 -0
- package/build/icons/LoadingIndicatorIcon.d.ts +4 -0
- package/build/icons/LoadingIndicatorIcon.d.ts.map +1 -0
- package/build/icons/LoadingIndicatorIcon.js +7 -0
- package/build/icons/LoadingIndicatorIcon.js.map +1 -0
- package/build/icons/PerformanceIcon.d.ts +4 -0
- package/build/icons/PerformanceIcon.d.ts.map +1 -0
- package/build/icons/PerformanceIcon.js +7 -0
- package/build/icons/PerformanceIcon.js.map +1 -0
- package/build/icons/QuestionMarkIcon.d.ts +1 -0
- package/build/icons/QuestionMarkIcon.d.ts.map +1 -0
- package/build/icons/RefreshIcon.d.ts +1 -0
- package/build/icons/RefreshIcon.d.ts.map +1 -0
- package/build/icons/RunIcon.d.ts +4 -0
- package/build/icons/RunIcon.d.ts.map +1 -0
- package/build/icons/RunIcon.js +7 -0
- package/build/icons/RunIcon.js.map +1 -0
- package/build/icons/SettingsFilledIcon.d.ts +1 -0
- package/build/icons/SettingsFilledIcon.d.ts.map +1 -0
- package/build/icons/SettingsFilledIcon.js +16 -1
- package/build/icons/SettingsFilledIcon.js.map +1 -1
- package/build/icons/ShakeDeviceIcon.d.ts +1 -0
- package/build/icons/ShakeDeviceIcon.d.ts.map +1 -0
- package/build/icons/ShakeDeviceIcon.js +5 -1
- package/build/icons/ShakeDeviceIcon.js.map +1 -1
- package/build/icons/ShowMenuIcon.d.ts +1 -0
- package/build/icons/ShowMenuIcon.d.ts.map +1 -0
- package/build/icons/ShowMenuIcon.js +5 -1
- package/build/icons/ShowMenuIcon.js.map +1 -1
- package/build/icons/TerminalIcon.d.ts +1 -0
- package/build/icons/TerminalIcon.d.ts.map +1 -0
- package/build/icons/ThreeFingerPressIcon.d.ts +1 -0
- package/build/icons/ThreeFingerPressIcon.d.ts.map +1 -0
- package/build/icons/ThreeFingerPressIcon.js +5 -1
- package/build/icons/ThreeFingerPressIcon.js.map +1 -1
- package/build/icons/ToolbarOverlayIcon.d.ts +1 -0
- package/build/icons/ToolbarOverlayIcon.d.ts.map +1 -0
- package/build/icons/UpdateIcon.d.ts +4 -0
- package/build/icons/UpdateIcon.d.ts.map +1 -0
- package/build/icons/UpdateIcon.js +11 -0
- package/build/icons/UpdateIcon.js.map +1 -0
- package/build/icons/UserIcon.d.ts +1 -0
- package/build/icons/UserIcon.d.ts.map +1 -0
- package/build/icons/UserIcon.js +5 -1
- package/build/icons/UserIcon.js.map +1 -1
- package/build/icons/WarningIcon.d.ts +4 -0
- package/build/icons/WarningIcon.d.ts.map +1 -0
- package/build/icons/WarningIcon.js +11 -0
- package/build/icons/WarningIcon.js.map +1 -0
- package/build/icons/XIcon.d.ts +1 -0
- package/build/icons/XIcon.d.ts.map +1 -0
- package/build/icons/XIcon.js +5 -1
- package/build/icons/XIcon.js.map +1 -1
- package/build/icons/index.d.ts +13 -1
- package/build/icons/index.d.ts.map +1 -0
- package/build/icons/index.js +12 -1
- package/build/icons/index.js.map +1 -1
- package/build/index.d.ts +1 -0
- package/build/index.d.ts.map +1 -0
- package/build/theme.d.ts +128 -131
- package/build/theme.d.ts.map +1 -0
- package/build/theme.js +77 -73
- package/build/theme.js.map +1 -1
- package/build/useExpoTheme.d.ts +236 -0
- package/build/useExpoTheme.d.ts.map +1 -0
- package/build/useExpoTheme.js +24 -3
- package/build/useExpoTheme.js.map +1 -1
- package/package.json +15 -9
- package/setupTests.js +35 -0
- package/src/Button.tsx +4 -3
- package/src/Image.tsx +1 -1
- package/src/Text.tsx +35 -21
- package/src/View.tsx +115 -44
- package/src/create-primitive.tsx +128 -0
- package/src/icons/BranchIcon.tsx +14 -0
- package/src/icons/CheckIcon.tsx +6 -1
- package/src/icons/ClipboardIcon.tsx +9 -0
- package/src/icons/DebugIcon.tsx +9 -0
- package/src/icons/ExtensionsFilledIcon.tsx +31 -0
- package/src/icons/ExtensionsIcon.tsx +14 -0
- package/src/icons/HomeFilledIcon.tsx +17 -1
- package/src/icons/InfoIcon.tsx +6 -1
- package/src/icons/InspectElementIcon.tsx +9 -0
- package/src/icons/LoadingIndicatorIcon.tsx +9 -0
- package/src/icons/PerformanceIcon.tsx +9 -0
- package/src/icons/RunIcon.tsx +9 -0
- package/src/icons/SettingsFilledIcon.tsx +17 -1
- package/src/icons/ShakeDeviceIcon.tsx +6 -1
- package/src/icons/ShowMenuIcon.tsx +6 -1
- package/src/icons/ThreeFingerPressIcon.tsx +6 -1
- package/src/icons/UpdateIcon.tsx +14 -0
- package/src/icons/UserIcon.tsx +6 -1
- package/src/icons/WarningIcon.tsx +14 -0
- package/src/icons/XIcon.tsx +6 -1
- package/src/icons/index.ts +12 -1
- package/src/theme.ts +90 -78
- package/src/useExpoTheme.tsx +50 -0
- package/src/useExpoTheme.ts +0 -14
package/build/theme.d.ts
CHANGED
|
@@ -1,129 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
xl: number;
|
|
8
|
-
};
|
|
1
|
+
import { spacing } from '@expo/styleguide-native';
|
|
2
|
+
declare type SpacingKey = `${keyof typeof spacing}`;
|
|
3
|
+
declare type DescriptiveScale = 'micro' | 'tiny' | 'small' | 'medium' | 'large' | 'xl';
|
|
4
|
+
declare type ScaleKey = SpacingKey | DescriptiveScale;
|
|
5
|
+
declare type Scale = Record<ScaleKey, number>;
|
|
6
|
+
export declare const scale: Scale;
|
|
9
7
|
export declare const padding: {
|
|
10
|
-
padding:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
padding: number;
|
|
16
|
-
};
|
|
17
|
-
small: {
|
|
18
|
-
padding: number;
|
|
19
|
-
};
|
|
20
|
-
medium: {
|
|
21
|
-
padding: number;
|
|
22
|
-
};
|
|
23
|
-
large: {
|
|
24
|
-
padding: number;
|
|
25
|
-
};
|
|
26
|
-
xl: {
|
|
27
|
-
padding: number;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
px: {
|
|
31
|
-
micro: {
|
|
32
|
-
paddingHorizontal: number;
|
|
33
|
-
};
|
|
34
|
-
tiny: {
|
|
35
|
-
paddingHorizontal: number;
|
|
36
|
-
};
|
|
37
|
-
small: {
|
|
38
|
-
paddingHorizontal: number;
|
|
39
|
-
};
|
|
40
|
-
medium: {
|
|
41
|
-
paddingHorizontal: number;
|
|
42
|
-
};
|
|
43
|
-
large: {
|
|
44
|
-
paddingHorizontal: number;
|
|
45
|
-
};
|
|
46
|
-
xl: {
|
|
47
|
-
paddingHorizontal: number;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
py: {
|
|
51
|
-
micro: {
|
|
52
|
-
paddingVertical: number;
|
|
53
|
-
};
|
|
54
|
-
tiny: {
|
|
55
|
-
paddingVertical: number;
|
|
56
|
-
};
|
|
57
|
-
small: {
|
|
58
|
-
paddingVertical: number;
|
|
59
|
-
};
|
|
60
|
-
medium: {
|
|
61
|
-
paddingVertical: number;
|
|
62
|
-
};
|
|
63
|
-
large: {
|
|
64
|
-
paddingVertical: number;
|
|
65
|
-
};
|
|
66
|
-
xl: {
|
|
67
|
-
paddingVertical: number;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
8
|
+
padding: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
9
|
+
px: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
10
|
+
py: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
11
|
+
pb: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
12
|
+
pt: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
70
13
|
};
|
|
71
14
|
export declare const margin: {
|
|
72
|
-
margin:
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
margin: number;
|
|
78
|
-
};
|
|
79
|
-
small: {
|
|
80
|
-
margin: number;
|
|
81
|
-
};
|
|
82
|
-
medium: {
|
|
83
|
-
margin: number;
|
|
84
|
-
};
|
|
85
|
-
large: {
|
|
86
|
-
margin: number;
|
|
87
|
-
};
|
|
88
|
-
xl: {
|
|
89
|
-
margin: number;
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
mx: {
|
|
93
|
-
micro: {
|
|
94
|
-
marginHorizontal: number;
|
|
95
|
-
};
|
|
96
|
-
tiny: {
|
|
97
|
-
marginHorizontal: number;
|
|
98
|
-
};
|
|
99
|
-
small: {
|
|
100
|
-
marginHorizontal: number;
|
|
101
|
-
};
|
|
102
|
-
medium: {
|
|
103
|
-
marginHorizontal: number;
|
|
104
|
-
};
|
|
105
|
-
large: {
|
|
106
|
-
marginHorizontal: number;
|
|
107
|
-
};
|
|
108
|
-
};
|
|
109
|
-
my: {
|
|
110
|
-
micro: {
|
|
111
|
-
marginHorizontal: number;
|
|
112
|
-
};
|
|
113
|
-
tiny: {
|
|
114
|
-
marginVertical: number;
|
|
115
|
-
};
|
|
116
|
-
small: {
|
|
117
|
-
marginVertical: number;
|
|
118
|
-
};
|
|
119
|
-
medium: {
|
|
120
|
-
marginVertical: number;
|
|
121
|
-
};
|
|
122
|
-
large: {
|
|
123
|
-
marginVertical: number;
|
|
124
|
-
};
|
|
125
|
-
};
|
|
15
|
+
margin: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
16
|
+
mx: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
17
|
+
my: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
18
|
+
mb: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
19
|
+
mt: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
126
20
|
};
|
|
21
|
+
export declare const width: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
22
|
+
export declare const height: Record<"0" | "1" | "2" | "3" | "4" | "0.5" | "1.5" | "2.5" | "3.5" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | DescriptiveScale, any>;
|
|
127
23
|
export declare const rounded: {
|
|
128
24
|
rounded: {
|
|
129
25
|
none: {
|
|
@@ -201,10 +97,12 @@ export declare const text: {
|
|
|
201
97
|
medium: {
|
|
202
98
|
fontSize: number;
|
|
203
99
|
lineHeight: number;
|
|
100
|
+
letterSpacing: number;
|
|
204
101
|
};
|
|
205
102
|
large: {
|
|
206
103
|
fontSize: number;
|
|
207
104
|
lineHeight: number;
|
|
105
|
+
letterSpacing: number;
|
|
208
106
|
};
|
|
209
107
|
};
|
|
210
108
|
leading: {
|
|
@@ -216,34 +114,88 @@ export declare const text: {
|
|
|
216
114
|
mono: {
|
|
217
115
|
fontFamily: string;
|
|
218
116
|
};
|
|
117
|
+
InterBlack: {
|
|
118
|
+
fontFamily: string;
|
|
119
|
+
};
|
|
120
|
+
InterBlackItalic: {
|
|
121
|
+
fontFamily: string;
|
|
122
|
+
};
|
|
123
|
+
InterBold: {
|
|
124
|
+
fontFamily: string;
|
|
125
|
+
};
|
|
126
|
+
InterBoldItalic: {
|
|
127
|
+
fontFamily: string;
|
|
128
|
+
};
|
|
129
|
+
InterExtraBold: {
|
|
130
|
+
fontFamily: string;
|
|
131
|
+
};
|
|
132
|
+
InterExtraBoldItalic: {
|
|
133
|
+
fontFamily: string;
|
|
134
|
+
};
|
|
135
|
+
InterExtraLight: {
|
|
136
|
+
fontFamily: string;
|
|
137
|
+
};
|
|
138
|
+
InterExtraLightItalic: {
|
|
139
|
+
fontFamily: string;
|
|
140
|
+
};
|
|
141
|
+
InterRegular: {
|
|
142
|
+
fontFamily: string;
|
|
143
|
+
};
|
|
144
|
+
InterItalic: {
|
|
145
|
+
fontFamily: string;
|
|
146
|
+
};
|
|
147
|
+
InterLight: {
|
|
148
|
+
fontFamily: string;
|
|
149
|
+
};
|
|
150
|
+
InterLightItalic: {
|
|
151
|
+
fontFamily: string;
|
|
152
|
+
};
|
|
153
|
+
InterMedium: {
|
|
154
|
+
fontFamily: string;
|
|
155
|
+
};
|
|
156
|
+
InterMediumItalic: {
|
|
157
|
+
fontFamily: string;
|
|
158
|
+
};
|
|
159
|
+
InterSemiBold: {
|
|
160
|
+
fontFamily: string;
|
|
161
|
+
};
|
|
162
|
+
InterSemiBoldItalic: {
|
|
163
|
+
fontFamily: string;
|
|
164
|
+
};
|
|
165
|
+
InterThin: {
|
|
166
|
+
fontFamily: string;
|
|
167
|
+
};
|
|
168
|
+
InterThinItalic: {
|
|
169
|
+
fontFamily: string;
|
|
170
|
+
};
|
|
219
171
|
};
|
|
220
172
|
weight: {
|
|
221
173
|
thin: {
|
|
222
|
-
|
|
174
|
+
fontFamily: string;
|
|
223
175
|
};
|
|
224
176
|
extralight: {
|
|
225
|
-
|
|
177
|
+
fontFamily: string;
|
|
226
178
|
};
|
|
227
179
|
light: {
|
|
228
|
-
|
|
180
|
+
fontFamily: string;
|
|
229
181
|
};
|
|
230
182
|
normal: {
|
|
231
|
-
|
|
183
|
+
fontFamily: string;
|
|
232
184
|
};
|
|
233
185
|
medium: {
|
|
234
|
-
|
|
186
|
+
fontFamily: string;
|
|
235
187
|
};
|
|
236
188
|
semibold: {
|
|
237
|
-
|
|
189
|
+
fontFamily: string;
|
|
238
190
|
};
|
|
239
191
|
bold: {
|
|
240
|
-
|
|
192
|
+
fontFamily: string;
|
|
241
193
|
};
|
|
242
194
|
extrabold: {
|
|
243
|
-
|
|
195
|
+
fontFamily: string;
|
|
244
196
|
};
|
|
245
197
|
black: {
|
|
246
|
-
|
|
198
|
+
fontFamily: string;
|
|
247
199
|
};
|
|
248
200
|
};
|
|
249
201
|
color: {
|
|
@@ -265,6 +217,9 @@ export declare const text: {
|
|
|
265
217
|
primary: {
|
|
266
218
|
color: string;
|
|
267
219
|
};
|
|
220
|
+
link: {
|
|
221
|
+
color: string;
|
|
222
|
+
};
|
|
268
223
|
};
|
|
269
224
|
};
|
|
270
225
|
export declare const textDark: {
|
|
@@ -290,6 +245,9 @@ export declare const textDark: {
|
|
|
290
245
|
primary: {
|
|
291
246
|
color: string;
|
|
292
247
|
};
|
|
248
|
+
link: {
|
|
249
|
+
color: string;
|
|
250
|
+
};
|
|
293
251
|
};
|
|
294
252
|
};
|
|
295
253
|
export declare const bg: {
|
|
@@ -302,6 +260,9 @@ export declare const bg: {
|
|
|
302
260
|
secondary: {
|
|
303
261
|
backgroundColor: string;
|
|
304
262
|
};
|
|
263
|
+
overlay: {
|
|
264
|
+
backgroundColor: string;
|
|
265
|
+
};
|
|
305
266
|
success: {
|
|
306
267
|
backgroundColor: string;
|
|
307
268
|
};
|
|
@@ -319,6 +280,9 @@ export declare const bgDark: {
|
|
|
319
280
|
secondary: {
|
|
320
281
|
backgroundColor: string;
|
|
321
282
|
};
|
|
283
|
+
overlay: {
|
|
284
|
+
backgroundColor: string;
|
|
285
|
+
};
|
|
322
286
|
success: {
|
|
323
287
|
backgroundColor: string;
|
|
324
288
|
};
|
|
@@ -342,4 +306,37 @@ declare type NavigationTheme = {
|
|
|
342
306
|
};
|
|
343
307
|
export declare const lightNavigationTheme: NavigationTheme;
|
|
344
308
|
export declare const darkNavigationTheme: NavigationTheme;
|
|
309
|
+
export declare const border: {
|
|
310
|
+
default: {
|
|
311
|
+
borderColor: string;
|
|
312
|
+
borderWidth: number;
|
|
313
|
+
};
|
|
314
|
+
warning: {
|
|
315
|
+
borderColor: string;
|
|
316
|
+
borderWidth: number;
|
|
317
|
+
};
|
|
318
|
+
hairline: {
|
|
319
|
+
borderColor: string;
|
|
320
|
+
borderWidth: number;
|
|
321
|
+
};
|
|
322
|
+
};
|
|
323
|
+
export declare const borderDark: {
|
|
324
|
+
default: {
|
|
325
|
+
borderColor: string;
|
|
326
|
+
borderWidth: number;
|
|
327
|
+
};
|
|
328
|
+
warning: {
|
|
329
|
+
borderColor: string;
|
|
330
|
+
borderWidth: number;
|
|
331
|
+
};
|
|
332
|
+
error: {
|
|
333
|
+
borderColor: string;
|
|
334
|
+
borderWidth: number;
|
|
335
|
+
};
|
|
336
|
+
hairline: {
|
|
337
|
+
borderColor: string;
|
|
338
|
+
borderWidth: number;
|
|
339
|
+
};
|
|
340
|
+
};
|
|
345
341
|
export {};
|
|
342
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAmD,MAAM,yBAAyB,CAAC;AAGnG,aAAK,UAAU,GAAG,GAAG,MAAM,OAAO,OAAO,EAAE,CAAC;AAC5C,aAAK,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;AAC/E,aAAK,QAAQ,GAAG,UAAU,GAAG,gBAAgB,CAAC;AAC9C,aAAK,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAEtC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAmBF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC;AAEF,eAAO,MAAM,KAAK,uQAA2C,CAAC;AAC9D,eAAO,MAAM,MAAM,uQAA4C,CAAC;AAEhE,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DhB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcpB,CAAC;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAOlB,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,eAUlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,eAUjC,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
|
package/build/theme.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { spacing, lightTheme, darkTheme, borderRadius } from '@expo/styleguide-native';
|
|
1
|
+
import { spacing, lightTheme, darkTheme, borderRadius, typography } from '@expo/styleguide-native';
|
|
2
|
+
import { Platform, StyleSheet } from 'react-native';
|
|
2
3
|
export const scale = {
|
|
3
4
|
micro: spacing[0.5],
|
|
4
5
|
tiny: spacing[1],
|
|
@@ -6,57 +7,36 @@ export const scale = {
|
|
|
6
7
|
medium: spacing[4],
|
|
7
8
|
large: spacing[6],
|
|
8
9
|
xl: spacing[8],
|
|
10
|
+
...spacing,
|
|
9
11
|
};
|
|
12
|
+
function fullSpacingScaleForAttributes(attributes) {
|
|
13
|
+
const obj = {};
|
|
14
|
+
Object.keys(scale).forEach((key) => {
|
|
15
|
+
key = `${key}`;
|
|
16
|
+
const value = {};
|
|
17
|
+
attributes.forEach((attribute) => {
|
|
18
|
+
value[attribute] = scale[key];
|
|
19
|
+
});
|
|
20
|
+
obj[key] = value;
|
|
21
|
+
});
|
|
22
|
+
return obj;
|
|
23
|
+
}
|
|
10
24
|
export const padding = {
|
|
11
|
-
padding:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
large: { padding: scale.large },
|
|
17
|
-
xl: { padding: scale.xl },
|
|
18
|
-
},
|
|
19
|
-
px: {
|
|
20
|
-
micro: { paddingHorizontal: scale.micro },
|
|
21
|
-
tiny: { paddingHorizontal: scale.tiny },
|
|
22
|
-
small: { paddingHorizontal: scale.small },
|
|
23
|
-
medium: { paddingHorizontal: scale.medium },
|
|
24
|
-
large: { paddingHorizontal: scale.large },
|
|
25
|
-
xl: { paddingHorizontal: scale.xl },
|
|
26
|
-
},
|
|
27
|
-
py: {
|
|
28
|
-
micro: { paddingVertical: scale.micro },
|
|
29
|
-
tiny: { paddingVertical: scale.tiny },
|
|
30
|
-
small: { paddingVertical: scale.small },
|
|
31
|
-
medium: { paddingVertical: scale.medium },
|
|
32
|
-
large: { paddingVertical: scale.large },
|
|
33
|
-
xl: { paddingVertical: scale.xl },
|
|
34
|
-
},
|
|
25
|
+
padding: fullSpacingScaleForAttributes(['padding']),
|
|
26
|
+
px: fullSpacingScaleForAttributes(['paddingHorizontal']),
|
|
27
|
+
py: fullSpacingScaleForAttributes(['paddingVertical']),
|
|
28
|
+
pb: fullSpacingScaleForAttributes(['paddingBottom']),
|
|
29
|
+
pt: fullSpacingScaleForAttributes(['paddingTop']),
|
|
35
30
|
};
|
|
36
31
|
export const margin = {
|
|
37
|
-
margin:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
large: { margin: scale.large },
|
|
43
|
-
xl: { margin: scale.xl },
|
|
44
|
-
},
|
|
45
|
-
mx: {
|
|
46
|
-
micro: { marginHorizontal: scale.micro },
|
|
47
|
-
tiny: { marginHorizontal: scale.tiny },
|
|
48
|
-
small: { marginHorizontal: scale.small },
|
|
49
|
-
medium: { marginHorizontal: scale.medium },
|
|
50
|
-
large: { marginHorizontal: scale.large },
|
|
51
|
-
},
|
|
52
|
-
my: {
|
|
53
|
-
micro: { marginHorizontal: scale.micro },
|
|
54
|
-
tiny: { marginVertical: scale.tiny },
|
|
55
|
-
small: { marginVertical: scale.small },
|
|
56
|
-
medium: { marginVertical: scale.medium },
|
|
57
|
-
large: { marginVertical: scale.large },
|
|
58
|
-
},
|
|
32
|
+
margin: fullSpacingScaleForAttributes(['margin']),
|
|
33
|
+
mx: fullSpacingScaleForAttributes(['marginHorizontal']),
|
|
34
|
+
my: fullSpacingScaleForAttributes(['marginVertical']),
|
|
35
|
+
mb: fullSpacingScaleForAttributes(['marginBottom']),
|
|
36
|
+
mt: fullSpacingScaleForAttributes(['marginTop']),
|
|
59
37
|
};
|
|
38
|
+
export const width = fullSpacingScaleForAttributes(['width']);
|
|
39
|
+
export const height = fullSpacingScaleForAttributes(['height']);
|
|
60
40
|
export const rounded = {
|
|
61
41
|
rounded: {
|
|
62
42
|
none: { borderRadius: 0 },
|
|
@@ -97,37 +77,46 @@ export const text = {
|
|
|
97
77
|
center: { textAlign: 'center' },
|
|
98
78
|
},
|
|
99
79
|
size: {
|
|
100
|
-
small:
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
},
|
|
104
|
-
medium: {
|
|
105
|
-
fontSize: 16,
|
|
106
|
-
lineHeight: 18,
|
|
107
|
-
},
|
|
108
|
-
large: {
|
|
109
|
-
fontSize: 18,
|
|
110
|
-
lineHeight: 24,
|
|
111
|
-
},
|
|
80
|
+
small: typography.fontSizes[12],
|
|
81
|
+
medium: typography.fontSizes[16],
|
|
82
|
+
large: typography.fontSizes[18],
|
|
112
83
|
},
|
|
113
84
|
leading: {
|
|
114
85
|
large: { lineHeight: 18 },
|
|
115
86
|
},
|
|
116
87
|
type: {
|
|
117
88
|
mono: {
|
|
118
|
-
fontFamily: 'Menlo',
|
|
89
|
+
fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',
|
|
119
90
|
},
|
|
91
|
+
InterBlack: { fontFamily: 'Inter-Black' },
|
|
92
|
+
InterBlackItalic: { fontFamily: 'Inter-BlackItalic' },
|
|
93
|
+
InterBold: { fontFamily: 'Inter-Bold' },
|
|
94
|
+
InterBoldItalic: { fontFamily: 'Inter-BoldItalic' },
|
|
95
|
+
InterExtraBold: { fontFamily: 'Inter-ExtraBold' },
|
|
96
|
+
InterExtraBoldItalic: { fontFamily: 'Inter-ExtraBoldItalic' },
|
|
97
|
+
InterExtraLight: { fontFamily: 'Inter-ExtraLight' },
|
|
98
|
+
InterExtraLightItalic: { fontFamily: 'Inter-ExtraLightItalic' },
|
|
99
|
+
InterRegular: { fontFamily: 'Inter-Regular' },
|
|
100
|
+
InterItalic: { fontFamily: 'Inter-Italic' },
|
|
101
|
+
InterLight: { fontFamily: 'Inter-Light' },
|
|
102
|
+
InterLightItalic: { fontFamily: 'Inter-LightItalic' },
|
|
103
|
+
InterMedium: { fontFamily: 'Inter-Medium' },
|
|
104
|
+
InterMediumItalic: { fontFamily: 'Inter-MediumItalic' },
|
|
105
|
+
InterSemiBold: { fontFamily: 'Inter-SemiBold' },
|
|
106
|
+
InterSemiBoldItalic: { fontFamily: 'Inter-SemiBoldItalic' },
|
|
107
|
+
InterThin: { fontFamily: 'Inter-Thin' },
|
|
108
|
+
InterThinItalic: { fontFamily: 'Inter-ThinItalic' },
|
|
120
109
|
},
|
|
121
110
|
weight: {
|
|
122
|
-
thin: {
|
|
123
|
-
extralight: {
|
|
124
|
-
light: {
|
|
125
|
-
normal: {
|
|
126
|
-
medium: {
|
|
127
|
-
semibold: {
|
|
128
|
-
bold: {
|
|
129
|
-
extrabold: {
|
|
130
|
-
black: {
|
|
111
|
+
thin: { fontFamily: 'Inter-Thin' },
|
|
112
|
+
extralight: { fontFamily: 'Inter-ExtraLight' },
|
|
113
|
+
light: { fontFamily: 'Inter-Light' },
|
|
114
|
+
normal: { fontFamily: 'Inter-Regular' },
|
|
115
|
+
medium: { fontFamily: 'Inter-Medium' },
|
|
116
|
+
semibold: { fontFamily: 'Inter-SemiBold' },
|
|
117
|
+
bold: { fontFamily: 'Inter-Bold' },
|
|
118
|
+
extrabold: { fontFamily: 'Inter-ExtraBold' },
|
|
119
|
+
black: { fontFamily: 'Inter-Black' },
|
|
131
120
|
},
|
|
132
121
|
color: {
|
|
133
122
|
default: { color: lightTheme.text.default },
|
|
@@ -136,6 +125,7 @@ export const text = {
|
|
|
136
125
|
success: { color: lightTheme.text.success },
|
|
137
126
|
secondary: { color: lightTheme.text.secondary },
|
|
138
127
|
primary: { color: lightTheme.button.primary.background },
|
|
128
|
+
link: { color: lightTheme.link.default },
|
|
139
129
|
},
|
|
140
130
|
};
|
|
141
131
|
export const textDark = {
|
|
@@ -149,12 +139,14 @@ export const textDark = {
|
|
|
149
139
|
success: { color: darkTheme.text.success },
|
|
150
140
|
secondary: { color: darkTheme.text.secondary },
|
|
151
141
|
primary: { color: darkTheme.button.primary.background },
|
|
142
|
+
link: { color: darkTheme.link.default },
|
|
152
143
|
},
|
|
153
144
|
};
|
|
154
145
|
export const bg = {
|
|
155
146
|
none: { backgroundColor: 'transparent' },
|
|
156
147
|
default: { backgroundColor: lightTheme.background.default },
|
|
157
148
|
secondary: { backgroundColor: lightTheme.background.secondary },
|
|
149
|
+
overlay: { backgroundColor: lightTheme.background.overlay },
|
|
158
150
|
success: { backgroundColor: lightTheme.background.success },
|
|
159
151
|
warning: { backgroundColor: lightTheme.background.warning },
|
|
160
152
|
error: { backgroundColor: lightTheme.background.error },
|
|
@@ -162,6 +154,7 @@ export const bg = {
|
|
|
162
154
|
export const bgDark = {
|
|
163
155
|
default: { backgroundColor: darkTheme.background.default },
|
|
164
156
|
secondary: { backgroundColor: darkTheme.background.secondary },
|
|
157
|
+
overlay: { backgroundColor: darkTheme.background.overlay },
|
|
165
158
|
success: { backgroundColor: darkTheme.background.success },
|
|
166
159
|
warning: { backgroundColor: darkTheme.background.warning },
|
|
167
160
|
error: { backgroundColor: darkTheme.background.error },
|
|
@@ -170,7 +163,7 @@ export const lightNavigationTheme = {
|
|
|
170
163
|
dark: false,
|
|
171
164
|
colors: {
|
|
172
165
|
primary: lightTheme.button.primary.background,
|
|
173
|
-
background: lightTheme.background.
|
|
166
|
+
background: lightTheme.background.screen,
|
|
174
167
|
card: lightTheme.background.default,
|
|
175
168
|
text: lightTheme.text.default,
|
|
176
169
|
border: lightTheme.border.default,
|
|
@@ -180,12 +173,23 @@ export const lightNavigationTheme = {
|
|
|
180
173
|
export const darkNavigationTheme = {
|
|
181
174
|
dark: true,
|
|
182
175
|
colors: {
|
|
183
|
-
primary: darkTheme.
|
|
184
|
-
background: darkTheme.background.
|
|
185
|
-
card: darkTheme.background.
|
|
176
|
+
primary: darkTheme.link.default,
|
|
177
|
+
background: darkTheme.background.screen,
|
|
178
|
+
card: darkTheme.background.screen,
|
|
186
179
|
text: darkTheme.text.default,
|
|
187
180
|
border: darkTheme.border.default,
|
|
188
181
|
notification: darkTheme.highlight.accent,
|
|
189
182
|
},
|
|
190
183
|
};
|
|
184
|
+
export const border = {
|
|
185
|
+
default: { borderColor: lightTheme.border.default, borderWidth: 1 },
|
|
186
|
+
warning: { borderColor: lightTheme.border.warning, borderWidth: 1 },
|
|
187
|
+
hairline: { borderColor: lightTheme.border.default, borderWidth: StyleSheet.hairlineWidth },
|
|
188
|
+
};
|
|
189
|
+
export const borderDark = {
|
|
190
|
+
default: { borderColor: darkTheme.border.default, borderWidth: 1 },
|
|
191
|
+
warning: { borderColor: darkTheme.border.warning, borderWidth: 1 },
|
|
192
|
+
error: { borderColor: darkTheme.border.error, borderWidth: 1 },
|
|
193
|
+
hairline: { borderColor: darkTheme.border.default, borderWidth: StyleSheet.hairlineWidth },
|
|
194
|
+
};
|
|
191
195
|
//# sourceMappingURL=theme.js.map
|
package/build/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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","sourcesContent":["import { spacing, lightTheme, darkTheme, borderRadius } from '@expo/styleguide-native';\nimport { TextStyle } from 'react-native';\n\nexport const scale = {\n micro: spacing[0.5],\n tiny: spacing[1],\n small: spacing[3],\n medium: spacing[4],\n large: spacing[6],\n xl: spacing[8],\n};\n\nexport const padding = {\n padding: {\n micro: { padding: scale.micro },\n tiny: { padding: scale.tiny },\n small: { padding: scale.small },\n medium: { padding: scale.medium },\n large: { padding: scale.large },\n xl: { padding: scale.xl },\n },\n\n px: {\n micro: { paddingHorizontal: scale.micro },\n tiny: { paddingHorizontal: scale.tiny },\n small: { paddingHorizontal: scale.small },\n medium: { paddingHorizontal: scale.medium },\n large: { paddingHorizontal: scale.large },\n xl: { paddingHorizontal: scale.xl },\n },\n\n py: {\n micro: { paddingVertical: scale.micro },\n tiny: { paddingVertical: scale.tiny },\n small: { paddingVertical: scale.small },\n medium: { paddingVertical: scale.medium },\n large: { paddingVertical: scale.large },\n xl: { paddingVertical: scale.xl },\n },\n};\n\nexport const margin = {\n margin: {\n micro: { margin: scale.micro },\n tiny: { margin: scale.tiny },\n small: { margin: scale.small },\n medium: { margin: scale.medium },\n large: { margin: scale.large },\n xl: { margin: scale.xl },\n },\n\n mx: {\n micro: { marginHorizontal: scale.micro },\n tiny: { marginHorizontal: scale.tiny },\n small: { marginHorizontal: scale.small },\n medium: { marginHorizontal: scale.medium },\n large: { marginHorizontal: scale.large },\n },\n\n my: {\n micro: { marginHorizontal: scale.micro },\n tiny: { marginVertical: scale.tiny },\n small: { marginVertical: scale.small },\n medium: { marginVertical: scale.medium },\n large: { marginVertical: scale.large },\n },\n};\n\nexport const rounded = {\n rounded: {\n none: { borderRadius: 0 },\n small: { borderRadius: borderRadius.small },\n medium: { borderRadius: borderRadius.medium },\n large: { borderRadius: borderRadius.large },\n full: { borderRadius: 99999 },\n },\n\n roundedTop: {\n none: { borderTopLeftRadius: 0, borderTopRightRadius: 0 },\n small: { borderTopLeftRadius: borderRadius.small, borderTopRightRadius: borderRadius.small },\n medium: {\n borderTopLeftRadius: borderRadius.medium,\n borderTopRightRadius: borderRadius.medium,\n },\n large: { borderTopLeftRadius: borderRadius.large, borderTopRightRadius: borderRadius.large },\n full: { borderTopLeftRadius: 9999, borderTopRightRadius: 9999 },\n },\n\n roundedBottom: {\n none: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 },\n small: {\n borderBottomLeftRadius: borderRadius.small,\n borderBottomRightRadius: borderRadius.small,\n },\n medium: {\n borderBottomLeftRadius: borderRadius.medium,\n borderBottomRightRadius: borderRadius.medium,\n },\n large: {\n borderBottomLeftRadius: borderRadius.large,\n borderBottomRightRadius: borderRadius.large,\n },\n full: { borderBottomLeftRadius: 9999, borderBottomRightRadius: 9999 },\n },\n};\n\nexport const text = {\n align: {\n center: { textAlign: 'center' as TextStyle['textAlign'] },\n },\n\n size: {\n small: {\n fontSize: 12,\n lineHeight: 14,\n },\n medium: {\n fontSize: 16,\n lineHeight: 18,\n },\n large: {\n fontSize: 18,\n lineHeight: 24,\n },\n },\n\n leading: {\n large: { lineHeight: 18 },\n },\n\n type: {\n mono: {\n fontFamily: 'Menlo',\n },\n },\n\n weight: {\n thin: { fontWeight: '100' as TextStyle['fontWeight'] },\n extralight: { fontWeight: '200' as TextStyle['fontWeight'] },\n light: { fontWeight: '300' as TextStyle['fontWeight'] },\n normal: { fontWeight: '400' as TextStyle['fontWeight'] },\n medium: { fontWeight: '500' as TextStyle['fontWeight'] },\n semibold: { fontWeight: '600' as TextStyle['fontWeight'] },\n bold: { fontWeight: '700' as TextStyle['fontWeight'] },\n extrabold: { fontWeight: '800' as TextStyle['fontWeight'] },\n black: { fontWeight: '900' as TextStyle['fontWeight'] },\n },\n\n color: {\n default: { color: lightTheme.text.default },\n error: { color: lightTheme.text.error },\n warning: { color: lightTheme.text.warning },\n success: { color: lightTheme.text.success },\n secondary: { color: lightTheme.text.secondary },\n primary: { color: lightTheme.button.primary.background },\n },\n};\n\nexport const textDark = {\n base: {\n color: darkTheme.text.default,\n },\n\n color: {\n default: { color: darkTheme.text.default },\n error: { color: darkTheme.text.error },\n warning: { color: darkTheme.text.warning },\n success: { color: darkTheme.text.success },\n secondary: { color: darkTheme.text.secondary },\n primary: { color: darkTheme.button.primary.background },\n },\n};\n\nexport const bg = {\n none: { backgroundColor: 'transparent' },\n default: { backgroundColor: lightTheme.background.default },\n secondary: { backgroundColor: lightTheme.background.secondary },\n success: { backgroundColor: lightTheme.background.success },\n warning: { backgroundColor: lightTheme.background.warning },\n error: { backgroundColor: lightTheme.background.error },\n};\n\nexport const bgDark = {\n default: { backgroundColor: darkTheme.background.default },\n secondary: { backgroundColor: darkTheme.background.secondary },\n success: { backgroundColor: darkTheme.background.success },\n warning: { backgroundColor: darkTheme.background.warning },\n error: { backgroundColor: darkTheme.background.error },\n};\n\ntype NavigationTheme = {\n dark: boolean;\n colors: {\n primary: string;\n background: string;\n card: string;\n text: string;\n border: string;\n notification: string;\n };\n};\n\nexport const lightNavigationTheme: NavigationTheme = {\n dark: false,\n colors: {\n primary: lightTheme.button.primary.background,\n background: lightTheme.background.secondary,\n card: lightTheme.background.default,\n text: lightTheme.text.default,\n border: lightTheme.border.default,\n notification: lightTheme.highlight.accent,\n },\n};\n\nexport const darkNavigationTheme: NavigationTheme = {\n dark: true,\n colors: {\n primary: darkTheme.button.primary.background,\n background: darkTheme.background.secondary,\n card: darkTheme.background.default,\n text: darkTheme.text.default,\n border: darkTheme.border.default,\n notification: darkTheme.highlight.accent,\n },\n};\n"]}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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","sourcesContent":["import { spacing, lightTheme, darkTheme, borderRadius, typography } from '@expo/styleguide-native';\nimport { TextStyle, Platform, StyleSheet } from 'react-native';\n\ntype SpacingKey = `${keyof typeof spacing}`;\ntype DescriptiveScale = 'micro' | 'tiny' | 'small' | 'medium' | 'large' | 'xl';\ntype ScaleKey = SpacingKey | DescriptiveScale;\ntype Scale = Record<ScaleKey, number>;\n\nexport const scale: Scale = {\n micro: spacing[0.5],\n tiny: spacing[1],\n small: spacing[3],\n medium: spacing[4],\n large: spacing[6],\n xl: spacing[8],\n ...spacing,\n};\n\nfunction fullSpacingScaleForAttributes(attributes: string[]) {\n const obj: { [scaleKey: string]: any } = {};\n\n Object.keys(scale).forEach((key) => {\n key = `${key}`;\n const value: { [attribute: string]: number } = {};\n\n attributes.forEach((attribute) => {\n value[attribute] = scale[key as ScaleKey];\n });\n\n obj[key] = value;\n });\n\n return obj as Record<SpacingKey | DescriptiveScale, any>;\n}\n\nexport const padding = {\n padding: fullSpacingScaleForAttributes(['padding']),\n px: fullSpacingScaleForAttributes(['paddingHorizontal']),\n py: fullSpacingScaleForAttributes(['paddingVertical']),\n pb: fullSpacingScaleForAttributes(['paddingBottom']),\n pt: fullSpacingScaleForAttributes(['paddingTop']),\n};\n\nexport const margin = {\n margin: fullSpacingScaleForAttributes(['margin']),\n mx: fullSpacingScaleForAttributes(['marginHorizontal']),\n my: fullSpacingScaleForAttributes(['marginVertical']),\n mb: fullSpacingScaleForAttributes(['marginBottom']),\n mt: fullSpacingScaleForAttributes(['marginTop']),\n};\n\nexport const width = fullSpacingScaleForAttributes(['width']);\nexport const height = fullSpacingScaleForAttributes(['height']);\n\nexport const rounded = {\n rounded: {\n none: { borderRadius: 0 },\n small: { borderRadius: borderRadius.small },\n medium: { borderRadius: borderRadius.medium },\n large: { borderRadius: borderRadius.large },\n full: { borderRadius: 99999 },\n },\n\n roundedTop: {\n none: { borderTopLeftRadius: 0, borderTopRightRadius: 0 },\n small: { borderTopLeftRadius: borderRadius.small, borderTopRightRadius: borderRadius.small },\n medium: {\n borderTopLeftRadius: borderRadius.medium,\n borderTopRightRadius: borderRadius.medium,\n },\n large: { borderTopLeftRadius: borderRadius.large, borderTopRightRadius: borderRadius.large },\n full: { borderTopLeftRadius: 9999, borderTopRightRadius: 9999 },\n },\n\n roundedBottom: {\n none: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 },\n small: {\n borderBottomLeftRadius: borderRadius.small,\n borderBottomRightRadius: borderRadius.small,\n },\n medium: {\n borderBottomLeftRadius: borderRadius.medium,\n borderBottomRightRadius: borderRadius.medium,\n },\n large: {\n borderBottomLeftRadius: borderRadius.large,\n borderBottomRightRadius: borderRadius.large,\n },\n full: { borderBottomLeftRadius: 9999, borderBottomRightRadius: 9999 },\n },\n};\n\nexport const text = {\n align: {\n center: { textAlign: 'center' as TextStyle['textAlign'] },\n },\n\n size: {\n small: typography.fontSizes[12],\n medium: typography.fontSizes[16],\n large: typography.fontSizes[18],\n },\n\n leading: {\n large: { lineHeight: 18 },\n },\n\n type: {\n mono: {\n fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',\n },\n InterBlack: { fontFamily: 'Inter-Black' },\n InterBlackItalic: { fontFamily: 'Inter-BlackItalic' },\n InterBold: { fontFamily: 'Inter-Bold' },\n InterBoldItalic: { fontFamily: 'Inter-BoldItalic' },\n InterExtraBold: { fontFamily: 'Inter-ExtraBold' },\n InterExtraBoldItalic: { fontFamily: 'Inter-ExtraBoldItalic' },\n InterExtraLight: { fontFamily: 'Inter-ExtraLight' },\n InterExtraLightItalic: { fontFamily: 'Inter-ExtraLightItalic' },\n InterRegular: { fontFamily: 'Inter-Regular' },\n InterItalic: { fontFamily: 'Inter-Italic' },\n InterLight: { fontFamily: 'Inter-Light' },\n InterLightItalic: { fontFamily: 'Inter-LightItalic' },\n InterMedium: { fontFamily: 'Inter-Medium' },\n InterMediumItalic: { fontFamily: 'Inter-MediumItalic' },\n InterSemiBold: { fontFamily: 'Inter-SemiBold' },\n InterSemiBoldItalic: { fontFamily: 'Inter-SemiBoldItalic' },\n InterThin: { fontFamily: 'Inter-Thin' },\n InterThinItalic: { fontFamily: 'Inter-ThinItalic' },\n },\n\n weight: {\n thin: { fontFamily: 'Inter-Thin' },\n extralight: { fontFamily: 'Inter-ExtraLight' },\n light: { fontFamily: 'Inter-Light' },\n normal: { fontFamily: 'Inter-Regular' },\n medium: { fontFamily: 'Inter-Medium' },\n semibold: { fontFamily: 'Inter-SemiBold' },\n bold: { fontFamily: 'Inter-Bold' },\n extrabold: { fontFamily: 'Inter-ExtraBold' },\n black: { fontFamily: 'Inter-Black' },\n },\n\n color: {\n default: { color: lightTheme.text.default },\n error: { color: lightTheme.text.error },\n warning: { color: lightTheme.text.warning },\n success: { color: lightTheme.text.success },\n secondary: { color: lightTheme.text.secondary },\n primary: { color: lightTheme.button.primary.background },\n link: { color: lightTheme.link.default },\n },\n};\n\nexport const textDark = {\n base: {\n color: darkTheme.text.default,\n },\n\n color: {\n default: { color: darkTheme.text.default },\n error: { color: darkTheme.text.error },\n warning: { color: darkTheme.text.warning },\n success: { color: darkTheme.text.success },\n secondary: { color: darkTheme.text.secondary },\n primary: { color: darkTheme.button.primary.background },\n link: { color: darkTheme.link.default },\n },\n};\n\nexport const bg = {\n none: { backgroundColor: 'transparent' },\n default: { backgroundColor: lightTheme.background.default },\n secondary: { backgroundColor: lightTheme.background.secondary },\n overlay: { backgroundColor: lightTheme.background.overlay },\n success: { backgroundColor: lightTheme.background.success },\n warning: { backgroundColor: lightTheme.background.warning },\n error: { backgroundColor: lightTheme.background.error },\n};\n\nexport const bgDark = {\n default: { backgroundColor: darkTheme.background.default },\n secondary: { backgroundColor: darkTheme.background.secondary },\n overlay: { backgroundColor: darkTheme.background.overlay },\n success: { backgroundColor: darkTheme.background.success },\n warning: { backgroundColor: darkTheme.background.warning },\n error: { backgroundColor: darkTheme.background.error },\n};\n\ntype NavigationTheme = {\n dark: boolean;\n colors: {\n primary: string;\n background: string;\n card: string;\n text: string;\n border: string;\n notification: string;\n };\n};\n\nexport const lightNavigationTheme: NavigationTheme = {\n dark: false,\n colors: {\n primary: lightTheme.button.primary.background,\n background: lightTheme.background.screen,\n card: lightTheme.background.default,\n text: lightTheme.text.default,\n border: lightTheme.border.default,\n notification: lightTheme.highlight.accent,\n },\n};\n\nexport const darkNavigationTheme: NavigationTheme = {\n dark: true,\n colors: {\n primary: darkTheme.link.default,\n background: darkTheme.background.screen,\n card: darkTheme.background.screen,\n text: darkTheme.text.default,\n border: darkTheme.border.default,\n notification: darkTheme.highlight.accent,\n },\n};\n\nexport const border = {\n default: { borderColor: lightTheme.border.default, borderWidth: 1 },\n warning: { borderColor: lightTheme.border.warning, borderWidth: 1 },\n hairline: { borderColor: lightTheme.border.default, borderWidth: StyleSheet.hairlineWidth },\n};\n\nexport const borderDark = {\n default: { borderColor: darkTheme.border.default, borderWidth: 1 },\n warning: { borderColor: darkTheme.border.warning, borderWidth: 1 },\n error: { borderColor: darkTheme.border.error, borderWidth: 1 },\n hairline: { borderColor: darkTheme.border.default, borderWidth: StyleSheet.hairlineWidth },\n};\n"]}
|