@telus-uds/components-base 1.97.0 → 1.97.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (737) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/babel.config.cjs +35 -0
  3. package/{jest.config-android.js → jest.config-android.cjs} +1 -1
  4. package/{jest.config-ios.js → jest.config-ios.cjs} +1 -1
  5. package/{jest.config-web.js → jest.config-web.cjs} +1 -1
  6. package/jest.config.cjs +40 -0
  7. package/lib/A11yInfoProvider/index.js +29 -35
  8. package/lib/A11yText/index.js +16 -24
  9. package/lib/ActionCard/ActionCard.js +47 -55
  10. package/lib/ActionCard/index.js +2 -10
  11. package/lib/ActivityIndicator/Spinner.js +20 -28
  12. package/lib/ActivityIndicator/Spinner.native.js +32 -40
  13. package/lib/ActivityIndicator/index.js +18 -22
  14. package/lib/ActivityIndicator/shared.js +12 -23
  15. package/lib/Autocomplete/Autocomplete.js +90 -99
  16. package/lib/Autocomplete/Loading.js +14 -22
  17. package/lib/Autocomplete/Suggestions.js +23 -31
  18. package/lib/Autocomplete/constants.js +4 -14
  19. package/lib/Autocomplete/dictionary.js +2 -9
  20. package/lib/Autocomplete/index.js +2 -10
  21. package/lib/Badge/Badge.js +18 -26
  22. package/lib/Badge/index.js +2 -10
  23. package/lib/BaseProvider/HydrationContext.js +13 -23
  24. package/lib/BaseProvider/index.js +24 -29
  25. package/lib/Box/Box.js +60 -68
  26. package/lib/Box/backgroundImageStylesMap.js +2 -9
  27. package/lib/Box/index.js +2 -10
  28. package/lib/Button/Button.js +15 -25
  29. package/lib/Button/ButtonBase.js +37 -46
  30. package/lib/Button/ButtonDropdown.js +37 -47
  31. package/lib/Button/ButtonGroup.js +53 -61
  32. package/lib/Button/ButtonLink.js +21 -29
  33. package/lib/Button/index.js +5 -34
  34. package/lib/Button/propTypes.js +16 -25
  35. package/lib/Card/Card.js +47 -55
  36. package/lib/Card/CardBase.js +27 -35
  37. package/lib/Card/PressableCardBase.js +26 -35
  38. package/lib/Card/index.js +4 -33
  39. package/lib/CardGroup/CardGroup.js +45 -55
  40. package/lib/CardGroup/dictionary.js +2 -9
  41. package/lib/CardGroup/index.js +2 -10
  42. package/lib/Carousel/Carousel.js +137 -145
  43. package/lib/Carousel/CarouselContext.js +19 -27
  44. package/lib/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +15 -22
  45. package/lib/Carousel/CarouselItem/CarouselItem.js +29 -37
  46. package/lib/Carousel/CarouselItem/index.js +2 -10
  47. package/lib/Carousel/CarouselStepTracker/CarouselStepTracker.js +12 -20
  48. package/lib/Carousel/CarouselStepTracker/index.js +2 -10
  49. package/lib/Carousel/CarouselTabs/CarouselTabs.js +16 -23
  50. package/lib/Carousel/CarouselTabs/CarouselTabsPanel.js +20 -28
  51. package/lib/Carousel/CarouselTabs/CarouselTabsPanelItem.js +23 -31
  52. package/lib/Carousel/CarouselTabs/index.js +2 -10
  53. package/lib/Carousel/CarouselThumbnail.js +19 -27
  54. package/lib/Carousel/CarouselThumbnailNavigation.js +22 -30
  55. package/lib/Carousel/dictionary.js +2 -9
  56. package/lib/Carousel/index.js +3 -36
  57. package/lib/Checkbox/Checkbox.js +52 -60
  58. package/lib/Checkbox/CheckboxButton.js +32 -41
  59. package/lib/Checkbox/CheckboxGroup.js +41 -49
  60. package/lib/Checkbox/CheckboxInput.js +15 -21
  61. package/lib/Checkbox/CheckboxInput.native.js +1 -8
  62. package/lib/Checkbox/index.js +3 -17
  63. package/lib/CheckboxCard/CheckboxCard.js +45 -55
  64. package/lib/CheckboxCard/index.js +2 -10
  65. package/lib/CheckboxCardGroup/CheckboxCardGroup.js +42 -52
  66. package/lib/CheckboxCardGroup/index.js +2 -10
  67. package/lib/ColourToggle/ColourBubble.js +23 -31
  68. package/lib/ColourToggle/ColourToggle.js +27 -35
  69. package/lib/ColourToggle/index.js +2 -10
  70. package/lib/Divider/Divider.js +23 -31
  71. package/lib/Divider/index.js +2 -10
  72. package/lib/DownloadApp/DownloadApp.js +32 -40
  73. package/lib/DownloadApp/dictionary.js +2 -9
  74. package/lib/DownloadApp/index.js +2 -10
  75. package/lib/ExpandCollapse/Accordion.js +7 -13
  76. package/lib/ExpandCollapse/Control.js +26 -34
  77. package/lib/ExpandCollapse/ExpandCollapse.js +22 -30
  78. package/lib/ExpandCollapse/Panel.js +43 -51
  79. package/lib/ExpandCollapse/dictionary.js +2 -9
  80. package/lib/ExpandCollapse/index.js +7 -20
  81. package/lib/Feedback/Feedback.js +33 -41
  82. package/lib/Feedback/index.js +2 -10
  83. package/lib/Fieldset/Fieldset.js +37 -43
  84. package/lib/Fieldset/FieldsetContainer.js +17 -25
  85. package/lib/Fieldset/FieldsetContainer.native.js +12 -20
  86. package/lib/Fieldset/Legend.js +10 -16
  87. package/lib/Fieldset/Legend.native.js +11 -17
  88. package/lib/Fieldset/cssReset.js +2 -9
  89. package/lib/Fieldset/index.js +2 -10
  90. package/lib/FileUpload/FileUpload.js +50 -58
  91. package/lib/FileUpload/NotificationContent.js +12 -18
  92. package/lib/FileUpload/dictionary.js +2 -9
  93. package/lib/FileUpload/index.js +2 -10
  94. package/lib/FlexGrid/Col/Col.js +35 -43
  95. package/lib/FlexGrid/Col/index.js +2 -10
  96. package/lib/FlexGrid/FlexGrid.js +38 -46
  97. package/lib/FlexGrid/Row/Row.js +24 -32
  98. package/lib/FlexGrid/Row/index.js +2 -10
  99. package/lib/FlexGrid/helpers/index.js +1 -8
  100. package/lib/FlexGrid/index.js +2 -10
  101. package/lib/FlexGrid/providers/GutterContext.js +3 -11
  102. package/lib/Footnote/Footnote.js +63 -71
  103. package/lib/Footnote/FootnoteLink.js +30 -38
  104. package/lib/Footnote/dictionary.js +2 -9
  105. package/lib/Footnote/index.js +4 -12
  106. package/lib/HorizontalScroll/HorizontalScroll.js +32 -41
  107. package/lib/HorizontalScroll/HorizontalScrollButton.js +25 -33
  108. package/lib/HorizontalScroll/ScrollViewEnd.js +12 -20
  109. package/lib/HorizontalScroll/ScrollViewEnd.native.js +9 -16
  110. package/lib/HorizontalScroll/dictionary.js +2 -9
  111. package/lib/HorizontalScroll/index.js +11 -28
  112. package/lib/HorizontalScroll/itemPositions.js +17 -27
  113. package/lib/Icon/Icon.js +21 -30
  114. package/lib/Icon/IconText.js +29 -39
  115. package/lib/Icon/index.js +4 -25
  116. package/lib/IconButton/IconButton.js +35 -42
  117. package/lib/IconButton/index.js +2 -10
  118. package/lib/InputLabel/InputLabel.js +36 -44
  119. package/lib/InputLabel/LabelContent.js +8 -16
  120. package/lib/InputLabel/LabelContent.native.js +8 -17
  121. package/lib/InputLabel/index.js +2 -10
  122. package/lib/InputSupports/InputSupports.js +27 -35
  123. package/lib/InputSupports/index.js +2 -10
  124. package/lib/InputSupports/useInputSupports.js +5 -13
  125. package/lib/Link/ChevronLink.js +22 -28
  126. package/lib/Link/InlinePressable.js +13 -19
  127. package/lib/Link/InlinePressable.native.js +14 -23
  128. package/lib/Link/Link.js +9 -17
  129. package/lib/Link/LinkBase.js +40 -48
  130. package/lib/Link/TextButton.js +16 -22
  131. package/lib/Link/index.js +5 -34
  132. package/lib/List/List.js +22 -30
  133. package/lib/List/ListItem.js +12 -18
  134. package/lib/List/ListItemBase.js +31 -39
  135. package/lib/List/ListItemContent.js +22 -31
  136. package/lib/List/ListItemMark.js +24 -33
  137. package/lib/List/PressableListItemBase.js +32 -40
  138. package/lib/List/index.js +5 -24
  139. package/lib/Listbox/GroupControl.js +25 -33
  140. package/lib/Listbox/Listbox.js +40 -50
  141. package/lib/Listbox/ListboxContext.js +4 -12
  142. package/lib/Listbox/ListboxGroup.js +31 -40
  143. package/lib/Listbox/ListboxItem.js +23 -31
  144. package/lib/Listbox/ListboxOverlay.js +26 -35
  145. package/lib/Listbox/PressableItem.js +22 -30
  146. package/lib/Listbox/index.js +2 -10
  147. package/lib/Modal/Modal.js +75 -85
  148. package/lib/Modal/ModalContent.js +48 -56
  149. package/lib/Modal/WebModal.js +15 -23
  150. package/lib/Modal/dictionary.js +2 -9
  151. package/lib/Modal/index.js +2 -10
  152. package/lib/MultiSelectFilter/ModalOverlay.js +45 -53
  153. package/lib/MultiSelectFilter/MultiSelectFilter.js +110 -118
  154. package/lib/MultiSelectFilter/dictionary.js +2 -9
  155. package/lib/MultiSelectFilter/index.js +2 -10
  156. package/lib/Notification/Notification.js +59 -67
  157. package/lib/Notification/dictionary.js +2 -9
  158. package/lib/Notification/index.js +2 -10
  159. package/lib/OrderedList/Item.js +31 -39
  160. package/lib/OrderedList/ItemBase.js +13 -22
  161. package/lib/OrderedList/OrderedList.js +17 -25
  162. package/lib/OrderedList/OrderedListBase.js +12 -21
  163. package/lib/OrderedList/index.js +2 -10
  164. package/lib/Pagination/PageButton.js +22 -32
  165. package/lib/Pagination/Pagination.js +42 -52
  166. package/lib/Pagination/SideButton.js +25 -32
  167. package/lib/Pagination/constants.js +3 -12
  168. package/lib/Pagination/dictionary.js +2 -9
  169. package/lib/Pagination/index.js +2 -10
  170. package/lib/Pagination/usePagination.js +5 -13
  171. package/lib/Portal/Portal.js +8 -15
  172. package/lib/Portal/Portal.native.js +2 -9
  173. package/lib/Portal/index.js +2 -10
  174. package/lib/PriceLockup/PriceLockup.js +37 -45
  175. package/lib/PriceLockup/index.js +2 -10
  176. package/lib/PriceLockup/utils/renderFootnoteContent.js +20 -28
  177. package/lib/PriceLockup/utils/renderFootnoteLinks.js +5 -13
  178. package/lib/PriceLockup/utils/renderPrice.js +30 -38
  179. package/lib/PriceLockup/utils/renderTypography.js +5 -13
  180. package/lib/ProductCard/ProductCard.js +62 -70
  181. package/lib/ProductCard/dictionary.js +2 -9
  182. package/lib/ProductCard/index.js +2 -10
  183. package/lib/ProductCardGroup/ProductCardGroup.js +20 -28
  184. package/lib/ProductCardGroup/index.js +2 -10
  185. package/lib/Progress/Progress.js +15 -23
  186. package/lib/Progress/ProgressBar.js +23 -31
  187. package/lib/Progress/ProgressBarBackground.js +10 -18
  188. package/lib/Progress/index.js +4 -12
  189. package/lib/QuickLinks/QuickLinks.js +23 -29
  190. package/lib/QuickLinks/QuickLinksCard.js +14 -20
  191. package/lib/QuickLinks/QuickLinksItem.js +22 -28
  192. package/lib/QuickLinks/index.js +4 -12
  193. package/lib/QuickLinksFeature/QuickLinksFeature.js +20 -27
  194. package/lib/QuickLinksFeature/QuickLinksFeatureItem.js +31 -38
  195. package/lib/QuickLinksFeature/index.js +4 -12
  196. package/lib/Radio/Radio.js +43 -53
  197. package/lib/Radio/RadioButton.js +34 -43
  198. package/lib/Radio/RadioGroup.js +43 -51
  199. package/lib/Radio/RadioInput.js +15 -21
  200. package/lib/Radio/RadioInput.native.js +1 -8
  201. package/lib/Radio/index.js +3 -17
  202. package/lib/RadioCard/RadioCard.js +43 -53
  203. package/lib/RadioCard/RadioCardGroup.js +42 -52
  204. package/lib/RadioCard/index.js +3 -17
  205. package/lib/Responsive/Responsive.js +16 -22
  206. package/lib/Responsive/ResponsiveProp.js +13 -21
  207. package/lib/Responsive/ResponsiveWithMediaQueryStyleSheet.js +15 -23
  208. package/lib/Responsive/index.js +2 -10
  209. package/lib/Search/Search.js +47 -55
  210. package/lib/Search/dictionary.js +2 -9
  211. package/lib/Search/index.js +2 -10
  212. package/lib/Select/Group.js +9 -17
  213. package/lib/Select/Group.native.js +5 -13
  214. package/lib/Select/Item.js +8 -16
  215. package/lib/Select/Item.native.js +1 -8
  216. package/lib/Select/Picker.js +27 -35
  217. package/lib/Select/Picker.native.js +34 -41
  218. package/lib/Select/Select.js +45 -54
  219. package/lib/Select/constants.js +4 -14
  220. package/lib/Select/index.js +6 -14
  221. package/lib/SideNav/Item.js +29 -37
  222. package/lib/SideNav/ItemContent.js +17 -26
  223. package/lib/SideNav/ItemsGroup.js +25 -32
  224. package/lib/SideNav/SideNav.js +28 -38
  225. package/lib/SideNav/index.js +1 -13
  226. package/lib/Skeleton/Skeleton.js +32 -40
  227. package/lib/Skeleton/index.js +2 -10
  228. package/lib/Skeleton/skeleton.constant.js +2 -10
  229. package/lib/Skeleton/skeletonWebAnimation.js +1 -8
  230. package/lib/Skeleton/useSkeletonNativeAnimation.js +14 -22
  231. package/lib/SkipLink/SkipLink.js +24 -33
  232. package/lib/SkipLink/index.js +2 -10
  233. package/lib/Spacer/Spacer.js +15 -21
  234. package/lib/Spacer/index.js +2 -10
  235. package/lib/StackView/StackView.js +28 -36
  236. package/lib/StackView/StackWrap.js +14 -21
  237. package/lib/StackView/StackWrap.native.js +2 -9
  238. package/lib/StackView/StackWrapBox.js +27 -35
  239. package/lib/StackView/StackWrapGap.js +22 -30
  240. package/lib/StackView/common.js +4 -13
  241. package/lib/StackView/getStackedContent.js +14 -22
  242. package/lib/StackView/index.js +5 -24
  243. package/lib/Status/Status.js +27 -35
  244. package/lib/Status/index.js +2 -10
  245. package/lib/StepTracker/Step.js +35 -43
  246. package/lib/StepTracker/StepTracker.js +38 -46
  247. package/lib/StepTracker/dictionary.js +2 -9
  248. package/lib/StepTracker/index.js +2 -10
  249. package/lib/TabBar/TabBar.js +28 -36
  250. package/lib/TabBar/TabBarItem.js +33 -42
  251. package/lib/TabBar/index.js +2 -10
  252. package/lib/Tabs/Tabs.js +38 -48
  253. package/lib/Tabs/TabsItem.js +45 -53
  254. package/lib/Tabs/index.js +2 -10
  255. package/lib/Tags/Tags.js +47 -55
  256. package/lib/Tags/index.js +2 -10
  257. package/lib/TextInput/TextArea.js +19 -27
  258. package/lib/TextInput/TextInput.js +18 -26
  259. package/lib/TextInput/TextInputBase.js +64 -73
  260. package/lib/TextInput/dictionary.js +2 -9
  261. package/lib/TextInput/index.js +3 -20
  262. package/lib/TextInput/propTypes.js +8 -15
  263. package/lib/ThemeProvider/ThemeProvider.js +25 -36
  264. package/lib/ThemeProvider/index.js +7 -60
  265. package/lib/ThemeProvider/useResponsiveThemeTokens.js +10 -18
  266. package/lib/ThemeProvider/useSetTheme.js +5 -12
  267. package/lib/ThemeProvider/useTheme.js +4 -11
  268. package/lib/ThemeProvider/useThemeTokens.js +15 -24
  269. package/lib/ThemeProvider/utils/index.js +2 -27
  270. package/lib/ThemeProvider/utils/styles.js +12 -24
  271. package/lib/ThemeProvider/utils/theme-tokens.js +19 -34
  272. package/lib/Timeline/Timeline.js +28 -34
  273. package/lib/Timeline/index.js +2 -10
  274. package/lib/ToggleSwitch/ToggleSwitch.js +40 -48
  275. package/lib/ToggleSwitch/ToggleSwitchGroup.js +43 -51
  276. package/lib/ToggleSwitch/index.js +3 -20
  277. package/lib/Tooltip/Backdrop.js +8 -16
  278. package/lib/Tooltip/Backdrop.native.js +16 -22
  279. package/lib/Tooltip/Tooltip.js +42 -50
  280. package/lib/Tooltip/Tooltip.native.js +52 -61
  281. package/lib/Tooltip/dictionary.js +2 -9
  282. package/lib/Tooltip/getTooltipPosition.js +1 -9
  283. package/lib/Tooltip/index.js +5 -13
  284. package/lib/Tooltip/shared.js +14 -22
  285. package/lib/TooltipButton/TooltipButton.js +25 -33
  286. package/lib/TooltipButton/index.js +2 -10
  287. package/lib/Typography/Typography.js +39 -46
  288. package/lib/Typography/index.js +2 -10
  289. package/lib/Validator/Validator.js +42 -50
  290. package/lib/Validator/index.js +2 -10
  291. package/lib/ViewportProvider/ViewportProvider.js +13 -19
  292. package/lib/ViewportProvider/index.js +3 -23
  293. package/lib/ViewportProvider/useViewport.js +3 -11
  294. package/lib/ViewportProvider/useViewportListener.js +10 -17
  295. package/lib/index.js +71 -772
  296. package/lib/server.js +4 -40
  297. package/lib/utils/BaseView/BaseView.js +14 -20
  298. package/lib/utils/BaseView/BaseView.native.js +2 -10
  299. package/lib/utils/BaseView/index.js +2 -10
  300. package/lib/utils/a11y/index.js +2 -27
  301. package/lib/utils/a11y/semantics.js +11 -35
  302. package/lib/utils/a11y/textSize.js +7 -16
  303. package/lib/utils/animation/index.js +2 -13
  304. package/lib/utils/animation/useVerticalExpandAnimation.js +19 -26
  305. package/lib/utils/children.js +12 -20
  306. package/lib/utils/containUniqueFields.js +1 -8
  307. package/lib/utils/convertFromMegaByteToByte.js +1 -7
  308. package/lib/utils/floating-ui/index.js +1 -42
  309. package/lib/utils/floating-ui/index.native.js +1 -42
  310. package/lib/utils/formatImageSource.js +1 -8
  311. package/lib/utils/hasOwnProperty.js +1 -7
  312. package/lib/utils/htmlAttrs.js +11 -19
  313. package/lib/utils/index.js +25 -245
  314. package/lib/utils/info/index.js +6 -13
  315. package/lib/utils/info/platform/index.js +8 -13
  316. package/lib/utils/info/platform/platform.android.js +1 -8
  317. package/lib/utils/info/platform/platform.ios.js +1 -8
  318. package/lib/utils/info/platform/platform.js +1 -8
  319. package/lib/utils/info/platform/platform.native.js +1 -8
  320. package/lib/utils/info/versions.js +4 -11
  321. package/lib/utils/input.js +13 -21
  322. package/lib/utils/pressability.js +14 -22
  323. package/lib/utils/props/a11yProps.js +90 -98
  324. package/lib/utils/props/clickProps.js +4 -12
  325. package/lib/utils/props/componentPropType.js +1 -7
  326. package/lib/utils/props/copyPropTypes.js +2 -10
  327. package/lib/utils/props/getPropSelector.js +6 -11
  328. package/lib/utils/props/handlerProps.js +23 -31
  329. package/lib/utils/props/hrefAttrsProp.js +6 -13
  330. package/lib/utils/props/index.js +19 -168
  331. package/lib/utils/props/inputSupportsProps.js +12 -20
  332. package/lib/utils/props/linkProps.js +16 -24
  333. package/lib/utils/props/paddingProp.js +8 -16
  334. package/lib/utils/props/pressProps.js +22 -31
  335. package/lib/utils/props/rectProp.js +8 -16
  336. package/lib/utils/props/responsiveProps.js +5 -13
  337. package/lib/utils/props/selectSystemProps.js +1 -7
  338. package/lib/utils/props/spacingProps.js +12 -19
  339. package/lib/utils/props/textInputProps.js +56 -62
  340. package/lib/utils/props/textProps.js +18 -24
  341. package/lib/utils/props/tokens.js +16 -26
  342. package/lib/utils/props/variantProp.js +4 -11
  343. package/lib/utils/props/viewProps.js +10 -18
  344. package/lib/utils/ssr-media-query/create-stylesheet/create-stylesheet-mobile.js +8 -16
  345. package/lib/utils/ssr-media-query/create-stylesheet/index.android.js +2 -10
  346. package/lib/utils/ssr-media-query/create-stylesheet/index.ios.js +2 -10
  347. package/lib/utils/ssr-media-query/create-stylesheet/index.js +12 -20
  348. package/lib/utils/ssr-media-query/hash.js +1 -7
  349. package/lib/utils/ssr-media-query/index.js +4 -17
  350. package/lib/utils/ssr-media-query/utils/common.js +1 -12
  351. package/lib/utils/ssr-media-query/utils/create-declaration-block.js +6 -14
  352. package/lib/utils/ssr-media-query/utils/create-media-query-styles.js +5 -12
  353. package/lib/utils/ssr-media-query/utils/hyphenate-style-name.js +1 -8
  354. package/lib/utils/ssr-media-query/utils/inject.js +8 -18
  355. package/lib/utils/ssr.js +19 -28
  356. package/lib/utils/transformGradient.js +3 -11
  357. package/lib/utils/useCopy.js +2 -10
  358. package/lib/utils/useHash.js +7 -14
  359. package/lib/utils/useHash.native.js +1 -8
  360. package/lib/utils/useOverlaidPosition.js +17 -25
  361. package/lib/utils/useResponsiveProp.js +10 -19
  362. package/lib/utils/useSafeLayoutEffect.js +6 -13
  363. package/lib/utils/useScrollBlocking.js +10 -17
  364. package/lib/utils/useScrollBlocking.native.js +1 -8
  365. package/lib/utils/useSpacingScale.js +7 -14
  366. package/lib/utils/useUniqueId.js +3 -10
  367. package/lib/utils/withLinkRouter.js +13 -19
  368. package/package.json +20 -25
  369. package/src/A11yInfoProvider/index.jsx +5 -2
  370. package/src/ActivityIndicator/index.jsx +12 -3
  371. package/src/BaseProvider/index.jsx +5 -2
  372. package/src/Icon/IconText.jsx +0 -1
  373. package/src/TextInput/TextInputBase.jsx +1 -1
  374. package/src/Timeline/Timeline.jsx +6 -2
  375. package/src/index.js +9 -10
  376. package/src/utils/a11y/semantics.js +0 -7
  377. package/lib-module/A11yInfoProvider/index.js +0 -62
  378. package/lib-module/A11yText/index.js +0 -68
  379. package/lib-module/ActionCard/ActionCard.js +0 -343
  380. package/lib-module/ActionCard/index.js +0 -2
  381. package/lib-module/ActivityIndicator/Spinner.js +0 -80
  382. package/lib-module/ActivityIndicator/Spinner.native.js +0 -144
  383. package/lib-module/ActivityIndicator/index.js +0 -44
  384. package/lib-module/ActivityIndicator/shared.js +0 -14
  385. package/lib-module/Autocomplete/Autocomplete.js +0 -481
  386. package/lib-module/Autocomplete/Loading.js +0 -36
  387. package/lib-module/Autocomplete/Suggestions.js +0 -66
  388. package/lib-module/Autocomplete/constants.js +0 -4
  389. package/lib-module/Autocomplete/dictionary.js +0 -12
  390. package/lib-module/Autocomplete/index.js +0 -2
  391. package/lib-module/Badge/Badge.js +0 -102
  392. package/lib-module/Badge/index.js +0 -2
  393. package/lib-module/BaseProvider/HydrationContext.js +0 -48
  394. package/lib-module/BaseProvider/index.js +0 -38
  395. package/lib-module/Box/Box.js +0 -379
  396. package/lib-module/Box/backgroundImageStylesMap.js +0 -94
  397. package/lib-module/Box/index.js +0 -2
  398. package/lib-module/Button/Button.js +0 -34
  399. package/lib-module/Button/ButtonBase.js +0 -347
  400. package/lib-module/Button/ButtonDropdown.js +0 -173
  401. package/lib-module/Button/ButtonGroup.js +0 -272
  402. package/lib-module/Button/ButtonLink.js +0 -50
  403. package/lib-module/Button/index.js +0 -5
  404. package/lib-module/Button/propTypes.js +0 -46
  405. package/lib-module/Card/Card.js +0 -330
  406. package/lib-module/Card/CardBase.js +0 -114
  407. package/lib-module/Card/PressableCardBase.js +0 -112
  408. package/lib-module/Card/index.js +0 -4
  409. package/lib-module/CardGroup/CardGroup.js +0 -210
  410. package/lib-module/CardGroup/dictionary.js +0 -8
  411. package/lib-module/CardGroup/index.js +0 -2
  412. package/lib-module/Carousel/Carousel.js +0 -894
  413. package/lib-module/Carousel/CarouselContext.js +0 -51
  414. package/lib-module/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +0 -53
  415. package/lib-module/Carousel/CarouselItem/CarouselItem.js +0 -146
  416. package/lib-module/Carousel/CarouselItem/index.js +0 -2
  417. package/lib-module/Carousel/CarouselStepTracker/CarouselStepTracker.js +0 -54
  418. package/lib-module/Carousel/CarouselStepTracker/index.js +0 -2
  419. package/lib-module/Carousel/CarouselTabs/CarouselTabs.js +0 -50
  420. package/lib-module/Carousel/CarouselTabs/CarouselTabsPanel.js +0 -89
  421. package/lib-module/Carousel/CarouselTabs/CarouselTabsPanelItem.js +0 -118
  422. package/lib-module/Carousel/CarouselTabs/index.js +0 -2
  423. package/lib-module/Carousel/CarouselThumbnail.js +0 -113
  424. package/lib-module/Carousel/CarouselThumbnailNavigation.js +0 -71
  425. package/lib-module/Carousel/dictionary.js +0 -22
  426. package/lib-module/Carousel/index.js +0 -3
  427. package/lib-module/Checkbox/Checkbox.js +0 -343
  428. package/lib-module/Checkbox/CheckboxButton.js +0 -164
  429. package/lib-module/Checkbox/CheckboxGroup.js +0 -240
  430. package/lib-module/Checkbox/CheckboxInput.js +0 -50
  431. package/lib-module/Checkbox/CheckboxInput.native.js +0 -5
  432. package/lib-module/Checkbox/index.js +0 -3
  433. package/lib-module/CheckboxCard/CheckboxCard.js +0 -183
  434. package/lib-module/CheckboxCard/index.js +0 -2
  435. package/lib-module/CheckboxCardGroup/CheckboxCardGroup.js +0 -206
  436. package/lib-module/CheckboxCardGroup/index.js +0 -2
  437. package/lib-module/ColourToggle/ColourBubble.js +0 -126
  438. package/lib-module/ColourToggle/ColourToggle.js +0 -92
  439. package/lib-module/ColourToggle/index.js +0 -2
  440. package/lib-module/Divider/Divider.js +0 -133
  441. package/lib-module/Divider/index.js +0 -2
  442. package/lib-module/DownloadApp/DownloadApp.js +0 -160
  443. package/lib-module/DownloadApp/dictionary.js +0 -10
  444. package/lib-module/DownloadApp/index.js +0 -2
  445. package/lib-module/ExpandCollapse/Accordion.js +0 -15
  446. package/lib-module/ExpandCollapse/Control.js +0 -165
  447. package/lib-module/ExpandCollapse/ExpandCollapse.js +0 -98
  448. package/lib-module/ExpandCollapse/Panel.js +0 -242
  449. package/lib-module/ExpandCollapse/dictionary.js +0 -10
  450. package/lib-module/ExpandCollapse/index.js +0 -7
  451. package/lib-module/Feedback/Feedback.js +0 -161
  452. package/lib-module/Feedback/index.js +0 -2
  453. package/lib-module/Fieldset/Fieldset.js +0 -194
  454. package/lib-module/Fieldset/FieldsetContainer.js +0 -48
  455. package/lib-module/Fieldset/FieldsetContainer.native.js +0 -32
  456. package/lib-module/Fieldset/Legend.js +0 -24
  457. package/lib-module/Fieldset/Legend.native.js +0 -31
  458. package/lib-module/Fieldset/cssReset.js +0 -14
  459. package/lib-module/Fieldset/index.js +0 -2
  460. package/lib-module/FileUpload/FileUpload.js +0 -329
  461. package/lib-module/FileUpload/NotificationContent.js +0 -55
  462. package/lib-module/FileUpload/dictionary.js +0 -40
  463. package/lib-module/FileUpload/index.js +0 -2
  464. package/lib-module/FlexGrid/Col/Col.js +0 -257
  465. package/lib-module/FlexGrid/Col/index.js +0 -2
  466. package/lib-module/FlexGrid/FlexGrid.js +0 -158
  467. package/lib-module/FlexGrid/Row/Row.js +0 -181
  468. package/lib-module/FlexGrid/Row/index.js +0 -2
  469. package/lib-module/FlexGrid/helpers/index.js +0 -15
  470. package/lib-module/FlexGrid/index.js +0 -2
  471. package/lib-module/FlexGrid/providers/GutterContext.js +0 -3
  472. package/lib-module/Footnote/Footnote.js +0 -317
  473. package/lib-module/Footnote/FootnoteLink.js +0 -107
  474. package/lib-module/Footnote/dictionary.js +0 -12
  475. package/lib-module/Footnote/index.js +0 -4
  476. package/lib-module/HorizontalScroll/HorizontalScroll.js +0 -165
  477. package/lib-module/HorizontalScroll/HorizontalScrollButton.js +0 -79
  478. package/lib-module/HorizontalScroll/ScrollViewEnd.js +0 -46
  479. package/lib-module/HorizontalScroll/ScrollViewEnd.native.js +0 -26
  480. package/lib-module/HorizontalScroll/dictionary.js +0 -11
  481. package/lib-module/HorizontalScroll/index.js +0 -11
  482. package/lib-module/HorizontalScroll/itemPositions.js +0 -113
  483. package/lib-module/Icon/Icon.js +0 -93
  484. package/lib-module/Icon/IconText.js +0 -114
  485. package/lib-module/Icon/index.js +0 -4
  486. package/lib-module/IconButton/IconButton.js +0 -203
  487. package/lib-module/IconButton/index.js +0 -2
  488. package/lib-module/InputLabel/InputLabel.js +0 -145
  489. package/lib-module/InputLabel/LabelContent.js +0 -28
  490. package/lib-module/InputLabel/LabelContent.native.js +0 -18
  491. package/lib-module/InputLabel/index.js +0 -2
  492. package/lib-module/InputSupports/InputSupports.js +0 -108
  493. package/lib-module/InputSupports/index.js +0 -2
  494. package/lib-module/InputSupports/useInputSupports.js +0 -31
  495. package/lib-module/Link/ChevronLink.js +0 -68
  496. package/lib-module/Link/InlinePressable.js +0 -48
  497. package/lib-module/Link/InlinePressable.native.js +0 -87
  498. package/lib-module/Link/Link.js +0 -28
  499. package/lib-module/Link/LinkBase.js +0 -269
  500. package/lib-module/Link/TextButton.js +0 -43
  501. package/lib-module/Link/index.js +0 -5
  502. package/lib-module/List/List.js +0 -77
  503. package/lib-module/List/ListItem.js +0 -32
  504. package/lib-module/List/ListItemBase.js +0 -165
  505. package/lib-module/List/ListItemContent.js +0 -73
  506. package/lib-module/List/ListItemMark.js +0 -126
  507. package/lib-module/List/PressableListItemBase.js +0 -112
  508. package/lib-module/List/index.js +0 -5
  509. package/lib-module/Listbox/GroupControl.js +0 -106
  510. package/lib-module/Listbox/Listbox.js +0 -172
  511. package/lib-module/Listbox/ListboxContext.js +0 -4
  512. package/lib-module/Listbox/ListboxGroup.js +0 -125
  513. package/lib-module/Listbox/ListboxItem.js +0 -76
  514. package/lib-module/Listbox/ListboxOverlay.js +0 -78
  515. package/lib-module/Listbox/PressableItem.js +0 -140
  516. package/lib-module/Listbox/index.js +0 -2
  517. package/lib-module/Modal/Modal.js +0 -373
  518. package/lib-module/Modal/ModalContent.js +0 -180
  519. package/lib-module/Modal/WebModal.js +0 -76
  520. package/lib-module/Modal/dictionary.js +0 -9
  521. package/lib-module/Modal/index.js +0 -2
  522. package/lib-module/MultiSelectFilter/ModalOverlay.js +0 -156
  523. package/lib-module/MultiSelectFilter/MultiSelectFilter.js +0 -526
  524. package/lib-module/MultiSelectFilter/dictionary.js +0 -12
  525. package/lib-module/MultiSelectFilter/index.js +0 -2
  526. package/lib-module/Notification/Notification.js +0 -429
  527. package/lib-module/Notification/dictionary.js +0 -8
  528. package/lib-module/Notification/index.js +0 -2
  529. package/lib-module/OrderedList/Item.js +0 -160
  530. package/lib-module/OrderedList/ItemBase.js +0 -43
  531. package/lib-module/OrderedList/OrderedList.js +0 -64
  532. package/lib-module/OrderedList/OrderedListBase.js +0 -36
  533. package/lib-module/OrderedList/index.js +0 -2
  534. package/lib-module/Pagination/PageButton.js +0 -74
  535. package/lib-module/Pagination/Pagination.js +0 -218
  536. package/lib-module/Pagination/SideButton.js +0 -113
  537. package/lib-module/Pagination/constants.js +0 -3
  538. package/lib-module/Pagination/dictionary.js +0 -18
  539. package/lib-module/Pagination/index.js +0 -2
  540. package/lib-module/Pagination/usePagination.js +0 -79
  541. package/lib-module/Portal/Portal.js +0 -50
  542. package/lib-module/Portal/Portal.native.js +0 -2
  543. package/lib-module/Portal/index.js +0 -2
  544. package/lib-module/PriceLockup/PriceLockup.js +0 -225
  545. package/lib-module/PriceLockup/index.js +0 -2
  546. package/lib-module/PriceLockup/utils/renderFootnoteContent.js +0 -87
  547. package/lib-module/PriceLockup/utils/renderFootnoteLinks.js +0 -28
  548. package/lib-module/PriceLockup/utils/renderPrice.js +0 -141
  549. package/lib-module/PriceLockup/utils/renderTypography.js +0 -23
  550. package/lib-module/ProductCard/ProductCard.js +0 -232
  551. package/lib-module/ProductCard/dictionary.js +0 -38
  552. package/lib-module/ProductCard/index.js +0 -2
  553. package/lib-module/ProductCardGroup/ProductCardGroup.js +0 -70
  554. package/lib-module/ProductCardGroup/index.js +0 -2
  555. package/lib-module/Progress/Progress.js +0 -88
  556. package/lib-module/Progress/ProgressBar.js +0 -133
  557. package/lib-module/Progress/ProgressBarBackground.js +0 -40
  558. package/lib-module/Progress/index.js +0 -4
  559. package/lib-module/QuickLinks/QuickLinks.js +0 -78
  560. package/lib-module/QuickLinks/QuickLinksCard.js +0 -33
  561. package/lib-module/QuickLinks/QuickLinksItem.js +0 -51
  562. package/lib-module/QuickLinks/index.js +0 -4
  563. package/lib-module/QuickLinksFeature/QuickLinksFeature.js +0 -69
  564. package/lib-module/QuickLinksFeature/QuickLinksFeatureItem.js +0 -147
  565. package/lib-module/QuickLinksFeature/index.js +0 -4
  566. package/lib-module/Radio/Radio.js +0 -283
  567. package/lib-module/Radio/RadioButton.js +0 -184
  568. package/lib-module/Radio/RadioGroup.js +0 -255
  569. package/lib-module/Radio/RadioInput.js +0 -50
  570. package/lib-module/Radio/RadioInput.native.js +0 -5
  571. package/lib-module/Radio/index.js +0 -3
  572. package/lib-module/RadioCard/RadioCard.js +0 -211
  573. package/lib-module/RadioCard/RadioCardGroup.js +0 -257
  574. package/lib-module/RadioCard/index.js +0 -3
  575. package/lib-module/Responsive/Responsive.js +0 -65
  576. package/lib-module/Responsive/ResponsiveProp.js +0 -39
  577. package/lib-module/Responsive/ResponsiveWithMediaQueryStyleSheet.js +0 -68
  578. package/lib-module/Responsive/index.js +0 -2
  579. package/lib-module/Search/Search.js +0 -242
  580. package/lib-module/Search/dictionary.js +0 -12
  581. package/lib-module/Search/index.js +0 -2
  582. package/lib-module/Select/Group.js +0 -24
  583. package/lib-module/Select/Group.native.js +0 -16
  584. package/lib-module/Select/Item.js +0 -23
  585. package/lib-module/Select/Item.native.js +0 -2
  586. package/lib-module/Select/Picker.js +0 -97
  587. package/lib-module/Select/Picker.native.js +0 -120
  588. package/lib-module/Select/Select.js +0 -337
  589. package/lib-module/Select/constants.js +0 -5
  590. package/lib-module/Select/index.js +0 -6
  591. package/lib-module/SideNav/Item.js +0 -143
  592. package/lib-module/SideNav/ItemContent.js +0 -50
  593. package/lib-module/SideNav/ItemsGroup.js +0 -121
  594. package/lib-module/SideNav/SideNav.js +0 -131
  595. package/lib-module/SideNav/index.js +0 -1
  596. package/lib-module/Skeleton/Skeleton.js +0 -177
  597. package/lib-module/Skeleton/index.js +0 -2
  598. package/lib-module/Skeleton/skeleton.constant.js +0 -2
  599. package/lib-module/Skeleton/skeletonWebAnimation.js +0 -14
  600. package/lib-module/Skeleton/useSkeletonNativeAnimation.js +0 -28
  601. package/lib-module/SkipLink/SkipLink.js +0 -190
  602. package/lib-module/SkipLink/index.js +0 -2
  603. package/lib-module/Spacer/Spacer.js +0 -95
  604. package/lib-module/Spacer/index.js +0 -2
  605. package/lib-module/StackView/StackView.js +0 -126
  606. package/lib-module/StackView/StackWrap.js +0 -51
  607. package/lib-module/StackView/StackWrap.native.js +0 -4
  608. package/lib-module/StackView/StackWrapBox.js +0 -114
  609. package/lib-module/StackView/StackWrapGap.js +0 -61
  610. package/lib-module/StackView/common.js +0 -35
  611. package/lib-module/StackView/getStackedContent.js +0 -123
  612. package/lib-module/StackView/index.js +0 -5
  613. package/lib-module/Status/Status.js +0 -167
  614. package/lib-module/Status/index.js +0 -2
  615. package/lib-module/StepTracker/Step.js +0 -265
  616. package/lib-module/StepTracker/StepTracker.js +0 -208
  617. package/lib-module/StepTracker/dictionary.js +0 -30
  618. package/lib-module/StepTracker/index.js +0 -2
  619. package/lib-module/TabBar/TabBar.js +0 -125
  620. package/lib-module/TabBar/TabBarItem.js +0 -177
  621. package/lib-module/TabBar/index.js +0 -2
  622. package/lib-module/Tabs/Tabs.js +0 -179
  623. package/lib-module/Tabs/TabsItem.js +0 -239
  624. package/lib-module/Tabs/index.js +0 -2
  625. package/lib-module/Tags/Tags.js +0 -245
  626. package/lib-module/Tags/index.js +0 -2
  627. package/lib-module/TextInput/TextArea.js +0 -97
  628. package/lib-module/TextInput/TextInput.js +0 -80
  629. package/lib-module/TextInput/TextInputBase.js +0 -436
  630. package/lib-module/TextInput/dictionary.js +0 -12
  631. package/lib-module/TextInput/index.js +0 -3
  632. package/lib-module/TextInput/propTypes.js +0 -34
  633. package/lib-module/ThemeProvider/ThemeProvider.js +0 -84
  634. package/lib-module/ThemeProvider/index.js +0 -7
  635. package/lib-module/ThemeProvider/useResponsiveThemeTokens.js +0 -81
  636. package/lib-module/ThemeProvider/useSetTheme.js +0 -24
  637. package/lib-module/ThemeProvider/useTheme.js +0 -11
  638. package/lib-module/ThemeProvider/useThemeTokens.js +0 -109
  639. package/lib-module/ThemeProvider/utils/index.js +0 -2
  640. package/lib-module/ThemeProvider/utils/styles.js +0 -198
  641. package/lib-module/ThemeProvider/utils/theme-tokens.js +0 -160
  642. package/lib-module/Timeline/Timeline.js +0 -168
  643. package/lib-module/Timeline/index.js +0 -2
  644. package/lib-module/ToggleSwitch/ToggleSwitch.js +0 -280
  645. package/lib-module/ToggleSwitch/ToggleSwitchGroup.js +0 -208
  646. package/lib-module/ToggleSwitch/index.js +0 -3
  647. package/lib-module/Tooltip/Backdrop.js +0 -50
  648. package/lib-module/Tooltip/Backdrop.native.js +0 -41
  649. package/lib-module/Tooltip/Tooltip.js +0 -280
  650. package/lib-module/Tooltip/Tooltip.native.js +0 -356
  651. package/lib-module/Tooltip/dictionary.js +0 -8
  652. package/lib-module/Tooltip/getTooltipPosition.js +0 -170
  653. package/lib-module/Tooltip/index.js +0 -5
  654. package/lib-module/Tooltip/shared.js +0 -41
  655. package/lib-module/TooltipButton/TooltipButton.js +0 -90
  656. package/lib-module/TooltipButton/index.js +0 -2
  657. package/lib-module/Typography/Typography.js +0 -254
  658. package/lib-module/Typography/index.js +0 -2
  659. package/lib-module/Validator/Validator.js +0 -222
  660. package/lib-module/Validator/index.js +0 -2
  661. package/lib-module/ViewportProvider/ViewportProvider.js +0 -27
  662. package/lib-module/ViewportProvider/index.js +0 -3
  663. package/lib-module/ViewportProvider/useViewport.js +0 -3
  664. package/lib-module/ViewportProvider/useViewportListener.js +0 -37
  665. package/lib-module/index.js +0 -76
  666. package/lib-module/server.js +0 -4
  667. package/lib-module/utils/BaseView/BaseView.js +0 -42
  668. package/lib-module/utils/BaseView/BaseView.native.js +0 -5
  669. package/lib-module/utils/BaseView/index.js +0 -2
  670. package/lib-module/utils/a11y/index.js +0 -2
  671. package/lib-module/utils/a11y/semantics.js +0 -144
  672. package/lib-module/utils/a11y/textSize.js +0 -35
  673. package/lib-module/utils/animation/index.js +0 -2
  674. package/lib-module/utils/animation/useVerticalExpandAnimation.js +0 -86
  675. package/lib-module/utils/children.js +0 -117
  676. package/lib-module/utils/containUniqueFields.js +0 -24
  677. package/lib-module/utils/convertFromMegaByteToByte.js +0 -10
  678. package/lib-module/utils/floating-ui/index.js +0 -1
  679. package/lib-module/utils/floating-ui/index.native.js +0 -1
  680. package/lib-module/utils/formatImageSource.js +0 -27
  681. package/lib-module/utils/hasOwnProperty.js +0 -11
  682. package/lib-module/utils/htmlAttrs.js +0 -23
  683. package/lib-module/utils/index.js +0 -25
  684. package/lib-module/utils/info/index.js +0 -8
  685. package/lib-module/utils/info/platform/index.js +0 -14
  686. package/lib-module/utils/info/platform/platform.android.js +0 -1
  687. package/lib-module/utils/info/platform/platform.ios.js +0 -1
  688. package/lib-module/utils/info/platform/platform.js +0 -1
  689. package/lib-module/utils/info/platform/platform.native.js +0 -4
  690. package/lib-module/utils/info/versions.js +0 -6
  691. package/lib-module/utils/input.js +0 -185
  692. package/lib-module/utils/pressability.js +0 -112
  693. package/lib-module/utils/props/a11yProps.js +0 -310
  694. package/lib-module/utils/props/clickProps.js +0 -25
  695. package/lib-module/utils/props/componentPropType.js +0 -50
  696. package/lib-module/utils/props/copyPropTypes.js +0 -2
  697. package/lib-module/utils/props/getPropSelector.js +0 -52
  698. package/lib-module/utils/props/handlerProps.js +0 -105
  699. package/lib-module/utils/props/hrefAttrsProp.js +0 -33
  700. package/lib-module/utils/props/index.js +0 -19
  701. package/lib-module/utils/props/inputSupportsProps.js +0 -68
  702. package/lib-module/utils/props/linkProps.js +0 -43
  703. package/lib-module/utils/props/paddingProp.js +0 -9
  704. package/lib-module/utils/props/pressProps.js +0 -42
  705. package/lib-module/utils/props/rectProp.js +0 -9
  706. package/lib-module/utils/props/responsiveProps.js +0 -28
  707. package/lib-module/utils/props/selectSystemProps.js +0 -23
  708. package/lib-module/utils/props/spacingProps.js +0 -57
  709. package/lib-module/utils/props/textInputProps.js +0 -188
  710. package/lib-module/utils/props/textProps.js +0 -61
  711. package/lib-module/utils/props/tokens.js +0 -130
  712. package/lib-module/utils/props/variantProp.js +0 -18
  713. package/lib-module/utils/props/viewProps.js +0 -21
  714. package/lib-module/utils/ssr-media-query/create-stylesheet/create-stylesheet-mobile.js +0 -48
  715. package/lib-module/utils/ssr-media-query/create-stylesheet/index.android.js +0 -2
  716. package/lib-module/utils/ssr-media-query/create-stylesheet/index.ios.js +0 -2
  717. package/lib-module/utils/ssr-media-query/create-stylesheet/index.js +0 -36
  718. package/lib-module/utils/ssr-media-query/hash.js +0 -13
  719. package/lib-module/utils/ssr-media-query/index.js +0 -6
  720. package/lib-module/utils/ssr-media-query/utils/common.js +0 -33
  721. package/lib-module/utils/ssr-media-query/utils/create-declaration-block.js +0 -16
  722. package/lib-module/utils/ssr-media-query/utils/create-media-query-styles.js +0 -60
  723. package/lib-module/utils/ssr-media-query/utils/hyphenate-style-name.js +0 -12
  724. package/lib-module/utils/ssr-media-query/utils/inject.js +0 -39
  725. package/lib-module/utils/ssr.js +0 -142
  726. package/lib-module/utils/transformGradient.js +0 -15
  727. package/lib-module/utils/useCopy.js +0 -42
  728. package/lib-module/utils/useHash.js +0 -41
  729. package/lib-module/utils/useHash.native.js +0 -6
  730. package/lib-module/utils/useOverlaidPosition.js +0 -214
  731. package/lib-module/utils/useResponsiveProp.js +0 -45
  732. package/lib-module/utils/useSafeLayoutEffect.js +0 -28
  733. package/lib-module/utils/useScrollBlocking.js +0 -51
  734. package/lib-module/utils/useScrollBlocking.native.js +0 -2
  735. package/lib-module/utils/useSpacingScale.js +0 -123
  736. package/lib-module/utils/useUniqueId.js +0 -11
  737. package/lib-module/utils/withLinkRouter.js +0 -84
