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/View.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"View.js","sourceRoot":"","sources":["../src/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lightTheme, darkTheme, shadows, iconSize } from '@expo/styleguide-native';\nimport { View as RNView } from 'react-native';\nimport { create } from 'react-native-primitives';\n\nimport { scale, padding, margin, rounded, bg, bgDark } from './theme';\n\nexport const View = create(RNView, {\n variants: {\n overflow: {\n hidden: {\n overflow: 'hidden',\n },\n },\n\n align: {\n centered: {\n justifyContent: 'center',\n alignItems: 'center',\n },\n },\n\n flex: {\n '1': { flex: 1 },\n '0': { flex: 0 },\n },\n\n shrink: {\n '1': { flexShrink: 1 },\n '0': { flexShrink: 0 },\n },\n\n bg,\n\n border: {\n default: { borderColor: lightTheme.border.default, borderWidth: 1 },\n },\n\n ...rounded,\n\n shadow: {\n micro: shadows.micro,\n tiny: shadows.tiny,\n small: shadows.small,\n medium: shadows.medium,\n button: shadows.button,\n },\n\n width: {\n micro: { width: iconSize.micro },\n tiny: { width: iconSize.tiny },\n small: { width: iconSize.small },\n medium: { width: iconSize.regular },\n large: { width: iconSize.large },\n xl: { width: scale.xl },\n },\n\n height: {\n micro: { height: iconSize.micro },\n tiny: { height: iconSize.tiny },\n small: { height: iconSize.small },\n medium: { height: iconSize.regular },\n large: { height: iconSize.large },\n xl: { height: scale.xl },\n },\n\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n\n border: {\n default: { borderColor: darkTheme.border.default, borderWidth: 1 },\n },\n },\n\n light: {\n bg: {},\n },\n },\n});\n\nexport const Row = create(RNView, {\n base: {\n flexDirection: 'row',\n },\n\n variants: {\n bg,\n\n align: {\n center: { alignItems: 'center' },\n start: { alignItems: 'flex-start' },\n end: { alignItems: 'flex-end' },\n },\n\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n },\n },\n});\n\nconst Horizontal = create(RNView, {\n variants: {\n size: {\n flex: { flex: 1 },\n micro: { width: scale.micro },\n tiny: { width: scale.tiny },\n small: { width: scale.small },\n medium: { width: scale.medium },\n large: { width: scale.large },\n xl: { width: scale.xl },\n },\n },\n});\n\nconst Vertical = create(RNView, {\n variants: {\n size: {\n flex: { flex: 1 },\n micro: { height: scale.micro },\n tiny: { height: scale.tiny },\n small: { height: scale.small },\n medium: { height: scale.medium },\n large: { height: scale.large },\n xl: { height: scale.xl },\n },\n },\n});\n\nexport const Spacer = {\n Vertical,\n Horizontal,\n};\n\nexport const Divider = create(RNView, {\n base: {\n borderWidth: 0.5,\n borderColor: lightTheme.border.default,\n },\n\n variants: {\n weight: {\n thin: { borderWidth: 0.5 },\n normal: { borderWidth: 1 },\n heavy: { borderWidth: 2 },\n },\n\n ...margin,\n },\n\n selectors: {\n dark: {\n borderColor: darkTheme.border.default,\n },\n },\n});\n\nexport const StatusIndicator = create(RNView, {\n base: {\n backgroundColor: lightTheme.status.default,\n borderRadius: 9999,\n },\n\n variants: {\n status: {\n info: { backgroundColor: lightTheme.status.info },\n success: { backgroundColor: lightTheme.status.success },\n warning: { backgroundColor: lightTheme.status.warning },\n error: { backgroundColor: lightTheme.status.error },\n default: { backgroundColor: lightTheme.status.default },\n },\n\n size: {\n small: {\n width: scale.small,\n height: scale.small,\n },\n medium: {\n width: scale.medium,\n height: scale.medium,\n },\n },\n },\n\n selectors: {\n dark: {\n info: { backgroundColor: darkTheme.status.info },\n success: { backgroundColor: darkTheme.status.success },\n warning: { backgroundColor: darkTheme.status.warning },\n error: { backgroundColor: darkTheme.status.error },\n default: { backgroundColor: darkTheme.status.default },\n },\n },\n});\n"]}
1
+ {"version":3,"file":"View.js","sourceRoot":"","sources":["../src/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lightTheme, darkTheme, shadows } from '@expo/styleguide-native';\nimport { View as RNView, StyleSheet } from 'react-native';\n\nimport { create } from './create-primitive';\nimport {\n scale,\n padding,\n margin,\n rounded,\n bg,\n bgDark,\n width,\n height,\n borderDark,\n border,\n} from './theme';\n\nexport const View = create(RNView, {\n variants: {\n overflow: {\n hidden: {\n overflow: 'hidden',\n },\n },\n\n align: {\n centered: {\n justifyContent: 'center',\n alignItems: 'center',\n },\n start: {\n alignItems: 'flex-start',\n },\n },\n\n flex: {\n '1': { flex: 1 },\n '0': { flex: 0 },\n },\n\n shrink: {\n '1': { flexShrink: 1 },\n '0': { flexShrink: 0 },\n },\n\n grow: {\n '1': { flexGrow: 1 },\n '0': { flexGrow: 0 },\n },\n\n bg,\n\n opacity: {\n '1': { opacity: 1 },\n '0.5': { opacity: 0.5 },\n '0.75': { opacity: 0.75 },\n '0': { opacity: 0 },\n },\n\n inset: {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n },\n\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n },\n\n full: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n\n border: {\n default: { borderColor: lightTheme.border.default, borderWidth: 1 },\n hairline: { borderColor: lightTheme.border.default, borderWidth: StyleSheet.hairlineWidth },\n warning: { borderColor: lightTheme.border.warning, borderWidth: 1 },\n error: { borderColor: lightTheme.border.error, borderWidth: 1 },\n },\n\n ...rounded,\n\n shadow: {\n micro: shadows.micro,\n tiny: shadows.tiny,\n small: shadows.small,\n medium: shadows.medium,\n button: shadows.button,\n },\n\n width,\n height,\n\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n\n border: borderDark,\n },\n\n light: {\n bg: {},\n },\n },\n});\n\nexport const Row = create(RNView, {\n base: {\n flexDirection: 'row',\n },\n\n variants: {\n bg,\n\n flex: {\n '1': { flex: 1 },\n '0': { flex: 0 },\n },\n\n shrink: {\n '1': { flexShrink: 1 },\n '0': { flexShrink: 0 },\n },\n\n grow: {\n '1': { flexGrow: 1 },\n '0': { flexGrow: 0 },\n },\n\n align: {\n center: { alignItems: 'center' },\n start: { alignItems: 'flex-start' },\n end: { alignItems: 'flex-end' },\n },\n\n justify: {\n center: { justifyContent: 'center' },\n start: { justifyContent: 'flex-start' },\n end: { justifyContent: 'flex-end' },\n between: { justifyContent: 'space-between' },\n around: { justifyContent: 'space-around' },\n },\n\n ...padding,\n ...margin,\n\n ...rounded,\n\n border,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n border: borderDark,\n },\n },\n});\n\nconst Horizontal = create(RNView, {\n base: {\n flex: 1,\n },\n variants: {\n size: {\n micro: { width: scale.micro, flex: 0 },\n tiny: { width: scale.tiny, flex: 0 },\n small: { width: scale.small, flex: 0 },\n medium: { width: scale.medium, flex: 0 },\n large: { width: scale.large, flex: 0 },\n xl: { width: scale.xl, flex: 0 },\n },\n },\n});\n\nconst Vertical = create(RNView, {\n base: {\n flex: 1,\n },\n variants: {\n size: {\n micro: { height: scale.micro, flex: 0 },\n tiny: { height: scale.tiny, flex: 0 },\n small: { height: scale.small, flex: 0 },\n medium: { height: scale.medium, flex: 0 },\n large: { height: scale.large, flex: 0 },\n xl: { height: scale.xl, flex: 0 },\n },\n },\n});\n\nexport const Spacer = {\n Vertical,\n Horizontal,\n};\n\nexport const Divider = create(RNView, {\n base: {\n height: StyleSheet.hairlineWidth,\n backgroundColor: lightTheme.border.default,\n },\n\n variants: {\n weight: {\n thin: { height: StyleSheet.hairlineWidth },\n normal: { height: 1 },\n heavy: { height: 2 },\n },\n\n ...margin,\n },\n\n selectors: {\n dark: {\n base: {\n height: StyleSheet.hairlineWidth,\n backgroundColor: darkTheme.border.default,\n },\n },\n },\n});\n\nexport const StatusIndicator = create(RNView, {\n base: {\n backgroundColor: lightTheme.status.default,\n borderRadius: 9999,\n },\n\n variants: {\n status: {\n info: { backgroundColor: lightTheme.status.info },\n success: { backgroundColor: lightTheme.status.success },\n warning: { backgroundColor: lightTheme.status.warning },\n error: { backgroundColor: lightTheme.status.error },\n default: { backgroundColor: lightTheme.status.default },\n },\n\n size: {\n small: {\n width: scale.small,\n height: scale.small,\n },\n medium: {\n width: scale.medium,\n height: scale.medium,\n },\n },\n },\n\n selectors: {\n dark: {\n info: { backgroundColor: darkTheme.status.info },\n success: { backgroundColor: darkTheme.status.success },\n warning: { backgroundColor: darkTheme.status.warning },\n error: { backgroundColor: darkTheme.status.error },\n default: { backgroundColor: darkTheme.status.default },\n },\n },\n});\n"]}
@@ -0,0 +1,41 @@
1
+ import * as React from 'react';
2
+ import { ViewStyle, ImageStyle, TextStyle } from 'react-native';
3
+ declare type StyleType = ViewStyle | TextStyle | ImageStyle;
4
+ declare type Options = {
5
+ base?: StyleType;
6
+ variants?: VariantMap<StyleType>;
7
+ };
8
+ declare type VariantMap<T> = {
9
+ [key: string]: {
10
+ [key: string]: T;
11
+ };
12
+ };
13
+ declare type Nested<Type> = {
14
+ [Property in keyof Type]?: keyof Type[Property];
15
+ };
16
+ declare type SelectorMap<Variants> = Partial<{
17
+ [K in keyof Variants]?: {
18
+ [T in keyof Variants[K]]?: StyleType;
19
+ };
20
+ }>;
21
+ declare type Selectors<Variants> = {
22
+ light?: SelectorMap<Variants>;
23
+ dark?: SelectorMap<Variants>;
24
+ };
25
+ declare type SelectorProps = {
26
+ light?: StyleType;
27
+ dark?: StyleType;
28
+ };
29
+ export declare function create<T, O extends Options>(component: React.ComponentType<T>, config: O & {
30
+ selectors?: Selectors<O['variants']>;
31
+ props?: T;
32
+ }): React.ForwardRefExoticComponent<React.PropsWithoutRef<T & {
33
+ children?: React.ReactNode;
34
+ } & Nested<(O & {
35
+ selectors?: Selectors<O["variants"]> | undefined;
36
+ props?: T | undefined;
37
+ })["variants"]> & {
38
+ selectors?: SelectorProps | undefined;
39
+ }> & React.RefAttributes<T>>;
40
+ export {};
41
+ //# sourceMappingURL=create-primitive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"create-primitive.d.ts","sourceRoot":"","sources":["../src/create-primitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI5E,aAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpD,aAAK,OAAO,GAAG;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,aAAK,UAAU,CAAC,CAAC,IAAI;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC;AAE7D,aAAK,MAAM,CAAC,IAAI,IAAI;KACjB,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC;CAChD,CAAC;AAEF,aAAK,WAAW,CAAC,QAAQ,IAAI,OAAO,CAAC;KAClC,CAAC,IAAI,MAAM,QAAQ,CAAC,CAAC,EAAE;SACrB,CAAC,IAAI,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS;KACrC;CACF,CAAC,CAAC;AAEH,aAAK,SAAS,CAAC,QAAQ,IAAI;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;CAC9B,CAAC;AAEF,aAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,MAAM,EAAE,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE;;;;;;;6BA0ChE"}
@@ -0,0 +1,73 @@
1
+ import * as React from 'react';
2
+ import { StyleSheet } from 'react-native';
3
+ import { useTheme } from './useExpoTheme';
4
+ export function create(component, config) {
5
+ config.selectors = config.selectors ?? {};
6
+ config.variants = config.variants ?? {};
7
+ const Component = React.forwardRef((props, ref) => {
8
+ const theme = useTheme();
9
+ const variantStyles = stylesForVariants(props, config.variants);
10
+ const selectorStyles = stylesForSelectors(props, config.selectors, { theme });
11
+ const selectorPropsStyles = stylesForSelectorProps(props.selectors, { theme });
12
+ const variantFreeProps = { ...props };
13
+ // @ts-ignore
14
+ // there could be a conflict between the primitive prop and the variant name
15
+ // for example - variant name "width" and prop "width"
16
+ // in these cases, favor the variant because it is under the users control (e.g they can update the conflicting name)
17
+ Object.keys(config.variants).forEach((variant) => {
18
+ delete variantFreeProps[variant];
19
+ });
20
+ return React.createElement(component, {
21
+ ...config.props,
22
+ ...variantFreeProps,
23
+ style: StyleSheet.flatten([
24
+ config.base,
25
+ variantStyles,
26
+ selectorStyles,
27
+ selectorPropsStyles,
28
+ // @ts-ignore
29
+ props.style || {},
30
+ ]),
31
+ ref,
32
+ });
33
+ });
34
+ return Component;
35
+ }
36
+ function stylesForVariants(props, variants = {}) {
37
+ let styles = {};
38
+ for (const key in props) {
39
+ if (variants[key]) {
40
+ const value = props[key];
41
+ const styleValue = variants[key][value];
42
+ if (styleValue) {
43
+ styles = StyleSheet.flatten(StyleSheet.compose(styles, styleValue));
44
+ }
45
+ }
46
+ }
47
+ return styles;
48
+ }
49
+ function stylesForSelectors(props, selectors = {}, state = {}) {
50
+ const styles = [];
51
+ if (state.theme != null) {
52
+ if (selectors[state.theme] != null) {
53
+ const variants = selectors[state.theme];
54
+ const variantStyles = stylesForVariants(props, variants);
55
+ if (variants.base != null) {
56
+ styles.push(variants.base);
57
+ }
58
+ styles.push(variantStyles);
59
+ }
60
+ }
61
+ return StyleSheet.flatten(styles);
62
+ }
63
+ function stylesForSelectorProps(selectors = {}, state = {}) {
64
+ const styles = [];
65
+ if (state.theme != null) {
66
+ if (selectors[state.theme] != null) {
67
+ const selectorStyles = selectors[state.theme];
68
+ styles.push(selectorStyles);
69
+ }
70
+ }
71
+ return StyleSheet.flatten(styles);
72
+ }
73
+ //# sourceMappingURL=create-primitive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"create-primitive.js","sourceRoot":"","sources":["../src/create-primitive.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, ViewStyle, ImageStyle, TextStyle } from 'react-native';\n\nimport { useTheme } from './useExpoTheme';\n\ntype StyleType = ViewStyle | TextStyle | ImageStyle;\n\ntype Options = {\n base?: StyleType;\n variants?: VariantMap<StyleType>;\n};\n\ntype VariantMap<T> = { [key: string]: { [key: string]: T } };\n\ntype Nested<Type> = {\n [Property in keyof Type]?: keyof Type[Property];\n};\n\ntype SelectorMap<Variants> = Partial<{\n [K in keyof Variants]?: {\n [T in keyof Variants[K]]?: StyleType;\n };\n}>;\n\ntype Selectors<Variants> = {\n light?: SelectorMap<Variants>;\n dark?: SelectorMap<Variants>;\n};\n\ntype SelectorProps = {\n light?: StyleType;\n dark?: StyleType;\n};\n\nexport function create<T, O extends Options>(\n component: React.ComponentType<T>,\n config: O & { selectors?: Selectors<O['variants']>; props?: T }\n) {\n config.selectors = config.selectors ?? {};\n config.variants = config.variants ?? {};\n\n const Component = React.forwardRef<\n T,\n React.PropsWithChildren<T> & Nested<typeof config['variants']> & { selectors?: SelectorProps }\n >((props, ref) => {\n const theme = useTheme();\n\n const variantStyles = stylesForVariants(props, config.variants);\n const selectorStyles = stylesForSelectors(props, config.selectors, { theme });\n const selectorPropsStyles = stylesForSelectorProps(props.selectors, { theme });\n\n const variantFreeProps: any = { ...props };\n\n // @ts-ignore\n // there could be a conflict between the primitive prop and the variant name\n // for example - variant name \"width\" and prop \"width\"\n // in these cases, favor the variant because it is under the users control (e.g they can update the conflicting name)\n\n Object.keys(config.variants).forEach((variant) => {\n delete variantFreeProps[variant];\n });\n\n return React.createElement(component, {\n ...config.props,\n ...variantFreeProps,\n style: StyleSheet.flatten([\n config.base,\n variantStyles,\n selectorStyles,\n selectorPropsStyles,\n // @ts-ignore\n props.style || {},\n ]),\n ref,\n });\n });\n\n return Component;\n}\n\nfunction stylesForVariants(props: any, variants: any = {}) {\n let styles = {};\n\n for (const key in props) {\n if (variants[key]) {\n const value = props[key];\n\n const styleValue = variants[key][value];\n if (styleValue) {\n styles = StyleSheet.flatten(StyleSheet.compose(styles, styleValue));\n }\n }\n }\n\n return styles;\n}\n\nfunction stylesForSelectors(props: any, selectors: any = {}, state: any = {}) {\n const styles: any[] = [];\n\n if (state.theme != null) {\n if (selectors[state.theme] != null) {\n const variants = selectors[state.theme];\n const variantStyles = stylesForVariants(props, variants);\n\n if (variants.base != null) {\n styles.push(variants.base);\n }\n\n styles.push(variantStyles);\n }\n }\n\n return StyleSheet.flatten(styles);\n}\n\nfunction stylesForSelectorProps(selectors: any = {}, state: any = {}) {\n const styles: any[] = [];\n\n if (state.theme != null) {\n if (selectors[state.theme] != null) {\n const selectorStyles = selectors[state.theme];\n styles.push(selectorStyles);\n }\n }\n\n return StyleSheet.flatten(styles);\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function BranchIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=BranchIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BranchIcon.d.ts","sourceRoot":"","sources":["../../src/icons/BranchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAMjC,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAK5E"}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ import { useCurrentTheme } from '../useExpoTheme';
4
+ const lightIcon = require('../../assets/branch-icon-light.png');
5
+ const icon = require('../../assets/branch-icon.png');
6
+ export function BranchIcon(props) {
7
+ const theme = useCurrentTheme();
8
+ const themedIcon = theme === 'dark' ? lightIcon : icon;
9
+ return React.createElement(Image, { source: themedIcon, ...props });
10
+ }
11
+ //# sourceMappingURL=BranchIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BranchIcon.js","sourceRoot":"","sources":["../../src/icons/BranchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAChE,MAAM,IAAI,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,KAAkD;IAC3E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,UAAU,KAAM,KAAK,GAAI,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/branch-icon-light.png');\nconst icon = require('../../assets/branch-icon.png');\n\nexport function BranchIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
@@ -1,3 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
3
  export declare function CheckIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=CheckIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAMjC,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAK3E"}
