@jobber/components-native 0.75.3-POC-fixing-b57471f.136 → 0.75.3-POC-fixing-ffcd368.137

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 (353) hide show
  1. package/dist/package.json +4 -3
  2. package/dist/src/ActionItem/ActionItem.js +2 -1
  3. package/dist/src/ActionItem/ActionItem.style.js +23 -22
  4. package/dist/src/ActionItem/ActionItemGroup.js +2 -1
  5. package/dist/src/ActionItem/components/ActionItemContainer.js +4 -2
  6. package/dist/src/ActionItem/components/ActionItemContainer.style.js +12 -11
  7. package/dist/src/ActivityIndicator/ActivityIndicator.js +2 -1
  8. package/dist/src/AtlantisThemeContext/AtlantisThemeContext.js +32 -0
  9. package/dist/src/AtlantisThemeContext/buildThemedStyles.js +38 -0
  10. package/dist/src/AtlantisThemeContext/index.js +2 -0
  11. package/dist/src/AtlantisThemeContext/types.js +1 -0
  12. package/dist/src/AutoLink/AutoLink.js +2 -1
  13. package/dist/src/Banner/Banner.js +4 -3
  14. package/dist/src/Banner/Banner.style.js +34 -33
  15. package/dist/src/Banner/components/BannerIcon/BannerIcon.js +2 -1
  16. package/dist/src/Banner/components/BannerIcon/BannerIcon.style.js +17 -16
  17. package/dist/src/BottomSheet/BottomSheet.js +8 -7
  18. package/dist/src/BottomSheet/BottomSheet.style.js +27 -25
  19. package/dist/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.js +2 -1
  20. package/dist/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.styles.js +18 -17
  21. package/dist/src/Button/Button.js +13 -8
  22. package/dist/src/Button/Button.style.js +97 -95
  23. package/dist/src/ButtonGroup/ButtonGroup.js +2 -1
  24. package/dist/src/ButtonGroup/ButtonGroup.style.js +18 -17
  25. package/dist/src/Card/Card.js +4 -3
  26. package/dist/src/Card/Card.style.js +31 -30
  27. package/dist/src/Card/components/InternalCardHeader.js +2 -1
  28. package/dist/src/Card/components/InternalCardHeader.style.js +16 -15
  29. package/dist/src/Checkbox/Checkbox.js +4 -2
  30. package/dist/src/Checkbox/Checkbox.style.js +30 -29
  31. package/dist/src/Checkbox/CheckboxGroup.js +2 -1
  32. package/dist/src/Checkbox/CheckboxGroup.style.js +14 -13
  33. package/dist/src/Chip/Chip.js +6 -4
  34. package/dist/src/Chip/Chip.style.js +32 -31
  35. package/dist/src/Content/Content.js +14 -9
  36. package/dist/src/Content/ContentHorizontal.style.js +30 -29
  37. package/dist/src/Content/ContentSpaceAround.style.js +22 -21
  38. package/dist/src/Content/ContentVertical.style.js +30 -29
  39. package/dist/src/ContentOverlay/ContentOverlay.js +4 -2
  40. package/dist/src/ContentOverlay/ContentOverlay.style.js +55 -54
  41. package/dist/src/Disclosure/Disclosure.js +10 -7
  42. package/dist/src/Disclosure/Disclosure.style.js +21 -20
  43. package/dist/src/Divider/Divider.js +4 -2
  44. package/dist/src/Divider/DividerHorizontal.style.js +23 -22
  45. package/dist/src/Divider/DividerVertical.style.js +26 -25
  46. package/dist/src/EmptyState/EmptyState.js +2 -1
  47. package/dist/src/EmptyState/EmptyState.style.js +8 -7
  48. package/dist/src/ErrorMessageWrapper/ErrorMessageWrapper.js +6 -5
  49. package/dist/src/ErrorMessageWrapper/ErrorMessageWrapper.style.js +31 -30
  50. package/dist/src/Flex/Flex.styles.js +2 -2
  51. package/dist/src/Form/Form.js +2 -1
  52. package/dist/src/Form/Form.style.js +33 -32
  53. package/dist/src/Form/components/FormActionBar/FormActionBar.js +2 -1
  54. package/dist/src/Form/components/FormActionBar/FormActionBar.style.js +5 -4
  55. package/dist/src/Form/components/FormBody/FormBody.js +2 -1
  56. package/dist/src/Form/components/FormBody/FormBody.style.js +26 -25
  57. package/dist/src/Form/components/FormMask/FormMask.js +2 -1
  58. package/dist/src/Form/components/FormMask/FormMask.style.js +15 -14
  59. package/dist/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.js +2 -1
  60. package/dist/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.style.js +17 -16
  61. package/dist/src/FormatFile/FormatFile.js +2 -1
  62. package/dist/src/FormatFile/FormatFile.style.js +18 -15
  63. package/dist/src/FormatFile/components/ErrorIcon/ErrorIcon.js +2 -1
  64. package/dist/src/FormatFile/components/ErrorIcon/ErrorIcon.style.js +10 -9
  65. package/dist/src/FormatFile/components/FileView/FileView.js +2 -1
  66. package/dist/src/FormatFile/components/FileView/FileView.style.js +64 -63
  67. package/dist/src/FormatFile/components/MediaView/MediaView.js +8 -7
  68. package/dist/src/FormatFile/components/MediaView/MediaView.style.js +27 -26
  69. package/dist/src/FormatFile/components/ProgressBar/ProgressBar.js +2 -1
  70. package/dist/src/FormatFile/components/ProgressBar/ProgressBar.style.js +15 -14
  71. package/dist/src/Glimmer/Glimmer.js +6 -3
  72. package/dist/src/Glimmer/Glimmer.shape.style.js +16 -15
  73. package/dist/src/Glimmer/Glimmer.size.style.js +9 -8
  74. package/dist/src/Glimmer/Glimmer.style.js +21 -19
  75. package/dist/src/IconButton/IconButton.js +2 -1
  76. package/dist/src/IconButton/IconButton.style.js +10 -9
  77. package/dist/src/InputFieldWrapper/CommonInputStyles.style.js +47 -33
  78. package/dist/src/InputFieldWrapper/InputFieldWrapper.js +4 -2
  79. package/dist/src/InputFieldWrapper/InputFieldWrapper.style.js +121 -116
  80. package/dist/src/InputFieldWrapper/components/ClearAction/ClearAction.js +2 -1
  81. package/dist/src/InputFieldWrapper/components/ClearAction/ClearAction.style.js +25 -24
  82. package/dist/src/InputFieldWrapper/components/Prefix/Prefix.js +7 -3
  83. package/dist/src/InputFieldWrapper/components/Suffix/Suffix.js +7 -3
  84. package/dist/src/InputFieldWrapper/index.js +1 -1
  85. package/dist/src/InputPressable/InputPressable.js +4 -2
  86. package/dist/src/InputPressable/InputPressable.style.js +24 -22
  87. package/dist/src/InputText/InputText.js +4 -2
  88. package/dist/src/InputText/InputText.style.js +23 -22
  89. package/dist/src/InputText/context/InputAccessoriesProvider.js +2 -1
  90. package/dist/src/InputText/context/InputAccessoriesProvider.style.js +21 -19
  91. package/dist/src/Menu/Menu.js +6 -4
  92. package/dist/src/Menu/Menu.style.js +5 -4
  93. package/dist/src/Menu/components/MenuOption/MenuOption.js +4 -2
  94. package/dist/src/Menu/components/MenuOption/MenuOption.style.js +10 -9
  95. package/dist/src/Menu/components/Overlay/Overlay.js +2 -1
  96. package/dist/src/Menu/components/Overlay/Overlay.style.js +5 -3
  97. package/dist/src/Menu/utils.js +1 -2
  98. package/dist/src/ProgressBar/ProgressBar.js +6 -4
  99. package/dist/src/ProgressBar/ProgressBar.style.js +36 -35
  100. package/dist/src/ProgressBar/ProgressBarInner.js +2 -1
  101. package/dist/src/ProgressBar/ProgressBarStepped.js +7 -2
  102. package/dist/src/Select/Select.js +2 -1
  103. package/dist/src/Select/Select.style.js +48 -45
  104. package/dist/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.js +2 -1
  105. package/dist/src/Select/components/SelectPressable/SelectPressable.js +2 -1
  106. package/dist/src/Select/components/SelectPressable/SelectPressable.style.js +7 -6
  107. package/dist/src/StatusLabel/StatusLabel.js +6 -4
  108. package/dist/src/StatusLabel/StatusLabel.style.js +28 -28
  109. package/dist/src/Switch/Switch.js +2 -1
  110. package/dist/src/Switch/Switch.styles.js +20 -19
  111. package/dist/src/Switch/components/BaseSwitch/BaseSwitch.js +5 -4
  112. package/dist/src/Text/Text.js +2 -2
  113. package/dist/src/TextList/TextList.js +2 -1
  114. package/dist/src/TextList/TextList.style.js +16 -15
  115. package/dist/src/ThumbnailList/ThumbnailList.js +2 -1
  116. package/dist/src/ThumbnailList/ThumbnailList.style.js +49 -48
  117. package/dist/src/Toast/Toast.js +9 -6
  118. package/dist/src/Toast/Toast.styles.js +30 -29
  119. package/dist/src/Typography/Typography.js +18 -13
  120. package/dist/src/Typography/Typography.style.js +16 -21
  121. package/dist/src/Typography/index.js +1 -0
  122. package/dist/src/index.js +1 -0
  123. package/dist/src/utils/design/index.js +5 -0
  124. package/dist/src/utils/meta/meta.json +1 -0
  125. package/dist/tsconfig.tsbuildinfo +1 -1
  126. package/dist/types/src/ActionItem/ActionItem.style.d.ts +1 -1
  127. package/dist/types/src/ActionItem/components/ActionItemContainer.style.d.ts +1 -1
  128. package/dist/types/src/AtlantisThemeContext/AtlantisThemeContext.d.ts +4 -0
  129. package/dist/types/src/AtlantisThemeContext/buildThemedStyles.d.ts +32 -0
  130. package/dist/types/src/AtlantisThemeContext/index.d.ts +3 -0
  131. package/dist/types/src/AtlantisThemeContext/types.d.ts +27 -0
  132. package/dist/types/src/Banner/Banner.style.d.ts +1 -1
  133. package/dist/types/src/Banner/components/BannerIcon/BannerIcon.style.d.ts +1 -1
  134. package/dist/types/src/BottomSheet/BottomSheet.style.d.ts +1 -1
  135. package/dist/types/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.styles.d.ts +1 -1
  136. package/dist/types/src/Button/Button.d.ts +14 -1
  137. package/dist/types/src/Button/Button.style.d.ts +1 -1
  138. package/dist/types/src/ButtonGroup/ButtonGroup.style.d.ts +1 -1
  139. package/dist/types/src/Card/Card.style.d.ts +1 -1
  140. package/dist/types/src/Card/components/InternalCardHeader.style.d.ts +1 -1
  141. package/dist/types/src/Checkbox/Checkbox.style.d.ts +1 -1
  142. package/dist/types/src/Checkbox/CheckboxGroup.style.d.ts +1 -1
  143. package/dist/types/src/Chip/Chip.style.d.ts +1 -1
  144. package/dist/types/src/Content/Content.d.ts +12 -1
  145. package/dist/types/src/Content/ContentHorizontal.style.d.ts +1 -1
  146. package/dist/types/src/Content/ContentSpaceAround.style.d.ts +1 -1
  147. package/dist/types/src/Content/ContentVertical.style.d.ts +1 -1
  148. package/dist/types/src/ContentOverlay/ContentOverlay.style.d.ts +1 -1
  149. package/dist/types/src/Disclosure/Disclosure.style.d.ts +1 -1
  150. package/dist/types/src/Divider/DividerHorizontal.style.d.ts +1 -1
  151. package/dist/types/src/Divider/DividerVertical.style.d.ts +1 -1
  152. package/dist/types/src/EmptyState/EmptyState.style.d.ts +1 -1
  153. package/dist/types/src/ErrorMessageWrapper/ErrorMessageWrapper.style.d.ts +1 -1
  154. package/dist/types/src/Flex/Flex.styles.d.ts +1 -1
  155. package/dist/types/src/Form/Form.style.d.ts +1 -1
  156. package/dist/types/src/Form/components/FormActionBar/FormActionBar.style.d.ts +1 -1
  157. package/dist/types/src/Form/components/FormBody/FormBody.style.d.ts +1 -1
  158. package/dist/types/src/Form/components/FormMask/FormMask.style.d.ts +1 -1
  159. package/dist/types/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.style.d.ts +1 -1
  160. package/dist/types/src/FormatFile/FormatFile.style.d.ts +2 -1
  161. package/dist/types/src/FormatFile/components/ErrorIcon/ErrorIcon.style.d.ts +1 -1
  162. package/dist/types/src/FormatFile/components/FileView/FileView.style.d.ts +1 -1
  163. package/dist/types/src/FormatFile/components/MediaView/MediaView.style.d.ts +1 -1
  164. package/dist/types/src/FormatFile/components/ProgressBar/ProgressBar.style.d.ts +1 -1
  165. package/dist/types/src/Glimmer/Glimmer.d.ts +6 -5
  166. package/dist/types/src/Glimmer/Glimmer.shape.style.d.ts +1 -1
  167. package/dist/types/src/Glimmer/Glimmer.size.style.d.ts +1 -1
  168. package/dist/types/src/Glimmer/Glimmer.style.d.ts +1 -1
  169. package/dist/types/src/IconButton/IconButton.style.d.ts +1 -1
  170. package/dist/types/src/InputFieldWrapper/CommonInputStyles.style.d.ts +10 -32
  171. package/dist/types/src/InputFieldWrapper/InputFieldWrapper.style.d.ts +2 -16
  172. package/dist/types/src/InputFieldWrapper/components/ClearAction/ClearAction.style.d.ts +1 -1
  173. package/dist/types/src/InputFieldWrapper/index.d.ts +1 -1
  174. package/dist/types/src/InputPressable/InputPressable.d.ts +12 -4
  175. package/dist/types/src/InputPressable/InputPressable.style.d.ts +1 -1
  176. package/dist/types/src/InputText/InputText.style.d.ts +1 -1
  177. package/dist/types/src/InputText/context/InputAccessoriesProvider.style.d.ts +1 -1
  178. package/dist/types/src/Menu/Menu.style.d.ts +1 -1
  179. package/dist/types/src/Menu/components/MenuOption/MenuOption.style.d.ts +1 -1
  180. package/dist/types/src/Menu/components/Overlay/Overlay.style.d.ts +1 -1
  181. package/dist/types/src/Menu/utils.d.ts +2 -1
  182. package/dist/types/src/ProgressBar/ProgressBar.style.d.ts +1 -1
  183. package/dist/types/src/ProgressBar/ProgressBarStepped.d.ts +2 -1
  184. package/dist/types/src/Select/Select.style.d.ts +3 -38
  185. package/dist/types/src/Select/components/SelectPressable/SelectPressable.style.d.ts +1 -1
  186. package/dist/types/src/StatusLabel/StatusLabel.style.d.ts +1 -1
  187. package/dist/types/src/Switch/Switch.styles.d.ts +1 -1
  188. package/dist/types/src/Text/Text.d.ts +9 -3
  189. package/dist/types/src/TextList/TextList.style.d.ts +1 -1
  190. package/dist/types/src/ThumbnailList/ThumbnailList.style.d.ts +1 -1
  191. package/dist/types/src/ThumbnailList/types.d.ts +1 -1
  192. package/dist/types/src/Toast/Toast.styles.d.ts +1 -1
  193. package/dist/types/src/Typography/Typography.d.ts +6 -2
  194. package/dist/types/src/Typography/Typography.style.d.ts +7 -11
  195. package/dist/types/src/Typography/index.d.ts +1 -0
  196. package/dist/types/src/index.d.ts +1 -0
  197. package/dist/types/src/utils/design/index.d.ts +5 -0
  198. package/jestSetup.js +2 -1
  199. package/package.json +4 -3
  200. package/src/ActionItem/ActionItem.style.ts +23 -22
  201. package/src/ActionItem/ActionItem.tsx +3 -1
  202. package/src/ActionItem/ActionItemGroup.tsx +2 -1
  203. package/src/ActionItem/components/ActionItemContainer.style.ts +12 -11
  204. package/src/ActionItem/components/ActionItemContainer.tsx +5 -2
  205. package/src/ActivityIndicator/ActivityIndicator.tsx +3 -1
  206. package/src/AtlantisThemeContext/AtlantisThemeContext.test.tsx +106 -0
  207. package/src/AtlantisThemeContext/AtlantisThemeContext.tsx +56 -0
  208. package/src/AtlantisThemeContext/buildThemedStyles.test.tsx +57 -0
  209. package/src/AtlantisThemeContext/buildThemedStyles.ts +43 -0
  210. package/src/AtlantisThemeContext/index.ts +10 -0
  211. package/src/AtlantisThemeContext/types.ts +33 -0
  212. package/src/AutoLink/AutoLink.tsx +2 -1
  213. package/src/Banner/Banner.style.ts +34 -33
  214. package/src/Banner/Banner.tsx +6 -2
  215. package/src/Banner/components/BannerIcon/BannerIcon.style.ts +17 -16
  216. package/src/Banner/components/BannerIcon/BannerIcon.tsx +3 -1
  217. package/src/BottomSheet/BottomSheet.style.ts +32 -29
  218. package/src/BottomSheet/BottomSheet.tsx +21 -5
  219. package/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.styles.ts +18 -17
  220. package/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.tsx +2 -1
  221. package/src/Button/Button.style.ts +119 -120
  222. package/src/Button/Button.test.tsx +88 -1
  223. package/src/Button/Button.tsx +38 -7
  224. package/src/ButtonGroup/ButtonGroup.style.ts +18 -17
  225. package/src/ButtonGroup/ButtonGroup.tsx +2 -1
  226. package/src/Card/Card.style.ts +46 -45
  227. package/src/Card/Card.tsx +8 -3
  228. package/src/Card/components/InternalCardHeader.style.ts +16 -15
  229. package/src/Card/components/InternalCardHeader.tsx +3 -1
  230. package/src/Checkbox/Checkbox.style.ts +30 -29
  231. package/src/Checkbox/Checkbox.tsx +6 -2
  232. package/src/Checkbox/CheckboxGroup.style.ts +14 -13
  233. package/src/Checkbox/CheckboxGroup.tsx +3 -1
  234. package/src/Chip/Chip.style.ts +32 -31
  235. package/src/Chip/Chip.test.tsx +1 -1
  236. package/src/Chip/Chip.tsx +7 -5
  237. package/src/Content/Content.test.tsx +93 -5
  238. package/src/Content/Content.tsx +33 -9
  239. package/src/Content/ContentHorizontal.style.ts +38 -37
  240. package/src/Content/ContentSpaceAround.style.ts +22 -21
  241. package/src/Content/ContentVertical.style.ts +38 -37
  242. package/src/ContentOverlay/ContentOverlay.style.ts +57 -56
  243. package/src/ContentOverlay/ContentOverlay.tsx +5 -2
  244. package/src/Disclosure/Disclosure.style.ts +21 -20
  245. package/src/Disclosure/Disclosure.test.tsx +102 -44
  246. package/src/Disclosure/Disclosure.tsx +18 -7
  247. package/src/Divider/Divider.test.tsx +11 -3
  248. package/src/Divider/Divider.tsx +5 -2
  249. package/src/Divider/DividerHorizontal.style.ts +23 -22
  250. package/src/Divider/DividerVertical.style.ts +26 -25
  251. package/src/EmptyState/EmptyState.style.ts +8 -7
  252. package/src/EmptyState/EmptyState.tsx +3 -1
  253. package/src/ErrorMessageWrapper/ErrorMessageWrapper.style.ts +31 -30
  254. package/src/ErrorMessageWrapper/ErrorMessageWrapper.tsx +7 -6
  255. package/src/Flex/Flex.styles.tsx +2 -2
  256. package/src/Form/Form.style.ts +33 -32
  257. package/src/Form/Form.test.tsx +1 -1
  258. package/src/Form/Form.tsx +3 -1
  259. package/src/Form/components/FormActionBar/FormActionBar.style.ts +10 -9
  260. package/src/Form/components/FormActionBar/FormActionBar.tsx +3 -1
  261. package/src/Form/components/FormBody/FormBody.style.ts +26 -25
  262. package/src/Form/components/FormBody/FormBody.tsx +2 -1
  263. package/src/Form/components/FormMask/FormMask.style.tsx +15 -14
  264. package/src/Form/components/FormMask/FormMask.tsx +2 -1
  265. package/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.style.ts +17 -16
  266. package/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.tsx +2 -1
  267. package/src/FormatFile/FormatFile.style.ts +18 -15
  268. package/src/FormatFile/FormatFile.tsx +3 -1
  269. package/src/FormatFile/components/ErrorIcon/ErrorIcon.style.ts +10 -9
  270. package/src/FormatFile/components/ErrorIcon/ErrorIcon.tsx +3 -1
  271. package/src/FormatFile/components/FileView/FileView.style.ts +64 -63
  272. package/src/FormatFile/components/FileView/FileView.tsx +3 -1
  273. package/src/FormatFile/components/MediaView/MediaView.style.ts +27 -26
  274. package/src/FormatFile/components/MediaView/MediaView.tsx +15 -3
  275. package/src/FormatFile/components/ProgressBar/ProgressBar.style.tsx +15 -14
  276. package/src/FormatFile/components/ProgressBar/ProgressBar.tsx +3 -1
  277. package/src/Glimmer/Glimmer.shape.style.ts +16 -15
  278. package/src/Glimmer/Glimmer.size.style.ts +9 -8
  279. package/src/Glimmer/Glimmer.style.ts +21 -19
  280. package/src/Glimmer/Glimmer.test.tsx +16 -5
  281. package/src/Glimmer/Glimmer.tsx +9 -5
  282. package/src/Heading/__snapshots__/Heading.test.tsx.snap +1 -1
  283. package/src/IconButton/IconButton.style.ts +10 -9
  284. package/src/IconButton/IconButton.tsx +3 -1
  285. package/src/InputFieldWrapper/CommonInputStyles.style.ts +65 -38
  286. package/src/InputFieldWrapper/InputFieldWrapper.style.ts +144 -138
  287. package/src/InputFieldWrapper/InputFieldWrapper.test.tsx +24 -5
  288. package/src/InputFieldWrapper/InputFieldWrapper.tsx +5 -2
  289. package/src/InputFieldWrapper/components/ClearAction/ClearAction.style.ts +25 -24
  290. package/src/InputFieldWrapper/components/ClearAction/ClearAction.tsx +2 -1
  291. package/src/InputFieldWrapper/components/Prefix/Prefix.test.tsx +14 -3
  292. package/src/InputFieldWrapper/components/Prefix/Prefix.tsx +9 -3
  293. package/src/InputFieldWrapper/components/Suffix/Suffix.test.tsx +9 -2
  294. package/src/InputFieldWrapper/components/Suffix/Suffix.tsx +9 -3
  295. package/src/InputFieldWrapper/index.ts +4 -1
  296. package/src/InputPressable/InputPressable.style.ts +26 -23
  297. package/src/InputPressable/InputPressable.tsx +19 -6
  298. package/src/InputText/InputText.style.ts +26 -24
  299. package/src/InputText/InputText.test.tsx +11 -1
  300. package/src/InputText/InputText.tsx +5 -2
  301. package/src/InputText/context/InputAccessoriesProvider.style.tsx +21 -19
  302. package/src/InputText/context/InputAccessoriesProvider.tsx +3 -1
  303. package/src/Menu/Menu.style.ts +13 -12
  304. package/src/Menu/Menu.test.tsx +1 -1
  305. package/src/Menu/Menu.tsx +9 -4
  306. package/src/Menu/components/MenuOption/MenuOption.style.tsx +10 -9
  307. package/src/Menu/components/MenuOption/MenuOption.tsx +4 -2
  308. package/src/Menu/components/Overlay/Overlay.style.ts +10 -8
  309. package/src/Menu/components/Overlay/Overlay.tsx +3 -1
  310. package/src/Menu/utils.ts +2 -1
  311. package/src/ProgressBar/ProgressBar.style.ts +36 -35
  312. package/src/ProgressBar/ProgressBar.test.tsx +6 -20
  313. package/src/ProgressBar/ProgressBar.tsx +8 -4
  314. package/src/ProgressBar/ProgressBarInner.tsx +2 -1
  315. package/src/ProgressBar/ProgressBarStepped.tsx +10 -2
  316. package/src/ProgressBar/__snapshots__/ProgressBar.test.tsx.snap +2 -2
  317. package/src/Select/Select.style.ts +52 -48
  318. package/src/Select/Select.tsx +2 -1
  319. package/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.tsx +2 -1
  320. package/src/Select/components/SelectPressable/SelectPressable.style.ts +7 -6
  321. package/src/Select/components/SelectPressable/SelectPressable.tsx +2 -2
  322. package/src/StatusLabel/StatusLabel.style.ts +29 -29
  323. package/src/StatusLabel/StatusLabel.tsx +9 -4
  324. package/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap +7 -7
  325. package/src/Switch/Switch.styles.ts +20 -19
  326. package/src/Switch/Switch.tsx +2 -1
  327. package/src/Switch/components/BaseSwitch/BaseSwitch.test.tsx +75 -50
  328. package/src/Switch/components/BaseSwitch/BaseSwitch.tsx +6 -4
  329. package/src/Text/Text.test.tsx +20 -0
  330. package/src/Text/Text.tsx +11 -1
  331. package/src/Text/__snapshots__/Text.test.tsx.snap +2 -2
  332. package/src/TextList/TextList.style.ts +16 -15
  333. package/src/TextList/TextList.tsx +3 -1
  334. package/src/TextList/__snapshots__/TextList.test.tsx.snap +3 -0
  335. package/src/ThumbnailList/ThumbnailList.style.ts +49 -48
  336. package/src/ThumbnailList/ThumbnailList.tsx +2 -1
  337. package/src/ThumbnailList/__snapshots__/ThumbnailList.test.tsx.snap +1 -0
  338. package/src/ThumbnailList/types.ts +1 -1
  339. package/src/Toast/Toast.styles.ts +30 -29
  340. package/src/Toast/Toast.tsx +10 -6
  341. package/src/Typography/Typography.style.ts +26 -23
  342. package/src/Typography/Typography.test.tsx +14 -0
  343. package/src/Typography/Typography.tsx +34 -10
  344. package/src/Typography/__snapshots__/Typography.test.tsx.snap +29 -29
  345. package/src/Typography/index.ts +1 -0
  346. package/src/index.ts +1 -0
  347. package/src/utils/design/index.ts +5 -0
  348. package/src/utils/meta/meta.json +1 -0
  349. package/dist/src/InputText/context/InputAccessory.style.js +0 -16
  350. package/dist/types/src/InputText/context/InputAccessory.style.d.ts +0 -14
  351. package/src/Disclosure/__snapshots__/Disclosure.test.tsx.snap +0 -482
  352. package/src/InputText/context/InputAccessory.style.ts +0 -17
  353. package/src/Switch/components/BaseSwitch/__snapshots__/BaseSwitch.test.tsx.snap +0 -217