package/lib-module/SkipLink/SkipLink.js DELETED
@@ -1,190 +0,0 @@
1
- import React from 'react';
2
- import Platform from "react-native-web/dist/exports/Platform";
3
- import Pressable from "react-native-web/dist/exports/Pressable";
4
- import StyleSheet from "react-native-web/dist/exports/StyleSheet";
5
- import Text from "react-native-web/dist/exports/Text";
6
- import PropTypes from 'prop-types';
7
- import { useThemeTokensCallback } from '../ThemeProvider';
8
- import { a11yProps, clickProps, getTokensPropType, linkProps, resolvePressableTokens, selectSystemProps, variantProp, withLinkRouter } from '../utils';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, linkProps]);
11
-
12
- // ensure explicit selection of tokens
13
- const selectStyles = _ref => {
14
- let {
15
- backgroundColor,
16
- outlineColor,
17
- outlineOffset,
18
- outlineStyle,
19
- outlineWidth,
20
- paddingHorizontal,
21
- paddingVertical,
22
- borderRadius
23
- } = _ref;
24
- return {
25
- backgroundColor,
26
- outlineColor,
27
- outlineOffset,
28
- outlineStyle,
29
- outlineWidth,
30
- paddingHorizontal,
31
- paddingVertical,
32
- borderRadius
33
- };
34
- };
35
- const selectTextStyles = _ref2 => {
36
- let {
37
- color,
38
- textLine,
39
- fontName,
40
- fontSize,
41
- fontWeight,
42
- lineHeight
43
- } = _ref2;
44
- return {
45
- color,
46
- textDecorationLine: textLine,
47
- fontFamily: `${fontName}${fontWeight}normal`,
48
- lineHeight: fontSize * lineHeight,
49
- fontSize
50
- };
51
- };
52
-
53
- /**
54
- * A generic Skip link component, unstyled by default.
55
- * A Skip link component help keyboard-only users, screen reader users to skip
56
- * sections and navigate to the content they want.
57
- *
58
- * ## Component API
59
- *
60
- * For common uses, pass a `href` that is a # link to a DOM id that can be skipped to (web only).
61
- *
62
- * The element with this ID should be focusable, e.g. `<Box nativeID="skip-target" focusable>`.
63
- *
64
- * Other custom behaviour may be set by passing an `onPress` function, and routers may be integrated
65
- * in the same way as other navigation-related components by passing a `LinkRouter`; but a # anchor
66
- * href on web and/or a `targetRef` for cross-platform applications is the recommended approach.
67
- *
68
- * ## Visible styling
69
- *
70
- * When focused, the skip link shows as a visible element similar to a simplified ButtonLink using
71
- * UDS theming. The `tokens` prop may be used to override these styles.
72
- *
73
- * To control the background of a skip link, the following tokens can be used:
74
- *
75
- * - `backgroundColor`
76
- * *
77
- * In order to control the color of the skip link text, the following tokens can be used:
78
- *
79
- * - `color`
80
- *
81
- * ### Padding
82
- *
83
- * The following padding tokens can be used:
84
- *
85
- * - `paddingHorizontal`
86
- * - `paddingVertical`
87
- *
88
- * ### Outline
89
- *
90
- * The following tokens to control the outline:
91
- *
92
- * - `outlineColor`
93
- * - `outlineOffset`
94
- * - `outlineStyle`
95
- * - `outlineWidth`
96
- *
97
- * ## Usability and A11y guidelines
98
- *
99
- * - The skip link component is visually hidden until a keyboard press activates it.
100
- * - Usually, you should place the skip link immediately after the opening <body> tag.
101
- * - This lets users bypass top-level navigation links and jump to the main content on a page.
102
- * - Also consider using SkipLink before a complex feature containing many focusable elements.
103
- *
104
- * ## Accessibility
105
- *
106
- * Skip link supports all the common a11y and link props.
107
- */
108
- const SkipLink = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
109
- let {
110
- tokens,
111
- variant,
112
- href,
113
- children,
114
- ...rawRest
115
- } = _ref3;
116
- const {
117
- onPress,
118
- ...rest
119
- } = clickProps.toPressProps(rawRest);
120
- const getTokens = useThemeTokensCallback('SkipLink', tokens, variant);
121
- const handlePress = event => {
122
- if (typeof onPress === 'function') onPress(event);
123
- // TODO - support native apps with something based on refs and/or setAccessibilityFocus
124
- };
125
-
126
- return /*#__PURE__*/_jsx(Pressable, {
127
- ref: ref,
128
- accessibilityRole: "link",
129
- onPress: handlePress,
130
- href: href,
131
- style: pressableState => {
132
- const themeTokens = resolvePressableTokens(getTokens, pressableState);
133
- const skipLinkStyle = selectStyles(themeTokens);
134
- const {
135
- focused
136
- } = pressableState;
137
- return [staticStyles.absolute, skipLinkStyle, !focused && staticStyles.hidden];
138
- },
139
- ...selectProps(rest),
140
- children: pressableState => {
141
- const themeTokens = resolvePressableTokens(getTokens, pressableState);
142
- const textStyles = selectTextStyles(themeTokens);
143
- return /*#__PURE__*/_jsx(Text, {
144
- style: [textStyles, staticStyles.baseline],
145
- children: children
146
- });
147
- }
148
- });
149
- });
150
- SkipLink.displayName = 'SkipLink';
151
- SkipLink.propTypes = {
152
- ...selectedSystemPropTypes,
153
- /**
154
- * The text content shown or read out when the SkipLink is focused, usually a string.
155
- */
156
- children: PropTypes.node,
157
- /**
158
- * The target to skip to. Usually an anchor link to a section id (e.g. href="#main-section").
159
- */
160
- href: PropTypes.string,
161
- tokens: getTokensPropType('SkipLink'),
162
- variant: variantProp.propType
163
- };
164
- const staticStyles = StyleSheet.create({
165
- baseline: {
166
- alignSelf: 'baseline'
167
- },
168
- absolute: {
169
- margin: 0,
170
- position: 'absolute',
171
- top: 0,
172
- left: 0
173
- },
174
- hidden: {
175
- overflow: 'hidden',
176
- ...Platform.select({
177
- web: {
178
- clip: 'rect(0 0 0 0)',
179
- clipPath: 'inset(50%)'
180
- },
181
- default: {
182
- // width / height of 0 would make it non-focusable
183
- height: 1,
184
- width: 1,
185
- opacity: 0
186
- }
187
- })
188
- }
189
- });
190
- export default withLinkRouter(SkipLink);
package/lib-module/SkipLink/index.js DELETED
@@ -1,2 +0,0 @@
1
- import SkipLink from './SkipLink';
2
- export default SkipLink;
package/lib-module/Spacer/Spacer.js DELETED
@@ -1,95 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import StyleSheet from "react-native-web/dist/exports/StyleSheet";
4
- import View from "react-native-web/dist/exports/View";
5
- import { a11yProps, selectSystemProps, spacingProps, useSpacingScale, viewProps } from '../utils';
6
-
7
- /**
8
- * @typedef {import('../utils/props/spacingProps.js').SpacingValue} SpacingValue
9
- * @typedef {import('../utils/props/spacingProps.js').SpacingObject} SpacingObject
10
- */
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
13
- const selectSizeStyle = (size, direction) => ({
14
- // Only apply space in one direction at a time, else large spacers will increase the
15
- // 'across' size of the parent and mess up siblings with styles like `alignItems: stretch`.
16
- [direction === 'row' ? 'width' : 'height']: size
17
- });
18
-
19
- /**
20
- * An empty element used to create a gap between components that is sized according to the theme spacing scale,
21
- * passing its `space` prop ({@link SpacingValue}) to `useSpacingScale`.
22
- *
23
- * ## Simple spacing
24
- *
25
- * For most simple uses, pass a number to Spacer's `space` prop referring to an index in the theme's
26
- * spacing scale. For example, for a spacer of the theme's smallest non-zero spacing size:
27
- *
28
- * ```jsx
29
- * <Spacer space={1} />
30
- * ```
31
- *
32
- * ## Responsive spacing
33
- *
34
- * Different spacing scale sizes may be chosen for different viewports by passing `space` a {@link SpacingObject}
35
- * using keys for the viewports at and above which certain spacing indexes should apply.
36
- *
37
- * This can be useful when a Spacer is inside a layout with a shape that changes between viewports.
38
- *
39
- * For example, a spacer might need no width below 'md' viewport because the items it separates will be on separate lines,
40
- * but may need a visible size above that viewport, and a wider size at the highest viewport:
41
- *
42
- * ```jsx
43
- * <Spacer space={{ xs: 0, md: 2, xl: 3 }} />
44
- * ```
45
- *
46
- * Note that themes may also define viewport-specific behaviour for indexes on the spacing scale. These viewport
47
- * props should only be used where necessary to achieve a certain responsive layoutm and shouldn't be used to replace
48
- * or deviate from responsive spacing behaviour in a theme that is intended to apply universally.
49
- *
50
- * ## More options
51
- *
52
- * See `useSpacingScale` hook for more options that may be used with the `space` prop.
53
- *
54
- * ## Accessibility
55
- *
56
- * Spacer has no content and is ignored by tools such as screen readers. Use `Divider` for
57
- * separations between elements that may be treated as semantically meaningful on web.
58
- */
59
- const Spacer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
60
- let {
61
- space = 1,
62
- direction = 'column',
63
- ...rest
64
- } = _ref;
65
- const size = useSpacingScale(space);
66
- const sizeStyle = selectSizeStyle(size, direction);
67
- return /*#__PURE__*/_jsx(View, {
68
- ref: ref,
69
- style: [staticStyles.stretch, sizeStyle],
70
- ...selectProps(rest)
71
- });
72
- });
73
- Spacer.displayName = 'Spacer';
74
- Spacer.propTypes = {
75
- ...selectedSystemPropTypes,
76
- /**
77
- * The size of the spacer according to the theme's spacing scale.
78
- * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
79
- * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
80
- */
81
- space: spacingProps.types.spacingValue,
82
- /**
83
- * The spacer applies space in only one direction, which is controlled by the `direction` prop:
84
- *
85
- * - `'column'` (default) applies space vertically; has a fixed height and not width.
86
- * - `'row'` applies space horizontally; has a fixed width and not height.
87
- */
88
- direction: PropTypes.oneOf(['column', 'row'])
89
- };
90
- const staticStyles = StyleSheet.create({
91
- stretch: {
92
- alignSelf: 'stretch'
93
- }
94
- });
95
- export default Spacer;
package/lib-module/Spacer/index.js DELETED
@@ -1,2 +0,0 @@
1
- import Spacer from './Spacer';
2
- export default Spacer;
package/lib-module/StackView/StackView.js DELETED
@@ -1,126 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import View from "react-native-web/dist/exports/View";
4
- import Divider from '../Divider';
5
- import { a11yProps, getA11yPropsFromHtmlTag, getTokensPropType, layoutTags, responsiveProps, selectSystemProps, spacingProps, useResponsiveProp, variantProp, viewProps } from '../utils';
6
- import { useThemeTokens } from '../ThemeProvider';
7
- import { useViewport } from '../ViewportProvider';
8
- import getStackedContent from './getStackedContent';
9
- import { staticStyles, selectFlexStyles } from './common';
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
12
-
13
- /**
14
- * StackView evenly spaces its children, by default placing `Spacer` components between them.
15
- *
16
- * ## Spacing
17
- *
18
- * StackView takes the same spacing props as `Spacer` and passes them directly to the layout components
19
- * it uses for spacing.
20
- *
21
- * ## Direction
22
- *
23
- * Use `direction` to control how the children are stacked:
24
- *
25
- * - `'column'` (default) stacks and spaces the children vertically.
26
- * - `'row'` stacks and spaces the children horizontally.
27
- * - `'column-reverse'` acts the same as `'column'`, but reverses the direction.
28
- * - `'row-reverse'` acts the same as `'row'`, but reverses the direction.
29
- *
30
- * `direction` is an optionally responsive prop and may be an object keyed by viewports. For example,
31
- * `{ xs: 'column', md: 'row' } stacks as a column on `xs` and `sm` viewports and a row at 'md' and above.
32
- *
33
- * ## Theming, alignment and justification
34
- *
35
- * `StackView` is a pure layout component and has no theme styles beyond a small set of layout styles
36
- * (`alignItems`, `justifyContent`, `flexGrow`) which may be set using the `tokens` prop. If the
37
- * tokens prop is a function it will recieve the current viewport.
38
- *
39
- * All other styling such as borders, background colours, padding etc should be applied by wrapping
40
- * the `StackView` in other components. For example, a `StackView` may be the child of a `Card`.
41
- *
42
- * ## Separator options
43
- *
44
- * By default, StackView inserts a `<Spacer>` component between each rendered child.
45
- *
46
- * With the `divider` prop, it instead renders a `Divider` instead of a `Spacer`. The gap between
47
- * items will be double what it would be without this prop plus the width of the divider.
48
- *
49
- * ## Accessibility
50
- *
51
- * `StackView` may take any React Native accessibility props and applies them to the outer `View`.
52
- * It applies no accessibility props of its own, unless `divider` prop is passed (`Divider` has a
53
- * semantic role but only on web, not within native apps).
54
- */
55
- const StackView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
56
- let {
57
- space = 0,
58
- divider,
59
- direction: directionProp = 'column',
60
- children,
61
- variant,
62
- tokens,
63
- tag,
64
- accessibilityRole,
65
- ...rest
66
- } = _ref;
67
- const viewport = useViewport();
68
- const direction = useResponsiveProp(directionProp, 'column');
69
- const selectedProps = selectProps({
70
- accessibilityRole,
71
- ...getA11yPropsFromHtmlTag(tag, accessibilityRole),
72
- ...rest
73
- });
74
- const content = getStackedContent(children, {
75
- direction,
76
- divider,
77
- space
78
- });
79
- const themeTokens = useThemeTokens('StackView', tokens, variant, {
80
- viewport
81
- });
82
- const flexStyles = selectFlexStyles(themeTokens);
83
- const size = {
84
- width: themeTokens.width
85
- };
86
- return /*#__PURE__*/_jsx(View, {
87
- ref: ref,
88
- ...selectedProps,
89
- style: [flexStyles, staticStyles[direction], size],
90
- children: content
91
- });
92
- });
93
- StackView.displayName = 'StackView';
94
- StackView.propTypes = {
95
- ...selectedSystemPropTypes,
96
- tokens: getTokensPropType('StackView'),
97
- variant: variantProp.propType,
98
- /**
99
- * Sets the `flexDirection` of the container and, if `divider` is used, gives the Divider the appropriate direction.
100
- */
101
- direction: responsiveProps.getTypeOptionallyByViewport(PropTypes.oneOf(['column', 'row', 'column-reverse', 'row-reverse'])),
102
- /**
103
- * If true, renders a UDS `Divider` component between each item. If an object is passed,
104
- * this object is passes as props to each Divider.
105
- */
106
- divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape(Divider.propTypes)]),
107
- /**
108
- * The size of the spacer according to the theme's spacing scale.
109
- * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
110
- * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
111
- */
112
- space: spacingProps.types.spacingValue,
113
- /**
114
- * Optional semantic HTML tag, to apply to the container on web. Does not change styling.
115
- *
116
- * In native apps, if a header tag is provided ("h1", "h2" etc) and accessibilityRole prop
117
- * is not defined, the accessibilityRole will default to "heading".
118
- */
119
- tag: PropTypes.oneOf(layoutTags),
120
- /**
121
- * A StackView may take any children, but will have no effect if it is only passed one child or is passed children
122
- * wrapped in a component. If necessary, children may be wrapped in one React Fragment.
123
- */
124
- children: PropTypes.node
125
- };
126
- export default StackView;
package/lib-module/StackView/StackWrap.js DELETED
@@ -1,51 +0,0 @@
1
- import React from 'react';
2
- import Platform from "react-native-web/dist/exports/Platform";
3
- import useSafeLayoutEffect from '../utils/useSafeLayoutEffect';
4
- import StackWrapBox from './StackWrapBox';
5
- import StackWrapGap from './StackWrapGap';
6
-
7
- // In Jest/CI/SSR, global CSS isn't always available and doesn't always have .supports method
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- const cssSupports = (property, value) => {
10
- var _window$CSS;
11
- return Platform.OS === 'web' && typeof window !== 'undefined' && typeof ((_window$CSS = window.CSS) === null || _window$CSS === void 0 ? void 0 : _window$CSS.supports) === 'function' && window.CSS.supports(property, value);
12
- };
13
-
14
- // CSS.supports needs an example of the type of value you intend to use.
15
- // Will be an integer appended `px` after hooks and JSX styles are resolved.
16
- const exampleGapValue = '1px';
17
-
18
- /**
19
- * StackWrap is an alternative to StackView where the spaced items are allowed to wrap.
20
- *
21
- * As well as providing space between the items, StackWrap provides `gap` space between
22
- * wrapped lines of items. By default, this `gap` is the same as the gap between spaced items.
23
- * If a different spacing is desired between wrapped lines, pass a spacing value to the `gap` prop.
24
- */
25
- const StackWrap = /*#__PURE__*/React.forwardRef((props, ref) => {
26
- const [canUseCSSGap, setCanUseCSSGap] = React.useState(false);
27
- const {
28
- space
29
- } = props;
30
- // Don't apply separate gap if `null` or `undefined`, so can be unset in Storybook etc
31
- const gap = props.gap ?? space;
32
- const gapEqualsSpace = gap === space;
33
-
34
- // If possible, use the cleaner implementation that applies CSS `gap` styles to the container,
35
- // preserving direct parent-child relationships between the container and each item, which
36
- // can result in clearer descriptions on some screen readers (e.g. radio "X of Y" on MacOS).
37
- // Else, use the fallback implementation which renders a `Box` component around each child.
38
- const Component = canUseCSSGap ? StackWrapGap : StackWrapBox;
39
- // In SSR, the type of implementation must match the server during hydration, but
40
- // the server can't know if gap is supported, so never use it until after hydration.
41
- useSafeLayoutEffect(() => {
42
- setCanUseCSSGap(gapEqualsSpace && cssSupports('gap', exampleGapValue));
43
- }, [gapEqualsSpace]);
44
- return /*#__PURE__*/_jsx(Component, {
45
- ref: ref,
46
- ...props
47
- });
48
- });
49
- StackWrap.displayName = 'StackWrap';
50
- StackWrap.propTypes = StackWrapBox.propTypes;
51
- export default StackWrap;
package/lib-module/StackView/StackWrap.native.js DELETED
@@ -1,4 +0,0 @@
1
- import StackWrapBox from './StackWrapBox';
2
-
3
- // No support for CSS `gap` on React Native, so always use the fallback "box" implementation.
4
- export default StackWrapBox;
package/lib-module/StackView/StackWrapBox.js DELETED
@@ -1,114 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import View from "react-native-web/dist/exports/View";
4
- import { a11yProps, getA11yPropsFromHtmlTag, getTokensPropType, layoutTags, responsiveProps, selectSystemProps, spacingProps, useSpacingScale, useResponsiveProp, viewProps } from '../utils';
5
- import { useThemeTokens } from '../ThemeProvider';
6
- import { useViewport } from '../ViewportProvider';
7
- import getStackedContent from './getStackedContent';
8
- import { staticStyles, selectFlexStyles } from './common';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
11
- const offsetSides = {
12
- row: 'marginBottom',
13
- column: 'marginRight'
14
- };
15
- const gapSides = {
16
- row: 'bottom',
17
- column: 'right'
18
- };
19
- const spaceSides = {
20
- row: 'right',
21
- column: 'bottom'
22
- };
23
-
24
- /**
25
- * An alternative fallback implementation of `StackWrap` that doesn't use CSS `gap`.
26
- *
27
- * This is not intended to be used directly. It will automatically be used instead of StackWrap in:
28
- *
29
- * - Native apps (no `gap` style prop in React Native).
30
- * - Older (~<=2020) browsers which don't support CSS `gap`.
31
- * - Cases where the `space` between items should be different to the `gap` between wrapped rows .
32
- *
33
- * Unlike the cleaner and more side-effect-free CSS gap StackWrap implementation, this renders a Box (View)
34
- * between the container and the stacked children, and requires a negative margin on the container.
35
- */
36
- const StackWrapBox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
37
- let {
38
- space = 1,
39
- gap = space,
40
- direction: directionProp = 'row',
41
- children,
42
- tokens,
43
- variant,
44
- tag,
45
- accessibilityRole,
46
- ...rest
47
- } = _ref;
48
- const viewport = useViewport();
49
- const direction = useResponsiveProp(directionProp, 'row');
50
- const themeTokens = useThemeTokens('StackView', tokens, variant, {
51
- viewport
52
- });
53
- const flexStyles = selectFlexStyles(themeTokens);
54
- const selectedProps = selectProps({
55
- accessibilityRole,
56
- ...getA11yPropsFromHtmlTag(tag, accessibilityRole),
57
- ...rest
58
- });
59
-
60
- // Mimic CSS `gap` using box spacing on the side after a wrapped row then offsetting it on the last row.
61
- const gapSize = useSpacingScale(gap);
62
- const offsetStyle = {
63
- [offsetSides[direction]]: -1 * gapSize
64
- };
65
- const boxProps = {
66
- [gapSides[direction]]: gap,
67
- [spaceSides[direction]]: space
68
- };
69
- const content = getStackedContent(children, {
70
- direction,
71
- space: 0,
72
- box: boxProps
73
- });
74
- return /*#__PURE__*/_jsx(View, {
75
- ref: ref,
76
- ...selectedProps,
77
- style: [flexStyles, staticStyles.wrap, staticStyles[direction], offsetStyle],
78
- children: content
79
- });
80
- });
81
- StackWrapBox.displayName = 'StackWrapBox';
82
- StackWrapBox.propTypes = {
83
- ...selectedSystemPropTypes,
84
- tokens: getTokensPropType('StackView'),
85
- /**
86
- * Sets the `flexDirection` of the container
87
- */
88
- direction: responsiveProps.getTypeOptionallyByViewport(PropTypes.oneOf(['column', 'row', 'row-reverse', 'column-reverse'])),
89
- /**
90
- * The size of the space between items according to the theme's spacing scale.
91
- * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
92
- * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
93
- */
94
- space: spacingProps.types.spacingValue,
95
- /**
96
- * The size of the space between lines of content, according to the theme's spacing scale. By default, matches `space`.
97
- * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
98
- * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
99
- */
100
- gap: spacingProps.types.spacingValue,
101
- /**
102
- * Optional semantic HTML tag, to apply to the container on web. Does not change styling.
103
- *
104
- * In native apps, if a header tag is provided ("h1", "h2" etc) and accessibilityRole prop
105
- * is not defined, the accessibilityRole will default to "heading".
106
- */
107
- tag: PropTypes.oneOf(layoutTags),
108
- /**
109
- * A StackWrap may take any children, but will have no effect if it is only passed one child or is passed children
110
- * wrapped in a component. If necessary, children may be wrapped in one React Fragment.
111
- */
112
- children: PropTypes.node
113
- };
114
- export default StackWrapBox;
package/lib-module/StackView/StackWrapGap.js DELETED
@@ -1,61 +0,0 @@
1
- import React from 'react';
2
- import View from "react-native-web/dist/exports/View";
3
- import StackWrapBox from './StackWrapBox';
4
- import { a11yProps, getA11yPropsFromHtmlTag, selectSystemProps, useSpacingScale, useResponsiveProp, viewProps } from '../utils';
5
- import { useThemeTokens } from '../ThemeProvider';
6
- import { useViewport } from '../ViewportProvider';
7
- import getStackedContent from './getStackedContent';
8
- import { staticStyles, selectFlexStyles } from './common';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- const [selectProps] = selectSystemProps([a11yProps, viewProps]);
11
-
12
- /**
13
- * The primary implementation of StackWrap.
14
- *
15
- * This is not intended to be used directly. It will automatically be used instead of StackWrap if:
16
- *
17
- * - On web, and,
18
- * - On a browser that supports CSS `gap` (most browser versions from 2020 onwards), and,
19
- * - The `space` between items is the same as the `gap` between wrapped rows (this is the
20
- * default if `gap` prop is undefined)
21
- */
22
- const StackWrapGap = /*#__PURE__*/React.forwardRef((_ref, ref) => {
23
- let {
24
- space = 1,
25
- tokens,
26
- variant,
27
- direction: directionProp = 'row',
28
- children,
29
- tag,
30
- accessibilityRole,
31
- ...rest
32
- } = _ref;
33
- const viewport = useViewport();
34
- const direction = useResponsiveProp(directionProp, 'row');
35
- const themeTokens = useThemeTokens('StackView', tokens, variant, {
36
- viewport
37
- });
38
- const flexStyles = selectFlexStyles(themeTokens);
39
- const selectedProps = selectProps({
40
- accessibilityRole,
41
- ...getA11yPropsFromHtmlTag(tag, accessibilityRole),
42
- ...rest
43
- });
44
- const size = useSpacingScale(space);
45
- const gapStyle = {
46
- gap: size
47
- };
48
- const content = getStackedContent(children, {
49
- direction,
50
- space: 0
51
- });
52
- return /*#__PURE__*/_jsx(View, {
53
- ref: ref,
54
- ...selectedProps,
55
- style: [flexStyles, staticStyles.wrap, staticStyles[direction], gapStyle],
56
- children: content
57
- });
58
- });
59
- StackWrapGap.displayName = 'StackWrapGap';
60
- StackWrapGap.propTypes = StackWrapBox.propTypes;
61
- export default StackWrapGap;
package/lib-module/StackView/common.js DELETED
@@ -1,35 +0,0 @@
1
- import StyleSheet from "react-native-web/dist/exports/StyleSheet";
2
- export const selectFlexStyles = _ref => {
3
- let {
4
- alignItems,
5
- justifyContent,
6
- flexGrow,
7
- flexShrink
8
- } = _ref;
9
- return {
10
- alignItems,
11
- justifyContent,
12
- flexGrow,
13
- flexShrink
14
- };
15
- };
16
- export const staticStyles = StyleSheet.create({
17
- wrap: {
18
- flexShrink: 1,
19
- flexWrap: 'wrap'
20
- },
21
- row: {
22
- flexDirection: 'row'
23
- },
24
- 'row-reverse': {
25
- flexDirection: 'row-reverse'
26
- },
27
- column: {
28
- // This is the React Native View default, but also it's very fundamental to the behaviour,
29
- // so make it explicit and allow it to be tested for.
30
- flexDirection: 'column'
31
- },
32
- 'column-reverse': {
33
- flexDirection: 'column-reverse'
34
- }
35
- });