@@ -1,7 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
+ import { useCurrentTheme } from '../useExpoTheme';
4
+ const lightIcon = require('../../assets/check-icon-light.png');
3
5
  const icon = require('../../assets/check-icon.png');
4
6
  export function CheckIcon(props) {
5
- return React.createElement(Image, { source: icon, ...props });
7
+ const theme = useCurrentTheme();
8
+ const themedIcon = theme === 'dark' ? lightIcon : icon;
9
+ return React.createElement(Image, { source: themedIcon, ...props });
6
10
  }
7
11
  //# sourceMappingURL=CheckIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckIcon.js","sourceRoot":"","sources":["../../src/icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,KAAkD;IAC1E,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/check-icon.png');\n\nexport function CheckIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
1
+ {"version":3,"file":"CheckIcon.js","sourceRoot":"","sources":["../../src/icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,KAAkD;IAC1E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,UAAU,KAAM,KAAK,GAAI,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/check-icon-light.png');\nconst icon = require('../../assets/check-icon.png');\n\nexport function CheckIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
@@ -1,3 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
3
  export declare function ChevronRightIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=ChevronRightIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChevronRightIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ChevronRightIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAElF"}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function ClipboardIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=ClipboardIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClipboardIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ClipboardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAE/E"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ const icon = require('../../assets/clipboard-icon.png');
4
+ export function ClipboardIcon(props) {
5
+ return React.createElement(Image, { source: icon, ...props });
6
+ }
7
+ //# sourceMappingURL=ClipboardIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../src/icons/ClipboardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,iCAAiC,CAAC,CAAC;AAExD,MAAM,UAAU,aAAa,CAAC,KAAkD;IAC9E,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/clipboard-icon.png');\n\nexport function ClipboardIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function DebugIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=DebugIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DebugIcon.d.ts","sourceRoot":"","sources":["../../src/icons/DebugIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAE3E"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ const icon = require('../../assets/debug-icon.png');
4
+ export function DebugIcon(props) {
5
+ return React.createElement(Image, { source: icon, ...props });
6
+ }
7
+ //# sourceMappingURL=DebugIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DebugIcon.js","sourceRoot":"","sources":["../../src/icons/DebugIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,KAAkD;IAC1E,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/debug-icon.png');\n\nexport function DebugIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -1,3 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
3
  export declare function ExpoLogoIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=ExpoLogoIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpoLogoIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ExpoLogoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAE9E"}
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ declare type TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {
4
+ focused?: boolean;
5
+ };
6
+ export declare function ExtensionsFilledIcon(props: TabBarIconProps): JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=ExtensionsFilledIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExtensionsFilledIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ExtensionsFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAmBjC,aAAK,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,eAAe,eAK1D"}
@@ -0,0 +1,24 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ import { useCurrentTheme } from '../useExpoTheme';
4
+ const activeLightIcon = require('../../assets/extensions-filled-active-icon-light.png');
5
+ const activeIcon = require('../../assets/extensions-filled-active-icon.png');
6
+ const inactiveLightIcon = require('../../assets/extensions-filled-inactive-icon-light.png');
7
+ const inactiveIcon = require('../../assets/extensions-filled-inactive-icon.png');
8
+ const iconMap = {
9
+ light: {
10
+ active: activeIcon,
11
+ inactive: inactiveIcon,
12
+ },
13
+ dark: {
14
+ active: activeLightIcon,
15
+ inactive: inactiveLightIcon,
16
+ },
17
+ };
18
+ export function ExtensionsFilledIcon(props) {
19
+ const theme = useCurrentTheme();
20
+ const themedIcon = iconMap[theme];
21
+ const icon = props.focused ? themedIcon.active : themedIcon.inactive;
22
+ return React.createElement(Image, { source: icon, ...props });
23
+ }
24
+ //# sourceMappingURL=ExtensionsFilledIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExtensionsFilledIcon.js","sourceRoot":"","sources":["../../src/icons/ExtensionsFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,sDAAsD,CAAC,CAAC;AACxF,MAAM,UAAU,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAC7E,MAAM,iBAAiB,GAAG,OAAO,CAAC,wDAAwD,CAAC,CAAC;AAC5F,MAAM,YAAY,GAAG,OAAO,CAAC,kDAAkD,CAAC,CAAC;AAEjF,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,oBAAoB,CAAC,KAAsB;IACzD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst activeLightIcon = require('../../assets/extensions-filled-active-icon-light.png');\nconst activeIcon = require('../../assets/extensions-filled-active-icon.png');\nconst inactiveLightIcon = require('../../assets/extensions-filled-inactive-icon-light.png');\nconst inactiveIcon = require('../../assets/extensions-filled-inactive-icon.png');\n\nconst iconMap = {\n light: {\n active: activeIcon,\n inactive: inactiveIcon,\n },\n dark: {\n active: activeLightIcon,\n inactive: inactiveLightIcon,\n },\n};\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function ExtensionsFilledIcon(props: TabBarIconProps) {\n const theme = useCurrentTheme();\n const themedIcon = iconMap[theme];\n const icon = props.focused ? themedIcon.active : themedIcon.inactive;\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function ExtensionsIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=ExtensionsIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExtensionsIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ExtensionsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAMjC,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAKhF"}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ import { useCurrentTheme } from '../useExpoTheme';
4
+ const lightIcon = require('../../assets/extensions-icon-light.png');
5
+ const icon = require('../../assets/extensions-icon.png');
6
+ export function ExtensionsIcon(props) {
7
+ const theme = useCurrentTheme();
8
+ const themedIcon = theme === 'dark' ? lightIcon : icon;
9
+ return React.createElement(Image, { source: themedIcon, ...props });
10
+ }
11
+ //# sourceMappingURL=ExtensionsIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExtensionsIcon.js","sourceRoot":"","sources":["../../src/icons/ExtensionsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;AACpE,MAAM,IAAI,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAEzD,MAAM,UAAU,cAAc,CAAC,KAAkD;IAC/E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,UAAU,KAAM,KAAK,GAAI,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/extensions-icon-light.png');\nconst icon = require('../../assets/extensions-icon.png');\n\nexport function ExtensionsIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
@@ -5,3 +5,4 @@ declare type TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {
5
5
  };
6
6
  export declare function HomeFilledIcon(props: TabBarIconProps): JSX.Element;
7
7
  export {};
8
+ //# sourceMappingURL=HomeFilledIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HomeFilledIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HomeFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAmBjC,aAAK,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,eAKpD"}
@@ -1,9 +1,24 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
+ import { useCurrentTheme } from '../useExpoTheme';
4
+ const activeLightIcon = require('../../assets/home-filled-active-icon-light.png');
3
5
  const activeIcon = require('../../assets/home-filled-active-icon.png');
6
+ const inactiveLightIcon = require('../../assets/home-filled-inactive-icon-light.png');
4
7
  const inactiveIcon = require('../../assets/home-filled-inactive-icon.png');
8
+ const iconMap = {
9
+ light: {
10
+ active: activeIcon,
11
+ inactive: inactiveIcon,
12
+ },
13
+ dark: {
14
+ active: activeLightIcon,
15
+ inactive: inactiveLightIcon,
16
+ },
17
+ };
5
18
  export function HomeFilledIcon(props) {
6
- const icon = props.focused ? activeIcon : inactiveIcon;
19
+ const theme = useCurrentTheme();
20
+ const themedIcon = iconMap[theme];
21
+ const icon = props.focused ? themedIcon.active : themedIcon.inactive;
7
22
  return React.createElement(Image, { source: icon, ...props });
8
23
  }
9
24
  //# sourceMappingURL=HomeFilledIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HomeFilledIcon.js","sourceRoot":"","sources":["../../src/icons/HomeFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,OAAO,CAAC,0CAA0C,CAAC,CAAC;AACvE,MAAM,YAAY,GAAG,OAAO,CAAC,4CAA4C,CAAC,CAAC;AAM3E,MAAM,UAAU,cAAc,CAAC,KAAsB;IACnD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IACvD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst activeIcon = require('../../assets/home-filled-active-icon.png');\nconst inactiveIcon = require('../../assets/home-filled-inactive-icon.png');\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function HomeFilledIcon(props: TabBarIconProps) {\n const icon = props.focused ? activeIcon : inactiveIcon;\n return <Image source={icon} {...props} />;\n}\n"]}
1
+ {"version":3,"file":"HomeFilledIcon.js","sourceRoot":"","sources":["../../src/icons/HomeFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAClF,MAAM,UAAU,GAAG,OAAO,CAAC,0CAA0C,CAAC,CAAC;AACvE,MAAM,iBAAiB,GAAG,OAAO,CAAC,kDAAkD,CAAC,CAAC;AACtF,MAAM,YAAY,GAAG,OAAO,CAAC,4CAA4C,CAAC,CAAC;AAE3E,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,cAAc,CAAC,KAAsB;IACnD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst activeLightIcon = require('../../assets/home-filled-active-icon-light.png');\nconst activeIcon = require('../../assets/home-filled-active-icon.png');\nconst inactiveLightIcon = require('../../assets/home-filled-inactive-icon-light.png');\nconst inactiveIcon = require('../../assets/home-filled-inactive-icon.png');\n\nconst iconMap = {\n light: {\n active: activeIcon,\n inactive: inactiveIcon,\n },\n dark: {\n active: activeLightIcon,\n inactive: inactiveLightIcon,\n },\n};\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function HomeFilledIcon(props: TabBarIconProps) {\n const theme = useCurrentTheme();\n const themedIcon = iconMap[theme];\n const icon = props.focused ? themedIcon.active : themedIcon.inactive;\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -1,3 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
3
  export declare function InfoIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=InfoIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../src/icons/InfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAMjC,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAK1E"}
@@ -1,7 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
+ import { useCurrentTheme } from '../useExpoTheme';
4
+ const lightIcon = require('../../assets/info-icon-light.png');
3
5
  const icon = require('../../assets/info-icon.png');
4
6
  export function InfoIcon(props) {
5
- return React.createElement(Image, { source: icon, ...props });
7
+ const theme = useCurrentTheme();
8
+ const themedIcon = theme === 'dark' ? lightIcon : icon;
9
+ return React.createElement(Image, { source: themedIcon, ...props });
6
10
  }
7
11
  //# sourceMappingURL=InfoIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InfoIcon.js","sourceRoot":"","sources":["../../src/icons/InfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/info-icon.png');\n\nexport function InfoIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
1
+ {"version":3,"file":"InfoIcon.js","sourceRoot":"","sources":["../../src/icons/InfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,UAAU,KAAM,KAAK,GAAI,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/info-icon-light.png');\nconst icon = require('../../assets/info-icon.png');\n\nexport function InfoIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function InspectElementIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=InspectElementIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InspectElementIcon.d.ts","sourceRoot":"","sources":["../../src/icons/InspectElementIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAEpF"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ const icon = require('../../assets/inspect-element-icon.png');
4
+ export function InspectElementIcon(props) {
5
+ return React.createElement(Image, { source: icon, ...props });
6
+ }
7
+ //# sourceMappingURL=InspectElementIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InspectElementIcon.js","sourceRoot":"","sources":["../../src/icons/InspectElementIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AAE9D,MAAM,UAAU,kBAAkB,CAAC,KAAkD;IACnF,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/inspect-element-icon.png');\n\nexport function InspectElementIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function LoadingIndicatorIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=LoadingIndicatorIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoadingIndicatorIcon.d.ts","sourceRoot":"","sources":["../../src/icons/LoadingIndicatorIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAEtF"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ const icon = require('../../assets/loading-indicator-icon.png');
4
+ export function LoadingIndicatorIcon(props) {
5
+ return React.createElement(Image, { source: icon, ...props });
6
+ }
7
+ //# sourceMappingURL=LoadingIndicatorIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoadingIndicatorIcon.js","sourceRoot":"","sources":["../../src/icons/LoadingIndicatorIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,yCAAyC,CAAC,CAAC;AAEhE,MAAM,UAAU,oBAAoB,CAAC,KAAkD;IACrF,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/loading-indicator-icon.png');\n\nexport function LoadingIndicatorIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function PerformanceIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=PerformanceIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PerformanceIcon.d.ts","sourceRoot":"","sources":["../../src/icons/PerformanceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAEjF"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ const icon = require('../../assets/performance-icon.png');
4
+ export function PerformanceIcon(props) {
5
+ return React.createElement(Image, { source: icon, ...props });
6
+ }
7
+ //# sourceMappingURL=PerformanceIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PerformanceIcon.js","sourceRoot":"","sources":["../../src/icons/PerformanceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAE1D,MAAM,UAAU,eAAe,CAAC,KAAkD;IAChF,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/performance-icon.png');\n\nexport function PerformanceIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -1,3 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
3
  export declare function QuestionMarkIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=QuestionMarkIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QuestionMarkIcon.d.ts","sourceRoot":"","sources":["../../src/icons/QuestionMarkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAElF"}
@@ -1,3 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { Image } from '../Image';
3
3
  export declare function RefreshIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=RefreshIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RefreshIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RefreshIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAE7E"}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ export declare function RunIcon(props: Partial<React.ComponentProps<typeof Image>>): JSX.Element;
4
+ //# sourceMappingURL=RunIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RunIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,eAEzE"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { Image } from '../Image';
3
+ const icon = require('../../assets/run-icon.png');
4
+ export function RunIcon(props) {
5
+ return React.createElement(Image, { source: icon, ...props });
6
+ }
7
+ //# sourceMappingURL=RunIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RunIcon.js","sourceRoot":"","sources":["../../src/icons/RunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC;AAElD,MAAM,UAAU,OAAO,CAAC,KAAkD;IACxE,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/run-icon.png');\n\nexport function RunIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
@@ -5,3 +5,4 @@ declare type TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {
5
5
  };
6
6
  export declare function SettingsFilledIcon(props: TabBarIconProps): JSX.Element;
7
7
  export {};
8
+ //# sourceMappingURL=SettingsFilledIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsFilledIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SettingsFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAmBjC,aAAK,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,eAKxD"}