@@ -1,482 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders a Disclosure with a header and a content when open is true 1`] = `
4
- <View
5
- style={
6
- {
7
- "width": "100%",
8
- }
9
- }
10
- >
11
- <View
12
- accessibilityState={
13
- {
14
- "busy": undefined,
15
- "checked": undefined,
16
- "disabled": false,
17
- "expanded": undefined,
18
- "selected": undefined,
19
- }
20
- }
21
- accessibilityValue={
22
- {
23
- "max": undefined,
24
- "min": undefined,
25
- "now": undefined,
26
- "text": undefined,
27
- }
28
- }
29
- accessible={true}
30
- collapsable={false}
31
- focusable={true}
32
- onClick={[Function]}
33
- onResponderGrant={[Function]}
34
- onResponderMove={[Function]}
35
- onResponderRelease={[Function]}
36
- onResponderTerminate={[Function]}
37
- onResponderTerminationRequest={[Function]}
38
- onStartShouldSetResponder={[Function]}
39
- style={
40
- {
41
- "opacity": 1,
42
- }
43
- }
44
- >
45
- <View
46
- style={
47
- {
48
- "alignItems": "flex-start",
49
- "flexDirection": "row",
50
- "justifyContent": "space-between",
51
- }
52
- }
53
- >
54
- <Text
55
- accessibilityRole="text"
56
- adjustsFontSizeToFit={false}
57
- allowFontScaling={true}
58
- collapsable={false}
59
- maxFontSizeMultiplier={3.125}
60
- selectable={true}
61
- selectionColor="hsl(86, 100%, 46%)"
62
- style={
63
- [
64
- {
65
- "fontFamily": "inter-regular",
66
- },
67
- {
68
- "color": "hsl(198, 35%, 21%)",
69
- },
70
- {
71
- "textAlign": "left",
72
- },
73
- {
74
- "fontSize": 16,
75
- "lineHeight": 20,
76
- },
77
- {
78
- "letterSpacing": 0,
79
- },
80
- ]
81
- }
82
- >
83
- This is the header
84
- </Text>
85
- <View
86
- style={
87
- [
88
- {
89
- "transform": [
90
- {
91
- "rotateZ": "0deg",
92
- },
93
- ],
94
- },
95
- ]
96
- }
97
- >
98
- <SVGMock
99
- style={
100
- {
101
- "display": "flex",
102
- "fill": "hsl(0, 0%, 72%)",
103
- "height": 24,
104
- "verticalAlign": "middle",
105
- "width": 24,
106
- }
107
- }
108
- testID="arrowUp"
109
- viewBox="0 0 24 24"
110
- >
111
- <Path
112
- d="M16.297 14.709a.996.996 0 0 0 1.41-.001.994.994 0 0 0 0-1.41l-5-5.005a.998.998 0 0 0-1.415 0l-5 5a.994.994 0 0 0 0 1.41.996.996 0 0 0 1.411.001L12 10.416l4.297 4.293Z"
113
- fill="hsl(0, 0%, 72%)"
114
- />
115
- </SVGMock>
116
- </View>
117
- </View>
118
- </View>
119
- <RCTScrollView
120
- collapsable={false}
121
- scrollEnabled={false}
122
- scrollEventThrottle={0.0001}
123
- showsHorizontalScrollIndicator={false}
124
- showsVerticalScrollIndicator={false}
125
- style={
126
- {
127
- "height": 100,
128
- "paddingTop": 8,
129
- }
130
- }
131
- >
132
- <View>
133
- <View
134
- onLayout={[Function]}
135
- testID="content"
136
- >
137
- <Text
138
- accessibilityRole="text"
139
- adjustsFontSizeToFit={false}
140
- allowFontScaling={true}
141
- collapsable={false}
142
- maxFontSizeMultiplier={3.125}
143
- selectable={true}
144
- selectionColor="hsl(86, 100%, 46%)"
145
- style={
146
- [
147
- {
148
- "fontFamily": "inter-regular",
149
- },
150
- {
151
- "color": "hsl(198, 35%, 21%)",
152
- },
153
- {
154
- "textAlign": "left",
155
- },
156
- {
157
- "fontSize": 16,
158
- "lineHeight": 20,
159
- },
160
- {
161
- "letterSpacing": 0,
162
- },
163
- ]
164
- }
165
- >
166
- This is the content
167
- </Text>
168
- </View>
169
- </View>
170
- </RCTScrollView>
171
- </View>
172
- `;
173
-
174
- exports[`renders a Disclosure with a header and with a content of size 0 when closed is false 1`] = `
175
- <View
176
- style={
177
- {
178
- "width": "100%",
179
- }
180
- }
181
- >
182
- <View
183
- accessibilityState={
184
- {
185
- "busy": undefined,
186
- "checked": undefined,
187
- "disabled": false,
188
- "expanded": undefined,
189
- "selected": undefined,
190
- }
191
- }
192
- accessibilityValue={
193
- {
194
- "max": undefined,
195
- "min": undefined,
196
- "now": undefined,
197
- "text": undefined,
198
- }
199
- }
200
- accessible={true}
201
- collapsable={false}
202
- focusable={true}
203
- onClick={[Function]}
204
- onResponderGrant={[Function]}
205
- onResponderMove={[Function]}
206
- onResponderRelease={[Function]}
207
- onResponderTerminate={[Function]}
208
- onResponderTerminationRequest={[Function]}
209
- onStartShouldSetResponder={[Function]}
210
- style={
211
- {
212
- "opacity": 1,
213
- }
214
- }
215
- >
216
- <View
217
- style={
218
- {
219
- "alignItems": "flex-start",
220
- "flexDirection": "row",
221
- "justifyContent": "space-between",
222
- }
223
- }
224
- >
225
- <Text
226
- accessibilityRole="text"
227
- adjustsFontSizeToFit={false}
228
- allowFontScaling={true}
229
- collapsable={false}
230
- maxFontSizeMultiplier={3.125}
231
- selectable={true}
232
- selectionColor="hsl(86, 100%, 46%)"
233
- style={
234
- [
235
- {
236
- "fontFamily": "inter-regular",
237
- },
238
- {
239
- "color": "hsl(198, 35%, 21%)",
240
- },
241
- {
242
- "textAlign": "left",
243
- },
244
- {
245
- "fontSize": 16,
246
- "lineHeight": 20,
247
- },
248
- {
249
- "letterSpacing": 0,
250
- },
251
- ]
252
- }
253
- >
254
- This is the header
255
- </Text>
256
- <View
257
- style={
258
- [
259
- {
260
- "transform": [
261
- {
262
- "rotateZ": "-180deg",
263
- },
264
- ],
265
- },
266
- ]
267
- }
268
- >
269
- <SVGMock
270
- style={
271
- {
272
- "display": "flex",
273
- "fill": "hsl(0, 0%, 72%)",
274
- "height": 24,
275
- "verticalAlign": "middle",
276
- "width": 24,
277
- }
278
- }
279
- testID="arrowUp"
280
- viewBox="0 0 24 24"
281
- >
282
- <Path
283
- d="M16.297 14.709a.996.996 0 0 0 1.41-.001.994.994 0 0 0 0-1.41l-5-5.005a.998.998 0 0 0-1.415 0l-5 5a.994.994 0 0 0 0 1.41.996.996 0 0 0 1.411.001L12 10.416l4.297 4.293Z"
284
- fill="hsl(0, 0%, 72%)"
285
- />
286
- </SVGMock>
287
- </View>
288
- </View>
289
- </View>
290
- <RCTScrollView
291
- collapsable={false}
292
- scrollEnabled={false}
293
- scrollEventThrottle={0.0001}
294
- showsHorizontalScrollIndicator={false}
295
- showsVerticalScrollIndicator={false}
296
- style={
297
- {
298
- "height": 0,
299
- "paddingTop": 8,
300
- }
301
- }
302
- >
303
- <View>
304
- <View
305
- onLayout={[Function]}
306
- testID="content"
307
- >
308
- <Text
309
- accessibilityRole="text"
310
- adjustsFontSizeToFit={false}
311
- allowFontScaling={true}
312
- collapsable={false}
313
- maxFontSizeMultiplier={3.125}
314
- selectable={true}
315
- selectionColor="hsl(86, 100%, 46%)"
316
- style={
317
- [
318
- {
319
- "fontFamily": "inter-regular",
320
- },
321
- {
322
- "color": "hsl(198, 35%, 21%)",
323
- },
324
- {
325
- "textAlign": "left",
326
- },
327
- {
328
- "fontSize": 16,
329
- "lineHeight": 20,
330
- },
331
- {
332
- "letterSpacing": 0,
333
- },
334
- ]
335
- }
336
- >
337
- This is the content
338
- </Text>
339
- </View>
340
- </View>
341
- </RCTScrollView>
342
- </View>
343
- `;
344
-
345
- exports[`should not render the caret when the Disclosure is empty 1`] = `
346
- <View
347
- style={
348
- {
349
- "width": "100%",
350
- }
351
- }
352
- >
353
- <View
354
- accessibilityState={
355
- {
356
- "busy": undefined,
357
- "checked": undefined,
358
- "disabled": true,
359
- "expanded": undefined,
360
- "selected": undefined,
361
- }
362
- }
363
- accessibilityValue={
364
- {
365
- "max": undefined,
366
- "min": undefined,
367
- "now": undefined,
368
- "text": undefined,
369
- }
370
- }
371
- accessible={true}
372
- collapsable={false}
373
- focusable={true}
374
- onClick={[Function]}
375
- onResponderGrant={[Function]}
376
- onResponderMove={[Function]}
377
- onResponderRelease={[Function]}
378
- onResponderTerminate={[Function]}
379
- onResponderTerminationRequest={[Function]}
380
- onStartShouldSetResponder={[Function]}
381
- style={
382
- {
383
- "opacity": 1,
384
- }
385
- }
386
- >
387
- <View
388
- style={
389
- {
390
- "alignItems": "flex-start",
391
- "flexDirection": "row",
392
- "justifyContent": "space-between",
393
- }
394
- }
395
- >
396
- <Text
397
- accessibilityRole="text"
398
- adjustsFontSizeToFit={false}
399
- allowFontScaling={true}
400
- collapsable={false}
401
- maxFontSizeMultiplier={3.125}
402
- selectable={true}
403
- selectionColor="hsl(86, 100%, 46%)"
404
- style={
405
- [
406
- {
407
- "fontFamily": "inter-regular",
408
- },
409
- {
410
- "color": "hsl(198, 35%, 21%)",
411
- },
412
- {
413
- "textAlign": "left",
414
- },
415
- {
416
- "fontSize": 16,
417
- "lineHeight": 20,
418
- },
419
- {
420
- "letterSpacing": 0,
421
- },
422
- ]
423
- }
424
- >
425
- This is the header
426
- </Text>
427
- </View>
428
- </View>
429
- <RCTScrollView
430
- collapsable={false}
431
- scrollEnabled={false}
432
- scrollEventThrottle={0.0001}
433
- showsHorizontalScrollIndicator={false}
434
- showsVerticalScrollIndicator={false}
435
- style={
436
- {
437
- "height": 0,
438
- "paddingTop": 8,
439
- }
440
- }
441
- >
442
- <View>
443
- <View
444
- onLayout={[Function]}
445
- testID="content"
446
- >
447
- <Text
448
- accessibilityRole="text"
449
- adjustsFontSizeToFit={false}
450
- allowFontScaling={true}
451
- collapsable={false}
452
- maxFontSizeMultiplier={3.125}
453
- selectable={true}
454
- selectionColor="hsl(86, 100%, 46%)"
455
- style={
456
- [
457
- {
458
- "fontFamily": "inter-regular",
459
- },
460
- {
461
- "color": "hsl(198, 35%, 21%)",
462
- },
463
- {
464
- "textAlign": "left",
465
- },
466
- {
467
- "fontSize": 16,
468
- "lineHeight": 20,
469
- },
470
- {
471
- "letterSpacing": 0,
472
- },
473
- ]
474
- }
475
- >
476
- This is the content
477
- </Text>
478
- </View>
479
- </View>
480
- </RCTScrollView>
481
- </View>
482
- `;
@@ -1,17 +0,0 @@
1
- import { StyleSheet } from "react-native";
2
- import { tokens } from "../../utils/design";
3
-
4
- export const styles = StyleSheet.create({
5
- container: {
6
- flexDirection: "row",
7
- justifyContent: "space-between",
8
- alignItems: "center",
9
- paddingHorizontal: tokens["space-small"],
10
- backgroundColor: tokens["color-surface--background"],
11
- borderTopWidth: tokens["space-minuscule"],
12
- borderTopColor: tokens["color-border"],
13
- },
14
- buttonContainer: {
15
- flexDirection: "row",
16
- },
17
- });
@@ -1,217 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders a Switch with defaultValue false 1`] = `
4
- <RCTSwitch
5
- accessibilityRole="switch"
6
- accessibilityState={
7
- {
8
- "checked": false,
9
- "disabled": false,
10
- }
11
- }
12
- collapsable={false}
13
- disabled={false}
14
- handlerTag={4}
15
- handlerType="NativeViewGestureHandler"
16
- onChange={[Function]}
17
- onGestureHandlerEvent={[Function]}
18
- onGestureHandlerStateChange={[Function]}
19
- onResponderTerminationRequest={[Function]}
20
- onStartShouldSetResponder={[Function]}
21
- onTintColor="hsl(107, 58%, 33%)"
22
- style={
23
- [
24
- {
25
- "height": 31,
26
- "width": 51,
27
- },
28
- {
29
- "backgroundColor": "hsl(53, 21%, 93%)",
30
- "borderRadius": 16,
31
- },
32
- ]
33
- }
34
- tintColor="hsl(53, 21%, 93%)"
35
- value={false}
36
- />
37
- `;
38
-
39
- exports[`renders a Switch with defaultValue true 1`] = `
40
- <RCTSwitch
41
- accessibilityRole="switch"
42
- accessibilityState={
43
- {
44
- "checked": true,
45
- "disabled": false,
46
- }
47
- }
48
- collapsable={false}
49
- disabled={false}
50
- handlerTag={2}
51
- handlerType="NativeViewGestureHandler"
52
- onChange={[Function]}
53
- onGestureHandlerEvent={[Function]}
54
- onGestureHandlerStateChange={[Function]}
55
- onResponderTerminationRequest={[Function]}
56
- onStartShouldSetResponder={[Function]}
57
- onTintColor="hsl(107, 58%, 33%)"
58
- style={
59
- [
60
- {
61
- "height": 31,
62
- "width": 51,
63
- },
64
- {
65
- "backgroundColor": "hsl(53, 21%, 93%)",
66
- "borderRadius": 16,
67
- },
68
- ]
69
- }
70
- tintColor="hsl(53, 21%, 93%)"
71
- value={true}
72
- />
73
- `;
74
-
75
- exports[`renders a Switch with value false 1`] = `
76
- <RCTSwitch
77
- accessibilityRole="switch"
78
- accessibilityState={
79
- {
80
- "checked": false,
81
- "disabled": false,
82
- }
83
- }
84
- collapsable={false}
85
- disabled={false}
86
- handlerTag={3}
87
- handlerType="NativeViewGestureHandler"
88
- onChange={[Function]}
89
- onGestureHandlerEvent={[Function]}
90
- onGestureHandlerStateChange={[Function]}
91
- onResponderTerminationRequest={[Function]}
92
- onStartShouldSetResponder={[Function]}
93
- onTintColor="hsl(107, 58%, 33%)"
94
- style={
95
- [
96
- {
97
- "height": 31,
98
- "width": 51,
99
- },
100
- {
101
- "backgroundColor": "hsl(53, 21%, 93%)",
102
- "borderRadius": 16,
103
- },
104
- ]
105
- }
106
- tintColor="hsl(53, 21%, 93%)"
107
- value={false}
108
- />
109
- `;
110
-
111
- exports[`renders a Switch with value true 1`] = `
112
- <RCTSwitch
113
- accessibilityRole="switch"
114
- accessibilityState={
115
- {
116
- "checked": true,
117
- "disabled": false,
118
- }
119
- }
120
- collapsable={false}
121
- disabled={false}
122
- handlerTag={1}
123
- handlerType="NativeViewGestureHandler"
124
- onChange={[Function]}
125
- onGestureHandlerEvent={[Function]}
126
- onGestureHandlerStateChange={[Function]}
127
- onResponderTerminationRequest={[Function]}
128
- onStartShouldSetResponder={[Function]}
129
- onTintColor="hsl(107, 58%, 33%)"
130
- style={
131
- [
132
- {
133
- "height": 31,
134
- "width": 51,
135
- },
136
- {
137
- "backgroundColor": "hsl(53, 21%, 93%)",
138
- "borderRadius": 16,
139
- },
140
- ]
141
- }
142
- tintColor="hsl(53, 21%, 93%)"
143
- value={true}
144
- />
145
- `;
146
-
147
- exports[`renders a disabled Switch with value false 1`] = `
148
- <RCTSwitch
149
- accessibilityRole="switch"
150
- accessibilityState={
151
- {
152
- "checked": false,
153
- "disabled": true,
154
- }
155
- }
156
- collapsable={false}
157
- disabled={true}
158
- handlerTag={6}
159
- handlerType="NativeViewGestureHandler"
160
- onChange={[Function]}
161
- onGestureHandlerEvent={[Function]}
162
- onGestureHandlerStateChange={[Function]}
163
- onResponderTerminationRequest={[Function]}
164
- onStartShouldSetResponder={[Function]}
165
- onTintColor="hsl(107, 58%, 33%)"
166
- style={
167
- [
168
- {
169
- "height": 31,
170
- "width": 51,
171
- },
172
- {
173
- "backgroundColor": "hsl(53, 21%, 93%)",
174
- "borderRadius": 16,
175
- },
176
- ]
177
- }
178
- tintColor="hsl(53, 21%, 93%)"
179
- value={false}
180
- />
181
- `;
182
-
183
- exports[`renders a disabled Switch with value true 1`] = `
184
- <RCTSwitch
185
- accessibilityRole="switch"
186
- accessibilityState={
187
- {
188
- "checked": true,
189
- "disabled": true,
190
- }
191
- }
192
- collapsable={false}
193
- disabled={true}
194
- handlerTag={5}
195
- handlerType="NativeViewGestureHandler"
196
- onChange={[Function]}
197
- onGestureHandlerEvent={[Function]}
198
- onGestureHandlerStateChange={[Function]}
199
- onResponderTerminationRequest={[Function]}
200
- onStartShouldSetResponder={[Function]}
201
- onTintColor="hsl(107, 58%, 33%)"
202
- style={
203
- [
204
- {
205
- "height": 31,
206
- "width": 51,
207
- },
208
- {
209
- "backgroundColor": "hsl(53, 21%, 93%)",
210
- "borderRadius": 16,
211
- },
212
- ]
213
- }
214
- tintColor="hsl(53, 21%, 93%)"
215
- value={true}
216
- />
217
- `;