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.
Files changed (255) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +129 -0
  3. package/assets/branch-icon-light.png +0 -0
  4. package/assets/branch-icon-light@2x.png +0 -0
  5. package/assets/branch-icon-light@3x.png +0 -0
  6. package/assets/branch-icon.png +0 -0
  7. package/assets/branch-icon@2x.png +0 -0
  8. package/assets/branch-icon@3x.png +0 -0
  9. package/assets/check-icon-light.png +0 -0
  10. package/assets/check-icon-light@2x.png +0 -0
  11. package/assets/check-icon-light@3x.png +0 -0
  12. package/assets/check-icon.png +0 -0
  13. package/assets/check-icon@2x.png +0 -0
  14. package/assets/check-icon@3x.png +0 -0
  15. package/assets/clipboard-icon.png +0 -0
  16. package/assets/clipboard-icon@2x.png +0 -0
  17. package/assets/clipboard-icon@3x.png +0 -0
  18. package/assets/debug-icon.png +0 -0
  19. package/assets/debug-icon@2x.png +0 -0
  20. package/assets/debug-icon@3x.png +0 -0
  21. package/assets/extensions-filled-active-icon-light.png +0 -0
  22. package/assets/extensions-filled-active-icon-light@2x.png +0 -0
  23. package/assets/extensions-filled-active-icon-light@3x.png +0 -0
  24. package/assets/extensions-filled-active-icon.png +0 -0
  25. package/assets/extensions-filled-active-icon@2x.png +0 -0
  26. package/assets/extensions-filled-active-icon@3x.png +0 -0
  27. package/assets/extensions-filled-inactive-icon-light.png +0 -0
  28. package/assets/extensions-filled-inactive-icon-light@2x.png +0 -0
  29. package/assets/extensions-filled-inactive-icon-light@3x.png +0 -0
  30. package/assets/extensions-filled-inactive-icon.png +0 -0
  31. package/assets/extensions-filled-inactive-icon@2x.png +0 -0
  32. package/assets/extensions-filled-inactive-icon@3x.png +0 -0
  33. package/assets/extensions-icon-light.png +0 -0
  34. package/assets/extensions-icon-light@2x.png +0 -0
  35. package/assets/extensions-icon-light@3x.png +0 -0
  36. package/assets/extensions-icon.png +0 -0
  37. package/assets/extensions-icon@2x.png +0 -0
  38. package/assets/extensions-icon@3x.png +0 -0
  39. package/assets/home-filled-active-icon-light.png +0 -0
  40. package/assets/home-filled-active-icon-light@2x.png +0 -0
  41. package/assets/home-filled-active-icon-light@3x.png +0 -0
  42. package/assets/home-filled-inactive-icon-light.png +0 -0
  43. package/assets/home-filled-inactive-icon-light@2x.png +0 -0
  44. package/assets/home-filled-inactive-icon-light@3x.png +0 -0
  45. package/assets/info-icon-light.png +0 -0
  46. package/assets/info-icon-light@2x.png +0 -0
  47. package/assets/info-icon-light@3x.png +0 -0
  48. package/assets/info-icon.png +0 -0
  49. package/assets/info-icon@2x.png +0 -0
  50. package/assets/info-icon@3x.png +0 -0
  51. package/assets/inspect-element-icon.png +0 -0
  52. package/assets/inspect-element-icon@2x.png +0 -0
  53. package/assets/inspect-element-icon@3x.png +0 -0
  54. package/assets/loading-indicator-icon.png +0 -0
  55. package/assets/loading-indicator-icon@2x.png +0 -0
  56. package/assets/loading-indicator-icon@3x.png +0 -0
  57. package/assets/performance-icon.png +0 -0
  58. package/assets/performance-icon@2x.png +0 -0
  59. package/assets/performance-icon@3x.png +0 -0
  60. package/assets/run-icon.png +0 -0
  61. package/assets/run-icon@2x.png +0 -0
  62. package/assets/run-icon@3x.png +0 -0
  63. package/assets/settings-filled-active-icon-light.png +0 -0
  64. package/assets/settings-filled-active-icon-light@2x.png +0 -0
  65. package/assets/settings-filled-active-icon-light@3x.png +0 -0
  66. package/assets/settings-filled-inactive-icon-light.png +0 -0
  67. package/assets/settings-filled-inactive-icon-light@2x.png +0 -0
  68. package/assets/settings-filled-inactive-icon-light@3x.png +0 -0
  69. package/assets/shake-device-icon-light.png +0 -0
  70. package/assets/shake-device-icon-light@2x.png +0 -0
  71. package/assets/shake-device-icon-light@3x.png +0 -0
  72. package/assets/show-menu-at-launch-icon-light.png +0 -0
  73. package/assets/show-menu-at-launch-icon-light@2x.png +0 -0
  74. package/assets/show-menu-at-launch-icon-light@3x.png +0 -0
  75. package/assets/three-finger-long-press-icon-light.png +0 -0
  76. package/assets/three-finger-long-press-icon-light@2x.png +0 -0
  77. package/assets/three-finger-long-press-icon-light@3x.png +0 -0
  78. package/assets/update-icon-light.png +0 -0
  79. package/assets/update-icon-light@2x.png +0 -0
  80. package/assets/update-icon-light@3x.png +0 -0
  81. package/assets/update-icon.png +0 -0
  82. package/assets/update-icon@2x.png +0 -0
  83. package/assets/update-icon@3x.png +0 -0
  84. package/assets/user-icon-light.png +0 -0
  85. package/assets/user-icon-light@2x.png +0 -0
  86. package/assets/user-icon-light@3x.png +0 -0
  87. package/assets/warning-triangle-icon-light.png +0 -0
  88. package/assets/warning-triangle-icon-light@2x.png +0 -0
  89. package/assets/warning-triangle-icon-light@3x.png +0 -0
  90. package/assets/warning-triangle-icon.png +0 -0
  91. package/assets/warning-triangle-icon@2x.png +0 -0
  92. package/assets/warning-triangle-icon@3x.png +0 -0
  93. package/assets/x-icon-light.png +0 -0
  94. package/assets/x-icon-light@2x.png +0 -0
  95. package/assets/x-icon-light@3x.png +0 -0
  96. package/assets/x-icon.png +0 -0
  97. package/assets/x-icon@2x.png +0 -0
  98. package/assets/x-icon@3x.png +0 -0
  99. package/build/Button.d.ts +46 -22
  100. package/build/Button.d.ts.map +1 -0
  101. package/build/Button.js +4 -3
  102. package/build/Button.js.map +1 -1
  103. package/build/Image.d.ts +7 -1
  104. package/build/Image.d.ts.map +1 -0
  105. package/build/Image.js +1 -1
  106. package/build/Image.js.map +1 -1
  107. package/build/Text.d.ts +36 -10
  108. package/build/Text.d.ts.map +1 -0
  109. package/build/Text.js +30 -21
  110. package/build/Text.js.map +1 -1
  111. package/build/View.d.ts +80 -28
  112. package/build/View.d.ts.map +1 -0
  113. package/build/View.js +93 -43
  114. package/build/View.js.map +1 -1
  115. package/build/create-primitive.d.ts +41 -0
  116. package/build/create-primitive.d.ts.map +1 -0
  117. package/build/create-primitive.js +73 -0
  118. package/build/create-primitive.js.map +1 -0
  119. package/build/icons/BranchIcon.d.ts +4 -0
  120. package/build/icons/BranchIcon.d.ts.map +1 -0
  121. package/build/icons/BranchIcon.js +11 -0
  122. package/build/icons/BranchIcon.js.map +1 -0
  123. package/build/icons/CheckIcon.d.ts +1 -0
  124. package/build/icons/CheckIcon.d.ts.map +1 -0
  125. package/build/icons/CheckIcon.js +5 -1
  126. package/build/icons/CheckIcon.js.map +1 -1
  127. package/build/icons/ChevronRightIcon.d.ts +1 -0
  128. package/build/icons/ChevronRightIcon.d.ts.map +1 -0
  129. package/build/icons/ClipboardIcon.d.ts +4 -0
  130. package/build/icons/ClipboardIcon.d.ts.map +1 -0
  131. package/build/icons/ClipboardIcon.js +7 -0
  132. package/build/icons/ClipboardIcon.js.map +1 -0
  133. package/build/icons/DebugIcon.d.ts +4 -0
  134. package/build/icons/DebugIcon.d.ts.map +1 -0
  135. package/build/icons/DebugIcon.js +7 -0
  136. package/build/icons/DebugIcon.js.map +1 -0
  137. package/build/icons/ExpoLogoIcon.d.ts +1 -0
  138. package/build/icons/ExpoLogoIcon.d.ts.map +1 -0
  139. package/build/icons/ExtensionsFilledIcon.d.ts +8 -0
  140. package/build/icons/ExtensionsFilledIcon.d.ts.map +1 -0
  141. package/build/icons/ExtensionsFilledIcon.js +24 -0
  142. package/build/icons/ExtensionsFilledIcon.js.map +1 -0
  143. package/build/icons/ExtensionsIcon.d.ts +4 -0
  144. package/build/icons/ExtensionsIcon.d.ts.map +1 -0
  145. package/build/icons/ExtensionsIcon.js +11 -0
  146. package/build/icons/ExtensionsIcon.js.map +1 -0
  147. package/build/icons/HomeFilledIcon.d.ts +1 -0
  148. package/build/icons/HomeFilledIcon.d.ts.map +1 -0
  149. package/build/icons/HomeFilledIcon.js +16 -1
  150. package/build/icons/HomeFilledIcon.js.map +1 -1
  151. package/build/icons/InfoIcon.d.ts +1 -0
  152. package/build/icons/InfoIcon.d.ts.map +1 -0
  153. package/build/icons/InfoIcon.js +5 -1
  154. package/build/icons/InfoIcon.js.map +1 -1
  155. package/build/icons/InspectElementIcon.d.ts +4 -0
  156. package/build/icons/InspectElementIcon.d.ts.map +1 -0
  157. package/build/icons/InspectElementIcon.js +7 -0
  158. package/build/icons/InspectElementIcon.js.map +1 -0
  159. package/build/icons/LoadingIndicatorIcon.d.ts +4 -0
  160. package/build/icons/LoadingIndicatorIcon.d.ts.map +1 -0
  161. package/build/icons/LoadingIndicatorIcon.js +7 -0
  162. package/build/icons/LoadingIndicatorIcon.js.map +1 -0
  163. package/build/icons/PerformanceIcon.d.ts +4 -0
  164. package/build/icons/PerformanceIcon.d.ts.map +1 -0
  165. package/build/icons/PerformanceIcon.js +7 -0
  166. package/build/icons/PerformanceIcon.js.map +1 -0
  167. package/build/icons/QuestionMarkIcon.d.ts +1 -0
  168. package/build/icons/QuestionMarkIcon.d.ts.map +1 -0
  169. package/build/icons/RefreshIcon.d.ts +1 -0
  170. package/build/icons/RefreshIcon.d.ts.map +1 -0
  171. package/build/icons/RunIcon.d.ts +4 -0
  172. package/build/icons/RunIcon.d.ts.map +1 -0
  173. package/build/icons/RunIcon.js +7 -0
  174. package/build/icons/RunIcon.js.map +1 -0
  175. package/build/icons/SettingsFilledIcon.d.ts +1 -0
  176. package/build/icons/SettingsFilledIcon.d.ts.map +1 -0
  177. package/build/icons/SettingsFilledIcon.js +16 -1
  178. package/build/icons/SettingsFilledIcon.js.map +1 -1
  179. package/build/icons/ShakeDeviceIcon.d.ts +1 -0
  180. package/build/icons/ShakeDeviceIcon.d.ts.map +1 -0
  181. package/build/icons/ShakeDeviceIcon.js +5 -1
  182. package/build/icons/ShakeDeviceIcon.js.map +1 -1
  183. package/build/icons/ShowMenuIcon.d.ts +1 -0
  184. package/build/icons/ShowMenuIcon.d.ts.map +1 -0
  185. package/build/icons/ShowMenuIcon.js +5 -1
  186. package/build/icons/ShowMenuIcon.js.map +1 -1
  187. package/build/icons/TerminalIcon.d.ts +1 -0
  188. package/build/icons/TerminalIcon.d.ts.map +1 -0
  189. package/build/icons/ThreeFingerPressIcon.d.ts +1 -0
  190. package/build/icons/ThreeFingerPressIcon.d.ts.map +1 -0
  191. package/build/icons/ThreeFingerPressIcon.js +5 -1
  192. package/build/icons/ThreeFingerPressIcon.js.map +1 -1
  193. package/build/icons/ToolbarOverlayIcon.d.ts +1 -0
  194. package/build/icons/ToolbarOverlayIcon.d.ts.map +1 -0
  195. package/build/icons/UpdateIcon.d.ts +4 -0
  196. package/build/icons/UpdateIcon.d.ts.map +1 -0
  197. package/build/icons/UpdateIcon.js +11 -0
  198. package/build/icons/UpdateIcon.js.map +1 -0
  199. package/build/icons/UserIcon.d.ts +1 -0
  200. package/build/icons/UserIcon.d.ts.map +1 -0
  201. package/build/icons/UserIcon.js +5 -1
  202. package/build/icons/UserIcon.js.map +1 -1
  203. package/build/icons/WarningIcon.d.ts +4 -0
  204. package/build/icons/WarningIcon.d.ts.map +1 -0
  205. package/build/icons/WarningIcon.js +11 -0
  206. package/build/icons/WarningIcon.js.map +1 -0
  207. package/build/icons/XIcon.d.ts +1 -0
  208. package/build/icons/XIcon.d.ts.map +1 -0
  209. package/build/icons/XIcon.js +5 -1
  210. package/build/icons/XIcon.js.map +1 -1
  211. package/build/icons/index.d.ts +13 -1
  212. package/build/icons/index.d.ts.map +1 -0
  213. package/build/icons/index.js +12 -1
  214. package/build/icons/index.js.map +1 -1
  215. package/build/index.d.ts +1 -0
  216. package/build/index.d.ts.map +1 -0
  217. package/build/theme.d.ts +128 -131
  218. package/build/theme.d.ts.map +1 -0
  219. package/build/theme.js +77 -73
  220. package/build/theme.js.map +1 -1
  221. package/build/useExpoTheme.d.ts +236 -0
  222. package/build/useExpoTheme.d.ts.map +1 -0
  223. package/build/useExpoTheme.js +24 -3
  224. package/build/useExpoTheme.js.map +1 -1
  225. package/package.json +15 -9
  226. package/setupTests.js +35 -0
  227. package/src/Button.tsx +4 -3
  228. package/src/Image.tsx +1 -1
  229. package/src/Text.tsx +35 -21
  230. package/src/View.tsx +115 -44
  231. package/src/create-primitive.tsx +128 -0
  232. package/src/icons/BranchIcon.tsx +14 -0
  233. package/src/icons/CheckIcon.tsx +6 -1
  234. package/src/icons/ClipboardIcon.tsx +9 -0
  235. package/src/icons/DebugIcon.tsx +9 -0
  236. package/src/icons/ExtensionsFilledIcon.tsx +31 -0
  237. package/src/icons/ExtensionsIcon.tsx +14 -0
  238. package/src/icons/HomeFilledIcon.tsx +17 -1
  239. package/src/icons/InfoIcon.tsx +6 -1
  240. package/src/icons/InspectElementIcon.tsx +9 -0
  241. package/src/icons/LoadingIndicatorIcon.tsx +9 -0
  242. package/src/icons/PerformanceIcon.tsx +9 -0
  243. package/src/icons/RunIcon.tsx +9 -0
  244. package/src/icons/SettingsFilledIcon.tsx +17 -1
  245. package/src/icons/ShakeDeviceIcon.tsx +6 -1
  246. package/src/icons/ShowMenuIcon.tsx +6 -1
  247. package/src/icons/ThreeFingerPressIcon.tsx +6 -1
  248. package/src/icons/UpdateIcon.tsx +14 -0
  249. package/src/icons/UserIcon.tsx +6 -1
  250. package/src/icons/WarningIcon.tsx +14 -0
  251. package/src/icons/XIcon.tsx +6 -1
  252. package/src/icons/index.ts +12 -1
  253. package/src/theme.ts +90 -78
  254. package/src/useExpoTheme.tsx +50 -0
  255. package/src/useExpoTheme.ts +0 -14
package/build/theme.d.ts CHANGED
@@ -1,129 +1,25 @@
1
- export declare const scale: {
2
- micro: number;
3
- tiny: number;
4
- small: number;
5
- medium: number;
6
- large: number;
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
- micro: {
12
- padding: number;
13
- };
14
- tiny: {
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
- micro: {
74
- margin: number;
75
- };
76
- tiny: {
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
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
174
+ fontFamily: string;
223
175
  };
224
176
  extralight: {
225
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
177
+ fontFamily: string;
226
178
  };
227
179
  light: {
228
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
180
+ fontFamily: string;
229
181
  };
230
182
  normal: {
231
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
183
+ fontFamily: string;
232
184
  };
233
185
  medium: {
234
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
186
+ fontFamily: string;
235
187
  };
236
188
  semibold: {
237
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
189
+ fontFamily: string;
238
190
  };
239
191
  bold: {
240
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
192
+ fontFamily: string;
241
193
  };
242
194
  extrabold: {
243
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
195
+ fontFamily: string;
244
196
  };
245
197
  black: {
246
- fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
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
- micro: { padding: scale.micro },
13
- tiny: { padding: scale.tiny },
14
- small: { padding: scale.small },
15
- medium: { padding: scale.medium },
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
- micro: { margin: scale.micro },
39
- tiny: { margin: scale.tiny },
40
- small: { margin: scale.small },
41
- medium: { margin: scale.medium },
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
- fontSize: 12,
102
- lineHeight: 14,
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: { fontWeight: '100' },
123
- extralight: { fontWeight: '200' },
124
- light: { fontWeight: '300' },
125
- normal: { fontWeight: '400' },
126
- medium: { fontWeight: '500' },
127
- semibold: { fontWeight: '600' },
128
- bold: { fontWeight: '700' },
129
- extrabold: { fontWeight: '800' },
130
- black: { fontWeight: '900' },
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.secondary,
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.button.primary.background,
184
- background: darkTheme.background.secondary,
185
- card: darkTheme.background.default,
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
@@ -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"]}