@conveyorhq/arrow-ds 2.0.0-beta.1 → 2.0.0-beta.10

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 (786) hide show
  1. package/package.json +34 -25
  2. package/public/components/Accordion/Accordion.d.ts +36 -17
  3. package/public/components/Accordion/Accordion.js +93 -55
  4. package/public/components/Accordion/context.d.ts +14 -0
  5. package/public/components/Accordion/context.js +33 -0
  6. package/public/components/Accordion/index.d.ts +1 -0
  7. package/public/components/Accordion/index.js +1 -0
  8. package/public/components/Accordion/types.d.ts +18 -0
  9. package/public/components/Accordion/types.js +2 -0
  10. package/public/components/Avatar/Avatar.d.ts +2 -1
  11. package/public/components/Avatar/Avatar.js +28 -23
  12. package/public/components/Avatar/AvatarGroup.d.ts +1 -1
  13. package/public/components/Avatar/AvatarGroup.js +11 -1
  14. package/public/components/Button/Button.d.ts +3 -2
  15. package/public/components/Button/Button.js +5 -2
  16. package/public/components/Checkbox/Checkbox.js +2 -20
  17. package/public/components/CloseButton/CloseButton.d.ts +1 -2
  18. package/public/components/ConveyorLogo/ConveyorLogo.d.ts +2 -1
  19. package/public/components/ConveyorLogo/ConveyorLogo.js +8 -8
  20. package/public/components/DatePicker/DatePicker.js +41 -9
  21. package/public/components/DateRangePicker/CustomDateRangeInput.js +3 -2
  22. package/public/components/Divider/Divider.d.ts +1 -9
  23. package/public/components/Divider/Divider.js +13 -24
  24. package/public/components/Drawer/Drawer.js +4 -2
  25. package/public/components/FileUpload/FileUpload.d.ts +4 -1
  26. package/public/components/FileUpload/FileUpload.js +4 -4
  27. package/public/components/FileUpload/FileUploadDnD.d.ts +3 -0
  28. package/public/components/FileUpload/FileUploadDnD.js +6 -3
  29. package/public/components/Flex/Flex.js +3 -4
  30. package/public/components/Frame/Frame.d.ts +1 -1
  31. package/public/components/Grid/Grid.d.ts +2 -2
  32. package/public/components/Grid/Grid.js +9 -3
  33. package/public/components/Icon/Icon.d.ts +24 -1
  34. package/public/components/Icon/Icon.js +52 -3
  35. package/public/components/Icon/svg/ArrowToBottom.d.ts +2 -0
  36. package/public/components/Icon/svg/ArrowToBottom.js +14 -0
  37. package/public/components/Icon/svg/BadgeCheck.d.ts +2 -0
  38. package/public/components/Icon/svg/BadgeCheck.js +13 -0
  39. package/public/components/Icon/svg/CommentAltCheck.d.ts +2 -0
  40. package/public/components/Icon/svg/CommentAltCheck.js +13 -0
  41. package/public/components/Icon/svg/Folders.d.ts +2 -0
  42. package/public/components/Icon/svg/Folders.js +13 -0
  43. package/public/components/Icon/svg/index.d.ts +4 -0
  44. package/public/components/Icon/svg/index.js +4 -0
  45. package/public/components/Input/Input.d.ts +3 -2
  46. package/public/components/Input/Input.js +7 -6
  47. package/public/components/Kbd/Kbd.d.ts +3 -0
  48. package/public/components/{Fixed/Fixed.js → Kbd/Kbd.js} +6 -6
  49. package/public/components/Kbd/index.d.ts +1 -0
  50. package/public/components/{Aside → Kbd}/index.js +1 -1
  51. package/public/components/Loading/Loading.d.ts +3 -2
  52. package/public/components/Loading/Loading.js +4 -7
  53. package/public/components/Markdown/Markdown.d.ts +1 -1
  54. package/public/components/Markdown/Markdown.js +4 -3
  55. package/public/components/MarkdownEditor/MarkdownEditor.js +1 -2
  56. package/public/components/MarkdownEditor/MarkdownHelp.js +4 -7
  57. package/public/components/MenuRenderer/MenuRenderer.js +2 -2
  58. package/public/components/Modal/Modal.d.ts +6 -0
  59. package/public/components/Modal/Modal.js +30 -20
  60. package/public/components/Modal/context.d.ts +6 -0
  61. package/public/components/Modal/context.js +15 -0
  62. package/public/components/Modal/index.d.ts +1 -0
  63. package/public/components/Modal/index.js +1 -0
  64. package/public/components/OptionButton/OptionButton.d.ts +28 -1
  65. package/public/components/OptionButton/OptionButton.js +65 -13
  66. package/public/components/OptionButton/context.d.ts +11 -0
  67. package/public/components/OptionButton/context.js +16 -0
  68. package/public/components/Overlay/Overlay.js +2 -2
  69. package/public/components/Paragraph/Paragraph.js +3 -7
  70. package/public/components/Popover/Popover.js +4 -4
  71. package/public/components/Reference/Reference.d.ts +2 -2
  72. package/public/components/ScrollSpy/ScrollSpy.d.ts +92 -0
  73. package/public/components/ScrollSpy/ScrollSpy.js +224 -0
  74. package/public/components/ScrollSpy/actions.d.ts +5 -0
  75. package/public/components/ScrollSpy/actions.js +11 -0
  76. package/public/components/ScrollSpy/index.d.ts +2 -0
  77. package/public/components/{Appbar → ScrollSpy}/index.js +2 -1
  78. package/public/components/ScrollSpy/reducers.d.ts +6 -0
  79. package/public/components/ScrollSpy/reducers.js +23 -0
  80. package/public/components/ScrollSpy/selectors.d.ts +3 -0
  81. package/public/components/ScrollSpy/selectors.js +7 -0
  82. package/public/components/ScrollSpy/types.d.ts +11 -0
  83. package/public/components/ScrollSpy/types.js +7 -0
  84. package/public/components/Select/Select.d.ts +3 -1
  85. package/public/components/Select/Select.js +20 -15
  86. package/public/components/Select/SelectPopover.d.ts +7 -1
  87. package/public/components/Select/SelectPopover.js +25 -13
  88. package/public/components/Select/index.d.ts +2 -0
  89. package/public/components/Select/index.js +3 -0
  90. package/public/components/Select/theme.js +22 -22
  91. package/public/components/SelectNew/hooks/useSelectLayout.js +2 -2
  92. package/public/components/Snackbar/Snackbar.d.ts +14 -22
  93. package/public/components/Snackbar/Snackbar.js +28 -85
  94. package/public/components/Snackbar/SnackbarProvider.d.ts +2 -0
  95. package/public/components/Snackbar/SnackbarProvider.js +21 -0
  96. package/public/components/Snackbar/constants.d.ts +2 -0
  97. package/public/components/Snackbar/constants.js +5 -0
  98. package/public/components/Snackbar/context.d.ts +4 -0
  99. package/public/components/Snackbar/context.js +17 -0
  100. package/public/components/Snackbar/helpers.d.ts +3 -0
  101. package/public/components/Snackbar/helpers.js +31 -0
  102. package/public/components/Snackbar/hooks.d.ts +2 -0
  103. package/public/components/Snackbar/hooks.js +47 -0
  104. package/public/components/Snackbar/index.d.ts +6 -0
  105. package/public/components/Snackbar/index.js +6 -0
  106. package/public/components/Snackbar/types.d.ts +43 -0
  107. package/public/components/Snackbar/types.js +2 -0
  108. package/public/components/SpeechBubble/SpeechBubble.d.ts +1 -0
  109. package/public/components/SpeechBubble/SpeechBubble.js +9 -2
  110. package/public/components/Stack/Stack.js +1 -1
  111. package/public/components/Svg/Svg.d.ts +3 -3
  112. package/public/components/Svg/Svg.js +1 -2
  113. package/public/components/Tab/Tab.js +1 -1
  114. package/public/components/Table/FilterDropdown.js +4 -4
  115. package/public/components/Table/Table.d.ts +5 -2
  116. package/public/components/Table/Table.js +11 -4
  117. package/public/components/Table/TableCell.d.ts +1 -0
  118. package/public/components/Table/TableCell.js +4 -2
  119. package/public/components/Table/TableHeaderCell.d.ts +2 -1
  120. package/public/components/Table/TableHeaderCell.js +24 -7
  121. package/public/components/Table/index.d.ts +3 -0
  122. package/public/components/Tag/Tag.d.ts +2 -2
  123. package/public/components/Toast/Toast.d.ts +3 -3
  124. package/public/components/Toast/Toast.js +6 -2
  125. package/public/components/Tooltip/Tooltip.d.ts +8 -4
  126. package/public/components/Tooltip/Tooltip.js +96 -72
  127. package/public/components/Tooltip/context.d.ts +7 -0
  128. package/public/components/Tooltip/context.js +15 -0
  129. package/public/components/Tooltip/index.d.ts +1 -0
  130. package/public/components/Tooltip/index.js +1 -0
  131. package/public/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
  132. package/public/components/VisuallyHidden/VisuallyHidden.js +3 -5
  133. package/public/css/styles.css +3400 -32484
  134. package/public/css/styles.min.css +1 -1
  135. package/public/css/styles.min.css.map +1 -1
  136. package/public/hooks/index.d.ts +5 -0
  137. package/public/hooks/index.js +11 -1
  138. package/public/hooks/useCopyToClipboard.d.ts +1 -0
  139. package/public/hooks/useCopyToClipboard.js +49 -0
  140. package/public/hooks/useIntersection.d.ts +8 -0
  141. package/public/hooks/useIntersection.js +26 -0
  142. package/public/hooks/useMatchMedia.d.ts +1 -0
  143. package/public/hooks/useMatchMedia.js +27 -0
  144. package/public/hooks/usePrefersReducedMotion.d.ts +1 -0
  145. package/public/hooks/usePrefersReducedMotion.js +9 -0
  146. package/public/hooks/useScreenOrientation.d.ts +1 -0
  147. package/public/hooks/useScreenOrientation.js +24 -0
  148. package/public/index.d.ts +3 -22
  149. package/public/index.js +4 -23
  150. package/public/src/style-dictionary/dist/tokens.css +378 -0
  151. package/public/src/style-dictionary/dist/tokens.d.ts +428 -0
  152. package/public/src/style-dictionary/dist/tokens.js +428 -0
  153. package/public/src/style-dictionary/dist/tokens.module.js +428 -0
  154. package/public/src/style-dictionary/tailwind.config.js +87 -0
  155. package/public/storybook-components/ComponentHeading.js +3 -5
  156. package/public/storybook-components/ComponentStatus.d.ts +1 -0
  157. package/public/storybook-components/ComponentStatus.js +4 -0
  158. package/public/storybook-components/EnumTable.js +2 -1
  159. package/public/storybook-components/Story.d.ts +2 -1
  160. package/public/storybook-components/Story.js +4 -1
  161. package/public/storybook-components/index.d.ts +1 -1
  162. package/public/storybook-components/index.js +1 -1
  163. package/public/style-dictionary/dist/tokens.d.ts +433 -0
  164. package/public/style-dictionary/dist/tokens.js +426 -0
  165. package/public/style-dictionary/dist/tokens.module.d.ts +431 -0
  166. package/public/style-dictionary/dist/tokens.module.js +424 -0
  167. package/public/style-dictionary/src/border-radius.d.ts +31 -0
  168. package/public/style-dictionary/src/border-radius.js +12 -0
  169. package/public/style-dictionary/src/border-width.d.ts +21 -0
  170. package/public/style-dictionary/src/border-width.js +11 -0
  171. package/public/style-dictionary/src/color.d.ts +249 -0
  172. package/public/style-dictionary/src/color.js +99 -0
  173. package/public/style-dictionary/src/font-size.d.ts +45 -0
  174. package/public/style-dictionary/src/font-size.js +16 -0
  175. package/public/style-dictionary/src/font-weight.d.ts +13 -0
  176. package/public/style-dictionary/src/font-weight.js +8 -0
  177. package/public/style-dictionary/src/height.d.ts +215 -0
  178. package/public/style-dictionary/src/height.js +13 -0
  179. package/public/style-dictionary/src/leading.d.ts +17 -0
  180. package/public/style-dictionary/src/leading.js +9 -0
  181. package/public/style-dictionary/src/screen-width.d.ts +17 -0
  182. package/public/style-dictionary/src/screen-width.js +9 -0
  183. package/public/style-dictionary/src/shadow.d.ts +63 -0
  184. package/public/style-dictionary/src/shadow.js +20 -0
  185. package/public/style-dictionary/src/spacing.d.ts +197 -0
  186. package/public/style-dictionary/src/spacing.js +70 -0
  187. package/public/style-dictionary/src/tracking.d.ts +13 -0
  188. package/public/style-dictionary/src/tracking.js +8 -0
  189. package/public/style-dictionary/src/type.d.ts +13 -0
  190. package/public/style-dictionary/src/type.js +35 -0
  191. package/public/style-dictionary/src/width.d.ts +287 -0
  192. package/public/style-dictionary/src/width.js +32 -0
  193. package/public/style-dictionary/src/z-index.d.ts +53 -0
  194. package/public/style-dictionary/src/z-index.js +22 -0
  195. package/public/style-dictionary/tailwind.config.d.ts +392 -0
  196. package/public/style-dictionary/tailwind.config.js +66 -0
  197. package/public/tokens/box-shadow.d.ts +1 -0
  198. package/public/tokens/box-shadow.js +10 -9
  199. package/public/tokens/font-family.js +1 -1
  200. package/public/tokens/height.d.ts +65 -43
  201. package/public/tokens/height.js +3 -44
  202. package/public/tokens/index.d.ts +526 -173
  203. package/public/tokens/index.js +1 -1
  204. package/public/tokens/margin.d.ts +129 -47
  205. package/public/tokens/margin.js +3 -47
  206. package/public/tokens/padding.d.ts +65 -24
  207. package/public/tokens/padding.js +2 -24
  208. package/public/tokens/sizing-scale.d.ts +133 -0
  209. package/public/tokens/sizing-scale.js +136 -0
  210. package/public/tokens/width.d.ts +197 -63
  211. package/public/tokens/width.js +6 -63
  212. package/public/types/index.d.ts +14 -18
  213. package/public/types/index.js +3 -24
  214. package/public/utilities/index.d.ts +1 -0
  215. package/public/utilities/index.js +3 -1
  216. package/public/utilities/mergeEventHandlers.d.ts +3 -0
  217. package/public/utilities/mergeEventHandlers.js +13 -0
  218. package/src/components/Accordion/Accordion.story.mdx +229 -22
  219. package/src/components/Accordion/Accordion.tsx +294 -113
  220. package/src/components/Accordion/context.ts +65 -0
  221. package/src/components/Accordion/index.css +25 -15
  222. package/src/components/Accordion/index.ts +1 -0
  223. package/src/components/Accordion/types.ts +59 -0
  224. package/src/components/Avatar/Avatar.story.mdx +60 -0
  225. package/src/components/Avatar/Avatar.tsx +62 -58
  226. package/src/components/Avatar/AvatarGroup.tsx +11 -9
  227. package/src/components/Avatar/index.css +10 -2
  228. package/src/components/Banner/Banner.story.mdx +4 -12
  229. package/src/components/Button/Button.story.mdx +116 -1
  230. package/src/components/Button/Button.tsx +13 -7
  231. package/src/components/Button/index.css +12 -6
  232. package/src/components/Button/product.css +12 -0
  233. package/src/components/Card/Card.story.mdx +56 -73
  234. package/src/components/Card/index.css +2 -2
  235. package/src/components/Checkbox/Checkbox.tsx +4 -24
  236. package/src/components/Checkbox/index.css +4 -3
  237. package/src/components/CloseButton/CloseButton.tsx +1 -1
  238. package/src/components/CloseButton/index.css +0 -5
  239. package/src/components/ConveyorLogo/ConveyorLogo.story.mdx +31 -0
  240. package/src/components/ConveyorLogo/ConveyorLogo.tsx +9 -6
  241. package/src/components/DatePicker/DatePicker.story.mdx +21 -0
  242. package/src/components/DatePicker/DatePicker.tsx +83 -14
  243. package/src/components/DatePicker/index.css +52 -8
  244. package/src/components/DateRangePicker/CustomDateRangeInput.tsx +25 -32
  245. package/src/components/DateRangePicker/index.css +1 -12
  246. package/src/components/Divider/Divider.tsx +26 -40
  247. package/src/components/Divider/index.css +16 -0
  248. package/src/components/Drawer/Drawer.story.mdx +68 -70
  249. package/src/components/Drawer/Drawer.tsx +9 -8
  250. package/src/components/Drawer/index.css +26 -1
  251. package/src/components/FileUpload/FileUpload.story.mdx +27 -1
  252. package/src/components/FileUpload/FileUpload.tsx +13 -6
  253. package/src/components/FileUpload/FileUploadDnD.tsx +21 -6
  254. package/src/components/FileUpload/index.css +2 -3
  255. package/src/components/Flex/Flex.story.mdx +130 -0
  256. package/src/components/Flex/Flex.tsx +7 -6
  257. package/src/components/Flex/index.css +3 -0
  258. package/src/components/Frame/Frame.story.mdx +146 -6
  259. package/src/components/Frame/Frame.tsx +1 -1
  260. package/src/components/Frame/index.css +8 -13
  261. package/src/components/Grid/Grid.story.mdx +205 -3
  262. package/src/components/Grid/Grid.tsx +44 -5
  263. package/src/components/Grid/index.css +3 -0
  264. package/src/components/Icon/Icon.tsx +93 -9
  265. package/src/components/Icon/svg/ArrowToBottom.tsx +17 -0
  266. package/src/components/Icon/svg/BadgeCheck.tsx +13 -0
  267. package/src/components/Icon/svg/CommentAltCheck.tsx +13 -0
  268. package/src/components/Icon/svg/Folders.tsx +13 -0
  269. package/src/components/Icon/svg/index.ts +4 -0
  270. package/src/components/Input/Input.story.mdx +199 -13
  271. package/src/components/Input/Input.tsx +39 -6
  272. package/src/components/Input/brand.css +6 -12
  273. package/src/components/Input/index.css +14 -0
  274. package/src/components/Input/product.css +10 -52
  275. package/src/components/Kbd/Kbd.story.mdx +44 -0
  276. package/src/components/Kbd/Kbd.tsx +11 -0
  277. package/src/components/Kbd/index.css +17 -0
  278. package/src/components/Kbd/index.ts +1 -0
  279. package/src/components/Link/index.css +4 -14
  280. package/src/components/Loading/Loading.story.mdx +16 -9
  281. package/src/components/Loading/Loading.tsx +17 -8
  282. package/src/components/Loading/index.css +1 -67
  283. package/src/components/Markdown/Markdown.story.mdx +67 -0
  284. package/src/components/Markdown/Markdown.tsx +5 -2
  285. package/src/components/Markdown/index.css +8 -11
  286. package/src/components/MarkdownEditor/MarkdownEditor.tsx +2 -3
  287. package/src/components/MarkdownEditor/MarkdownHelp.tsx +7 -10
  288. package/src/components/MarkdownEditor/index.css +5 -1
  289. package/src/components/Menu/index.css +2 -6
  290. package/src/components/MenuRenderer/MenuRenderer.story.mdx +1 -1
  291. package/src/components/MenuRenderer/MenuRenderer.tsx +1 -1
  292. package/src/components/Modal/Modal.story.mdx +83 -0
  293. package/src/components/Modal/Modal.tsx +61 -43
  294. package/src/components/Modal/context.ts +20 -0
  295. package/src/components/Modal/index.css +8 -3
  296. package/src/components/Modal/index.ts +1 -0
  297. package/src/components/OptionButton/OptionButton.story.mdx +175 -21
  298. package/src/components/OptionButton/OptionButton.tsx +215 -26
  299. package/src/components/OptionButton/context.ts +22 -0
  300. package/src/components/OptionButton/index.css +16 -4
  301. package/src/components/Overlay/Overlay.story.mdx +26 -0
  302. package/src/components/Overlay/Overlay.tsx +2 -3
  303. package/src/components/Overlay/index.css +1 -0
  304. package/src/components/Paragraph/Paragraph.story.mdx +16 -2
  305. package/src/components/Paragraph/Paragraph.tsx +5 -13
  306. package/src/components/Paragraph/index.css +6 -0
  307. package/src/components/Popover/Popover.tsx +1 -1
  308. package/src/components/Popover/index.css +5 -6
  309. package/src/components/Radio/index.css +3 -6
  310. package/src/components/Reference/Reference.tsx +2 -2
  311. package/src/components/Reference/index.css +1 -7
  312. package/src/components/ScrollSpy/ScrollSpy.story.mdx +14 -0
  313. package/src/components/ScrollSpy/ScrollSpy.tsx +407 -0
  314. package/src/components/ScrollSpy/actions.ts +8 -0
  315. package/src/components/ScrollSpy/index.css +7 -0
  316. package/src/components/ScrollSpy/index.ts +2 -0
  317. package/src/components/ScrollSpy/reducers.ts +24 -0
  318. package/src/components/ScrollSpy/selectors.ts +5 -0
  319. package/src/components/ScrollSpy/types.ts +13 -0
  320. package/src/components/Select/Select.story.mdx +54 -12
  321. package/src/components/Select/Select.tsx +51 -13
  322. package/src/components/Select/SelectPopover.tsx +68 -25
  323. package/src/components/Select/index.css +6 -0
  324. package/src/components/Select/index.ts +14 -0
  325. package/src/components/Select/theme.ts +22 -22
  326. package/src/components/SelectNew/hooks/useSelectLayout.ts +1 -1
  327. package/src/components/Snackbar/Snackbar.story.mdx +96 -9
  328. package/src/components/Snackbar/Snackbar.tsx +56 -145
  329. package/src/components/Snackbar/SnackbarProvider.tsx +31 -0
  330. package/src/components/Snackbar/constants.ts +2 -0
  331. package/src/components/Snackbar/context.ts +20 -0
  332. package/src/components/Snackbar/helpers.tsx +52 -0
  333. package/src/components/Snackbar/hooks.ts +57 -0
  334. package/src/components/Snackbar/index.css +2 -12
  335. package/src/components/Snackbar/index.ts +6 -0
  336. package/src/components/Snackbar/types.ts +180 -0
  337. package/src/components/SpeechBubble/SpeechBubble.story.mdx +76 -0
  338. package/src/components/SpeechBubble/SpeechBubble.tsx +22 -1
  339. package/src/components/SpeechBubble/index.css +7 -4
  340. package/src/components/Stack/Stack.tsx +1 -1
  341. package/src/components/Stack/index.css +0 -416
  342. package/src/components/Svg/Svg.story.mdx +36 -0
  343. package/src/components/Svg/Svg.tsx +6 -4
  344. package/src/components/Tab/Tab.tsx +2 -2
  345. package/src/components/Tab/index.css +4 -10
  346. package/src/components/Table/FilterDropdown.tsx +1 -1
  347. package/src/components/Table/Table.story.mdx +243 -0
  348. package/src/components/Table/Table.tsx +36 -1
  349. package/src/components/Table/TableCell.tsx +24 -1
  350. package/src/components/Table/TableHeaderCell.tsx +64 -11
  351. package/src/components/Table/index.css +138 -20
  352. package/src/components/Table/index.ts +3 -0
  353. package/src/components/Tag/Tag.story.mdx +1 -1
  354. package/src/components/Tag/Tag.tsx +2 -2
  355. package/src/components/Tag/index.css +6 -17
  356. package/src/components/Text/Text.story.mdx +34 -0
  357. package/src/components/Toast/Toast.story.mdx +1 -1
  358. package/src/components/Toast/Toast.tsx +14 -10
  359. package/src/components/Toast/index.css +4 -7
  360. package/src/components/Toggle/index.css +2 -16
  361. package/src/components/Token/Token.story.mdx +2 -2
  362. package/src/components/Token/index.css +2 -9
  363. package/src/components/Tooltip/Tooltip.story.mdx +350 -118
  364. package/src/components/Tooltip/Tooltip.tsx +198 -83
  365. package/src/components/Tooltip/context.ts +21 -0
  366. package/src/components/Tooltip/index.css +22 -14
  367. package/src/components/Tooltip/index.ts +1 -0
  368. package/src/components/VisuallyHidden/VisuallyHidden.story.mdx +54 -0
  369. package/src/components/VisuallyHidden/VisuallyHidden.tsx +10 -5
  370. package/src/components/VisuallyHidden/index.css +3 -0
  371. package/src/css/base.css +29 -0
  372. package/src/css/components.css +7 -13
  373. package/src/css/fonts.css +13 -10
  374. package/src/css/styles.css +1 -13
  375. package/src/css/utilities/animations.css +13 -0
  376. package/src/css/utilities.css +13 -0
  377. package/src/docs/Colors.story.mdx +13 -13
  378. package/src/docs/Spacing.story.mdx +4 -20
  379. package/src/docs/Tokens.story.mdx +230 -0
  380. package/src/docs/Typography.story.mdx +27 -101
  381. package/src/docs/hooks/useDisclosureHook.story.mdx +58 -0
  382. package/src/docs/hooks/useKeyPressHook.story.mdx +54 -0
  383. package/src/docs/hooks/useMatchMediaHook.story.mdx +42 -0
  384. package/src/docs/hooks/useOutsideClickHook.story.mdx +56 -0
  385. package/src/docs/hooks/usePrefersReducedMotion.story.mdx +61 -0
  386. package/src/docs/hooks/useScreenOrientationHook.story.mdx +56 -0
  387. package/src/docs/hooks/useStepHook.story.mdx +102 -0
  388. package/src/hooks/index.ts +5 -0
  389. package/src/hooks/useCopyToClipboard.ts +61 -0
  390. package/src/hooks/useIntersection.ts +45 -0
  391. package/src/hooks/useMatchMedia.ts +40 -0
  392. package/src/hooks/usePrefersReducedMotion.ts +9 -0
  393. package/src/hooks/useScreenOrientation.ts +27 -0
  394. package/src/index.ts +3 -22
  395. package/src/storybook-components/ComponentHeading.tsx +4 -19
  396. package/src/storybook-components/ComponentStatus.tsx +4 -0
  397. package/src/storybook-components/EnumTable.tsx +3 -2
  398. package/src/storybook-components/Story.tsx +13 -1
  399. package/src/storybook-components/index.tsx +1 -1
  400. package/src/style-dictionary/dist/tokens.css +378 -0
  401. package/src/style-dictionary/dist/tokens.d.ts +428 -0
  402. package/src/style-dictionary/dist/tokens.js +428 -0
  403. package/src/style-dictionary/dist/tokens.module.js +428 -0
  404. package/src/style-dictionary/src/border-radius.js +11 -0
  405. package/src/style-dictionary/src/border-width.js +10 -0
  406. package/src/style-dictionary/src/color.js +98 -0
  407. package/src/style-dictionary/src/font-size.js +15 -0
  408. package/src/style-dictionary/src/font-weight.js +7 -0
  409. package/src/style-dictionary/src/height.js +13 -0
  410. package/src/style-dictionary/src/leading.js +8 -0
  411. package/src/style-dictionary/src/screen-width.js +8 -0
  412. package/src/style-dictionary/src/shadow.js +20 -0
  413. package/src/style-dictionary/src/spacing.js +69 -0
  414. package/src/style-dictionary/src/tracking.js +7 -0
  415. package/src/style-dictionary/src/type.js +34 -0
  416. package/src/style-dictionary/src/width.js +32 -0
  417. package/src/style-dictionary/src/z-index.js +21 -0
  418. package/src/style-dictionary/tailwind.config.js +87 -0
  419. package/src/tokens/borders.ts +6 -0
  420. package/src/tokens/box-shadow.ts +15 -9
  421. package/src/tokens/colors.ts +6 -0
  422. package/src/tokens/font-family.ts +4 -1
  423. package/src/tokens/font-size.ts +3 -0
  424. package/src/tokens/font-weight.ts +3 -0
  425. package/src/tokens/height.ts +6 -44
  426. package/src/tokens/index.ts +5 -4
  427. package/src/tokens/letter-spacing.ts +3 -0
  428. package/src/tokens/line-height.ts +3 -0
  429. package/src/tokens/margin.ts +7 -47
  430. package/src/tokens/padding.ts +6 -24
  431. package/src/tokens/screens.ts +3 -0
  432. package/src/tokens/sizing-scale.ts +140 -0
  433. package/src/tokens/width.ts +16 -63
  434. package/src/tokens/will-change.ts +3 -0
  435. package/src/tokens/z-index.ts +3 -0
  436. package/src/types/index.ts +37 -24
  437. package/src/utilities/index.ts +1 -0
  438. package/src/utilities/mergeEventHandlers.ts +20 -0
  439. package/public/components/Absolute/Absolute.d.ts +0 -2
  440. package/public/components/Absolute/Absolute.js +0 -14
  441. package/public/components/Absolute/index.d.ts +0 -1
  442. package/public/components/Absolute/index.js +0 -5
  443. package/public/components/Appbar/Appbar.d.ts +0 -61
  444. package/public/components/Appbar/Appbar.js +0 -44
  445. package/public/components/Appbar/AppbarClaimProfileButton.d.ts +0 -2
  446. package/public/components/Appbar/AppbarClaimProfileButton.js +0 -10
  447. package/public/components/Appbar/AppbarDropdownIcon.d.ts +0 -1
  448. package/public/components/Appbar/AppbarDropdownIcon.js +0 -10
  449. package/public/components/Appbar/AppbarLogInButton.d.ts +0 -2
  450. package/public/components/Appbar/AppbarLogInButton.js +0 -26
  451. package/public/components/Appbar/AppbarLogo.d.ts +0 -2
  452. package/public/components/Appbar/AppbarLogo.js +0 -31
  453. package/public/components/Appbar/AppbarOrganization.d.ts +0 -17
  454. package/public/components/Appbar/AppbarOrganization.js +0 -35
  455. package/public/components/Appbar/AppbarProductMenu.d.ts +0 -13
  456. package/public/components/Appbar/AppbarProductMenu.js +0 -67
  457. package/public/components/Appbar/AppbarTabMarker.d.ts +0 -1
  458. package/public/components/Appbar/AppbarTabMarker.js +0 -11
  459. package/public/components/Appbar/AppbarTabs.d.ts +0 -10
  460. package/public/components/Appbar/AppbarTabs.js +0 -42
  461. package/public/components/Appbar/AppbarUser.d.ts +0 -27
  462. package/public/components/Appbar/AppbarUser.js +0 -76
  463. package/public/components/Appbar/config.d.ts +0 -7
  464. package/public/components/Appbar/config.js +0 -13
  465. package/public/components/Appbar/context.d.ts +0 -10
  466. package/public/components/Appbar/context.js +0 -16
  467. package/public/components/Appbar/index.d.ts +0 -1
  468. package/public/components/AptibleLogo/AptibleLogo.d.ts +0 -7
  469. package/public/components/AptibleLogo/AptibleLogo.js +0 -25
  470. package/public/components/AptibleLogo/AptibleLogo.story.d.ts +0 -1
  471. package/public/components/AptibleLogo/AptibleLogo.story.js +0 -37
  472. package/public/components/AptibleLogo/index.d.ts +0 -1
  473. package/public/components/AptibleLogo/index.js +0 -5
  474. package/public/components/ArrowButton/ArrowButton.d.ts +0 -9
  475. package/public/components/ArrowButton/ArrowButton.js +0 -22
  476. package/public/components/ArrowButton/index.d.ts +0 -1
  477. package/public/components/ArrowButton/index.js +0 -13
  478. package/public/components/ArrowLink/ArrowLink.d.ts +0 -9
  479. package/public/components/ArrowLink/ArrowLink.js +0 -21
  480. package/public/components/ArrowLink/index.d.ts +0 -1
  481. package/public/components/ArrowLink/index.js +0 -13
  482. package/public/components/Aside/Aside.d.ts +0 -14
  483. package/public/components/Aside/Aside.js +0 -28
  484. package/public/components/Aside/index.d.ts +0 -1
  485. package/public/components/Combobox/Combobox.d.ts +0 -2
  486. package/public/components/Combobox/Combobox.js +0 -75
  487. package/public/components/Combobox/ComboboxMulti.d.ts +0 -2
  488. package/public/components/Combobox/ComboboxMulti.js +0 -57
  489. package/public/components/Combobox/index.d.ts +0 -2
  490. package/public/components/Combobox/index.js +0 -14
  491. package/public/components/Combobox/ui.d.ts +0 -73
  492. package/public/components/Combobox/ui.js +0 -97
  493. package/public/components/Combobox/useSelect.d.ts +0 -60
  494. package/public/components/Combobox/useSelect.js +0 -239
  495. package/public/components/Fixed/Fixed.d.ts +0 -2
  496. package/public/components/Fixed/Fixed.story.d.ts +0 -1
  497. package/public/components/Fixed/Fixed.story.js +0 -12
  498. package/public/components/Fixed/index.d.ts +0 -1
  499. package/public/components/Fixed/index.js +0 -5
  500. package/public/components/Flex/Flex.story.d.ts +0 -1
  501. package/public/components/Flex/Flex.story.js +0 -12
  502. package/public/components/IntegrationLogo/IntegrationLogo.d.ts +0 -10
  503. package/public/components/IntegrationLogo/IntegrationLogo.js +0 -33
  504. package/public/components/IntegrationLogo/IntegrationLogoSvg.d.ts +0 -9
  505. package/public/components/IntegrationLogo/IntegrationLogoSvg.js +0 -52
  506. package/public/components/IntegrationLogo/index.d.ts +0 -1
  507. package/public/components/IntegrationLogo/index.js +0 -13
  508. package/public/components/IntegrationLogo/svg/addigy.d.ts +0 -2
  509. package/public/components/IntegrationLogo/svg/addigy.js +0 -17
  510. package/public/components/IntegrationLogo/svg/aws.d.ts +0 -2
  511. package/public/components/IntegrationLogo/svg/aws.js +0 -22
  512. package/public/components/IntegrationLogo/svg/bamboohr.d.ts +0 -2
  513. package/public/components/IntegrationLogo/svg/bamboohr.js +0 -18
  514. package/public/components/IntegrationLogo/svg/bitbucket.d.ts +0 -2
  515. package/public/components/IntegrationLogo/svg/bitbucket.js +0 -18
  516. package/public/components/IntegrationLogo/svg/conveyor.d.ts +0 -2
  517. package/public/components/IntegrationLogo/svg/conveyor.js +0 -20
  518. package/public/components/IntegrationLogo/svg/default.d.ts +0 -2
  519. package/public/components/IntegrationLogo/svg/default.js +0 -13
  520. package/public/components/IntegrationLogo/svg/deploy.d.ts +0 -2
  521. package/public/components/IntegrationLogo/svg/deploy.js +0 -17
  522. package/public/components/IntegrationLogo/svg/events-api.d.ts +0 -2
  523. package/public/components/IntegrationLogo/svg/events-api.js +0 -26
  524. package/public/components/IntegrationLogo/svg/gcp.d.ts +0 -3
  525. package/public/components/IntegrationLogo/svg/gcp.js +0 -15
  526. package/public/components/IntegrationLogo/svg/github.d.ts +0 -3
  527. package/public/components/IntegrationLogo/svg/github.js +0 -12
  528. package/public/components/IntegrationLogo/svg/gitlab.d.ts +0 -2
  529. package/public/components/IntegrationLogo/svg/gitlab.js +0 -19
  530. package/public/components/IntegrationLogo/svg/gsuite.d.ts +0 -2
  531. package/public/components/IntegrationLogo/svg/gsuite.js +0 -15
  532. package/public/components/IntegrationLogo/svg/index.d.ts +0 -21
  533. package/public/components/IntegrationLogo/svg/index.js +0 -54
  534. package/public/components/IntegrationLogo/svg/jamf.d.ts +0 -2
  535. package/public/components/IntegrationLogo/svg/jamf.js +0 -20
  536. package/public/components/IntegrationLogo/svg/jira.d.ts +0 -2
  537. package/public/components/IntegrationLogo/svg/jira.js +0 -21
  538. package/public/components/IntegrationLogo/svg/jumpcloud.d.ts +0 -2
  539. package/public/components/IntegrationLogo/svg/jumpcloud.js +0 -28
  540. package/public/components/IntegrationLogo/svg/okta.d.ts +0 -2
  541. package/public/components/IntegrationLogo/svg/okta.js +0 -16
  542. package/public/components/IntegrationLogo/svg/onelogin.d.ts +0 -2
  543. package/public/components/IntegrationLogo/svg/onelogin.js +0 -18
  544. package/public/components/IntegrationLogo/svg/salesforce.d.ts +0 -2
  545. package/public/components/IntegrationLogo/svg/salesforce.js +0 -20
  546. package/public/components/IntegrationLogo/svg/slack.d.ts +0 -2
  547. package/public/components/IntegrationLogo/svg/slack.js +0 -19
  548. package/public/components/IntegrationLogo/svg/wrapper.d.ts +0 -11
  549. package/public/components/IntegrationLogo/svg/wrapper.js +0 -13
  550. package/public/components/IntegrationLogo/svg/zoom.d.ts +0 -2
  551. package/public/components/IntegrationLogo/svg/zoom.js +0 -23
  552. package/public/components/Meta/Meta.d.ts +0 -6
  553. package/public/components/Meta/Meta.js +0 -21
  554. package/public/components/Meta/Meta.story.d.ts +0 -1
  555. package/public/components/Meta/Meta.story.js +0 -39
  556. package/public/components/Meta/index.d.ts +0 -1
  557. package/public/components/Meta/index.js +0 -5
  558. package/public/components/Overlay/Overlay.story.d.ts +0 -1
  559. package/public/components/Overlay/Overlay.story.js +0 -12
  560. package/public/components/Pagination/Pagination.d.ts +0 -9
  561. package/public/components/Pagination/Pagination.js +0 -36
  562. package/public/components/Pagination/Pagination.story.d.ts +0 -1
  563. package/public/components/Pagination/Pagination.story.js +0 -37
  564. package/public/components/Pagination/index.d.ts +0 -1
  565. package/public/components/Pagination/index.js +0 -13
  566. package/public/components/ProductIcon/ProductIcon.d.ts +0 -7
  567. package/public/components/ProductIcon/ProductIcon.js +0 -31
  568. package/public/components/ProductIcon/ProductIcon.story.d.ts +0 -1
  569. package/public/components/ProductIcon/ProductIcon.story.js +0 -20
  570. package/public/components/ProductIcon/ProductIconComply.d.ts +0 -2
  571. package/public/components/ProductIcon/ProductIconComply.js +0 -11
  572. package/public/components/ProductIcon/ProductIconDeploy.d.ts +0 -2
  573. package/public/components/ProductIcon/ProductIconDeploy.js +0 -11
  574. package/public/components/ProductIcon/ProductIconExchange.d.ts +0 -2
  575. package/public/components/ProductIcon/ProductIconExchange.js +0 -11
  576. package/public/components/ProductIcon/ProductIconTrustCenter.d.ts +0 -2
  577. package/public/components/ProductIcon/ProductIconTrustCenter.js +0 -11
  578. package/public/components/ProductIcon/index.d.ts +0 -1
  579. package/public/components/ProductIcon/index.js +0 -5
  580. package/public/components/PropertyDiff/PropertyDiff.d.ts +0 -7
  581. package/public/components/PropertyDiff/PropertyDiff.js +0 -22
  582. package/public/components/PropertyDiff/index.d.ts +0 -1
  583. package/public/components/PropertyDiff/index.js +0 -13
  584. package/public/components/Relative/Relative.d.ts +0 -2
  585. package/public/components/Relative/Relative.js +0 -14
  586. package/public/components/Relative/Relative.story.d.ts +0 -1
  587. package/public/components/Relative/Relative.story.js +0 -12
  588. package/public/components/Relative/index.d.ts +0 -1
  589. package/public/components/Relative/index.js +0 -5
  590. package/public/components/SearchFilter/SearchFilter.d.ts +0 -17
  591. package/public/components/SearchFilter/SearchFilter.js +0 -103
  592. package/public/components/SearchFilter/index.d.ts +0 -1
  593. package/public/components/SearchFilter/index.js +0 -13
  594. package/public/components/SpeechBubble/SpeechBubble.story.d.ts +0 -1
  595. package/public/components/SpeechBubble/SpeechBubble.story.js +0 -19
  596. package/public/components/StatusLabel/StatusLabel.d.ts +0 -16
  597. package/public/components/StatusLabel/StatusLabel.js +0 -40
  598. package/public/components/StatusLabel/index.d.ts +0 -1
  599. package/public/components/StatusLabel/index.js +0 -13
  600. package/public/components/StatusPanel/StatusPanel.d.ts +0 -11
  601. package/public/components/StatusPanel/StatusPanel.js +0 -24
  602. package/public/components/StatusPanel/index.d.ts +0 -1
  603. package/public/components/StatusPanel/index.js +0 -13
  604. package/public/components/Sticky/Sticky.d.ts +0 -2
  605. package/public/components/Sticky/Sticky.js +0 -14
  606. package/public/components/Sticky/Sticky.story.d.ts +0 -1
  607. package/public/components/Sticky/Sticky.story.js +0 -12
  608. package/public/components/Sticky/index.d.ts +0 -1
  609. package/public/components/Sticky/index.js +0 -5
  610. package/public/components/Svg/Svg.story.d.ts +0 -1
  611. package/public/components/Svg/Svg.story.js +0 -14
  612. package/public/components/Text/Text.story.d.ts +0 -1
  613. package/public/components/Text/Text.story.js +0 -31
  614. package/public/components/TopBar/TopBar.d.ts +0 -14
  615. package/public/components/TopBar/TopBar.js +0 -24
  616. package/public/components/TopBar/TopBarBreadcrumbs.d.ts +0 -10
  617. package/public/components/TopBar/TopBarBreadcrumbs.js +0 -34
  618. package/public/components/TopBar/TopBarSubNav.d.ts +0 -2
  619. package/public/components/TopBar/TopBarSubNav.js +0 -16
  620. package/public/components/TopBar/TopBarSubNavItem.d.ts +0 -5
  621. package/public/components/TopBar/TopBarSubNavItem.js +0 -17
  622. package/public/components/TopBar/index.d.ts +0 -1
  623. package/public/components/TopBar/index.js +0 -13
  624. package/public/components/VendorLogo/VendorLogo.d.ts +0 -20
  625. package/public/components/VendorLogo/VendorLogo.js +0 -57
  626. package/public/components/VendorLogo/index.d.ts +0 -1
  627. package/public/components/VendorLogo/index.js +0 -13
  628. package/public/components/VisuallyHidden/VisuallyHidden.story.d.ts +0 -1
  629. package/public/components/VisuallyHidden/VisuallyHidden.story.js +0 -36
  630. package/public/components/useStep/ExampleSetupWizard.d.ts +0 -4
  631. package/public/components/useStep/ExampleSetupWizard.js +0 -33
  632. package/public/storybook-components/TailwindPropertyClasses.d.ts +0 -9
  633. package/public/storybook-components/TailwindPropertyClasses.js +0 -194
  634. package/public/tailwind.config.d.ts +0 -1
  635. package/public/tailwind.config.js +0 -4
  636. package/public/tokens/_tailwind-config.d.ts +0 -810
  637. package/public/tokens/_tailwind-config.js +0 -50
  638. package/src/components/Absolute/Absolute.story.mdx +0 -26
  639. package/src/components/Absolute/Absolute.tsx +0 -9
  640. package/src/components/Absolute/index.ts +0 -1
  641. package/src/components/Appbar/Appbar.story.mdx +0 -201
  642. package/src/components/Appbar/Appbar.tsx +0 -124
  643. package/src/components/Appbar/AppbarClaimProfileButton.tsx +0 -13
  644. package/src/components/Appbar/AppbarDropdownIcon.tsx +0 -6
  645. package/src/components/Appbar/AppbarLogInButton.tsx +0 -28
  646. package/src/components/Appbar/AppbarLogo.tsx +0 -43
  647. package/src/components/Appbar/AppbarOrganization.tsx +0 -96
  648. package/src/components/Appbar/AppbarProductMenu.tsx +0 -125
  649. package/src/components/Appbar/AppbarTabMarker.tsx +0 -5
  650. package/src/components/Appbar/AppbarTabs.tsx +0 -46
  651. package/src/components/Appbar/AppbarUser.tsx +0 -179
  652. package/src/components/Appbar/config.ts +0 -12
  653. package/src/components/Appbar/context.ts +0 -20
  654. package/src/components/Appbar/index.css +0 -324
  655. package/src/components/Appbar/index.ts +0 -1
  656. package/src/components/AptibleLogo/AptibleLogo.story.tsx +0 -22
  657. package/src/components/AptibleLogo/AptibleLogo.tsx +0 -42
  658. package/src/components/AptibleLogo/index.ts +0 -1
  659. package/src/components/ArrowButton/ArrowButton.story.mdx +0 -110
  660. package/src/components/ArrowButton/ArrowButton.tsx +0 -54
  661. package/src/components/ArrowButton/index.css +0 -42
  662. package/src/components/ArrowButton/index.ts +0 -1
  663. package/src/components/ArrowLink/ArrowLink.story.mdx +0 -65
  664. package/src/components/ArrowLink/ArrowLink.tsx +0 -42
  665. package/src/components/ArrowLink/index.ts +0 -1
  666. package/src/components/Aside/Aside.story.mdx +0 -65
  667. package/src/components/Aside/Aside.tsx +0 -59
  668. package/src/components/Aside/index.css +0 -11
  669. package/src/components/Aside/index.ts +0 -1
  670. package/src/components/Combobox/Combobox.story.mdx +0 -199
  671. package/src/components/Combobox/Combobox.tsx +0 -162
  672. package/src/components/Combobox/ComboboxMulti.tsx +0 -169
  673. package/src/components/Combobox/TODO.md +0 -33
  674. package/src/components/Combobox/index.css +0 -97
  675. package/src/components/Combobox/index.ts +0 -2
  676. package/src/components/Combobox/ui.tsx +0 -211
  677. package/src/components/Combobox/useSelect.ts +0 -347
  678. package/src/components/Fixed/Fixed.md +0 -16
  679. package/src/components/Fixed/Fixed.story.tsx +0 -12
  680. package/src/components/Fixed/Fixed.tsx +0 -9
  681. package/src/components/Fixed/index.ts +0 -1
  682. package/src/components/Flex/Flex.md +0 -14
  683. package/src/components/Flex/Flex.story.tsx +0 -12
  684. package/src/components/IntegrationLogo/IntegrationLogo.story.mdx +0 -159
  685. package/src/components/IntegrationLogo/IntegrationLogo.tsx +0 -54
  686. package/src/components/IntegrationLogo/IntegrationLogoSvg.tsx +0 -79
  687. package/src/components/IntegrationLogo/index.ts +0 -1
  688. package/src/components/IntegrationLogo/svg/addigy.tsx +0 -23
  689. package/src/components/IntegrationLogo/svg/aws.tsx +0 -52
  690. package/src/components/IntegrationLogo/svg/bamboohr.tsx +0 -34
  691. package/src/components/IntegrationLogo/svg/bitbucket.tsx +0 -37
  692. package/src/components/IntegrationLogo/svg/conveyor.tsx +0 -41
  693. package/src/components/IntegrationLogo/svg/default.tsx +0 -11
  694. package/src/components/IntegrationLogo/svg/deploy.tsx +0 -29
  695. package/src/components/IntegrationLogo/svg/events-api.tsx +0 -75
  696. package/src/components/IntegrationLogo/svg/gcp.tsx +0 -26
  697. package/src/components/IntegrationLogo/svg/github.tsx +0 -14
  698. package/src/components/IntegrationLogo/svg/gitlab.tsx +0 -40
  699. package/src/components/IntegrationLogo/svg/gsuite.tsx +0 -24
  700. package/src/components/IntegrationLogo/svg/index.ts +0 -21
  701. package/src/components/IntegrationLogo/svg/jamf.tsx +0 -36
  702. package/src/components/IntegrationLogo/svg/jira.tsx +0 -44
  703. package/src/components/IntegrationLogo/svg/jumpcloud.tsx +0 -86
  704. package/src/components/IntegrationLogo/svg/okta.tsx +0 -28
  705. package/src/components/IntegrationLogo/svg/onelogin.tsx +0 -34
  706. package/src/components/IntegrationLogo/svg/salesforce.tsx +0 -39
  707. package/src/components/IntegrationLogo/svg/slack.tsx +0 -40
  708. package/src/components/IntegrationLogo/svg/wrapper.tsx +0 -35
  709. package/src/components/IntegrationLogo/svg/zoom.tsx +0 -51
  710. package/src/components/Meta/Meta.md +0 -14
  711. package/src/components/Meta/Meta.story.tsx +0 -24
  712. package/src/components/Meta/Meta.tsx +0 -26
  713. package/src/components/Meta/index.ts +0 -1
  714. package/src/components/Overlay/Overlay.md +0 -14
  715. package/src/components/Overlay/Overlay.story.tsx +0 -12
  716. package/src/components/Pagination/Pagination.story.tsx +0 -25
  717. package/src/components/Pagination/Pagination.tsx +0 -78
  718. package/src/components/Pagination/index.css +0 -46
  719. package/src/components/Pagination/index.ts +0 -1
  720. package/src/components/ProductIcon/ProductIcon.md +0 -22
  721. package/src/components/ProductIcon/ProductIcon.story.tsx +0 -26
  722. package/src/components/ProductIcon/ProductIcon.tsx +0 -45
  723. package/src/components/ProductIcon/ProductIconComply.tsx +0 -17
  724. package/src/components/ProductIcon/ProductIconDeploy.tsx +0 -17
  725. package/src/components/ProductIcon/ProductIconExchange.tsx +0 -17
  726. package/src/components/ProductIcon/ProductIconTrustCenter.tsx +0 -17
  727. package/src/components/ProductIcon/index.css +0 -13
  728. package/src/components/ProductIcon/index.ts +0 -1
  729. package/src/components/PropertyDiff/PropertDiff.story.mdx +0 -46
  730. package/src/components/PropertyDiff/PropertyDiff.tsx +0 -48
  731. package/src/components/PropertyDiff/index.css +0 -33
  732. package/src/components/PropertyDiff/index.ts +0 -1
  733. package/src/components/Relative/Relative.md +0 -16
  734. package/src/components/Relative/Relative.story.tsx +0 -12
  735. package/src/components/Relative/Relative.tsx +0 -9
  736. package/src/components/Relative/index.ts +0 -1
  737. package/src/components/SearchFilter/SearchFilter.md +0 -17
  738. package/src/components/SearchFilter/SearchFilter.story.mdx +0 -186
  739. package/src/components/SearchFilter/SearchFilter.tsx +0 -187
  740. package/src/components/SearchFilter/index.css +0 -83
  741. package/src/components/SearchFilter/index.ts +0 -1
  742. package/src/components/SpeechBubble/SpeechBubble.md +0 -14
  743. package/src/components/SpeechBubble/SpeechBubble.story.tsx +0 -26
  744. package/src/components/StatusLabel/StatusLabel.story.mdx +0 -316
  745. package/src/components/StatusLabel/StatusLabel.tsx +0 -112
  746. package/src/components/StatusLabel/index.css +0 -23
  747. package/src/components/StatusLabel/index.ts +0 -1
  748. package/src/components/StatusPanel/StatusPanel.story.mdx +0 -109
  749. package/src/components/StatusPanel/StatusPanel.tsx +0 -51
  750. package/src/components/StatusPanel/index.css +0 -52
  751. package/src/components/StatusPanel/index.ts +0 -1
  752. package/src/components/Sticky/Sticky.md +0 -16
  753. package/src/components/Sticky/Sticky.story.tsx +0 -12
  754. package/src/components/Sticky/Sticky.tsx +0 -9
  755. package/src/components/Sticky/index.ts +0 -1
  756. package/src/components/Svg/Svg.md +0 -14
  757. package/src/components/Svg/Svg.story.tsx +0 -15
  758. package/src/components/Text/Text.md +0 -14
  759. package/src/components/Text/Text.story.tsx +0 -12
  760. package/src/components/TopBar/TopBar.story.mdx +0 -154
  761. package/src/components/TopBar/TopBar.tsx +0 -40
  762. package/src/components/TopBar/TopBarBreadcrumbs.tsx +0 -79
  763. package/src/components/TopBar/TopBarSubNav.tsx +0 -19
  764. package/src/components/TopBar/TopBarSubNavItem.tsx +0 -21
  765. package/src/components/TopBar/index.css +0 -102
  766. package/src/components/TopBar/index.ts +0 -1
  767. package/src/components/VendorLogo/VendorLogo.story.mdx +0 -209
  768. package/src/components/VendorLogo/VendorLogo.tsx +0 -110
  769. package/src/components/VendorLogo/index.css +0 -46
  770. package/src/components/VendorLogo/index.ts +0 -1
  771. package/src/components/VisuallyHidden/VisuallyHidden.md +0 -23
  772. package/src/components/VisuallyHidden/VisuallyHidden.story.tsx +0 -19
  773. package/src/components/useStep/ExampleSetupWizard.tsx +0 -63
  774. package/src/components/useStep/useStep.story.mdx +0 -76
  775. package/src/docs/TailwindClasses.story.mdx +0 -15
  776. package/src/docs/brand-components/BrandButton.story.mdx +0 -103
  777. package/src/docs/brand-components/BrandCheckbox.story.mdx +0 -63
  778. package/src/docs/brand-components/BrandFormGroup.story.mdx +0 -76
  779. package/src/docs/brand-components/BrandInput.story.mdx +0 -41
  780. package/src/docs/brand-components/BrandRadio.story.mdx +0 -45
  781. package/src/docs/brand-components/BrandTextArea.story.mdx +0 -41
  782. package/src/recipes/TopBarNavigation.story.mdx +0 -114
  783. package/src/storybook-components/TailwindPropertyClasses.tsx +0 -285
  784. package/src/tailwind.config.ts +0 -6
  785. package/src/templates/Index.story.mdx +0 -177
  786. package/src/tokens/_tailwind-config.ts +0 -69
@@ -1,14 +0,0 @@
1
- # Usage
2
-
3
- `<Overlay />` …
4
-
5
- `import { Overlay } from "@conveyorhq/arrow-ds"`
6
-
7
- ```jsx
8
- <Overlay>{...}</Overlay>
9
- ```
10
-
11
- ## Props
12
-
13
- | Prop | Type | Required | Default Value | Description |
14
- |:--- |:--- |:--- |:--- |:--- |
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { storiesOf } from "@storybook/react";
3
- import Story from "../../storybook-components/Story";
4
- import { Overlay } from "./Overlay";
5
-
6
- const stories = storiesOf("Components/Layout/Overlay", module);
7
-
8
- stories.add("Default", () => (
9
- <Story title="Overlay">
10
- <Overlay />
11
- </Story>
12
- ));
@@ -1,25 +0,0 @@
1
- import React, { useState } from "react";
2
- import { storiesOf } from "@storybook/react";
3
- import Story from "../../storybook-components/Story";
4
- import { Pagination } from "./Pagination";
5
-
6
- const stories = storiesOf("Deprecated/Pagination", module);
7
-
8
- stories.add("Default", () => {
9
- const [page, setPage] = useState(1);
10
-
11
- const handlePageChange = (newPage: number) => {
12
- setPage(newPage);
13
- };
14
-
15
- return (
16
- <Story title="Pagination">
17
- <Pagination
18
- currentPageNumber={page}
19
- itemsPerPage={14}
20
- totalItems={144}
21
- onPageChange={handlePageChange}
22
- />
23
- </Story>
24
- );
25
- });
@@ -1,78 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import classNames from "classnames";
3
- import { BoxProps } from "../Box";
4
- import { Flex } from "../Flex";
5
- import { Text } from "../Text";
6
- import { bem } from "../../utilities/bem";
7
-
8
- const cn = "Pagination";
9
-
10
- export interface PaginationProps extends BoxProps {
11
- onPageChange: (pageNumber: number) => any;
12
- currentPageNumber: number;
13
- itemsPerPage: number;
14
- totalItems: number;
15
- }
16
-
17
- interface PageButtonProps {
18
- children: ReactNode;
19
- onClick: () => void;
20
- className?: string;
21
- }
22
-
23
- const PageButton = ({ className, ...rest }: PageButtonProps) => {
24
- return <button className={className} type="button" {...rest} />;
25
- };
26
-
27
- const Pagination = (props: PaginationProps) => {
28
- const {
29
- currentPageNumber,
30
- itemsPerPage,
31
- totalItems,
32
- onPageChange,
33
- className,
34
- ...rest
35
- } = props;
36
-
37
- const numPages = Math.ceil(totalItems / itemsPerPage);
38
- const pageList = new Array(numPages).fill(0);
39
-
40
- const handleClick = (newPageNumber: number) => {
41
- if (newPageNumber > 0 && newPageNumber <= pageList.length) {
42
- onPageChange(newPageNumber);
43
- }
44
- };
45
-
46
- const visibileItems =
47
- currentPageNumber === numPages
48
- ? totalItems - (numPages - 1) * itemsPerPage
49
- : itemsPerPage;
50
-
51
- return (
52
- <Flex className={classNames([bem(cn), className])} {...rest}>
53
- {pageList.map((_, index) => {
54
- const pageNum = index + 1;
55
-
56
- return (
57
- <PageButton
58
- key={pageNum}
59
- onClick={() => handleClick(pageNum)}
60
- className={classNames(
61
- bem(cn, { e: "page" }),
62
- pageNum === currentPageNumber &&
63
- bem(cn, { e: "page", m: "active" }),
64
- )}
65
- >
66
- {pageNum}
67
- </PageButton>
68
- );
69
- })}
70
-
71
- <Text as="span" className={bem(cn, { e: "text" })}>
72
- {`Showing ${visibileItems} of ${totalItems} results`}
73
- </Text>
74
- </Flex>
75
- );
76
- };
77
-
78
- export { Pagination };
@@ -1,46 +0,0 @@
1
- .ads-Pagination {
2
- @apply flex-wrap;
3
- }
4
-
5
- .ads-Pagination-page {
6
- @apply flex
7
- min-h-5
8
- min-w-5
9
- px-1
10
- bg-transparent
11
- justify-center
12
- items-center
13
- rounded
14
- font-medium
15
- transition-colors;
16
-
17
- margin-right: 2px;
18
- }
19
-
20
- .ads-Pagination-page:focus {
21
- @apply outline-none
22
- shadow-focus;
23
- }
24
-
25
- .ads-Pagination-page--active {
26
- @apply bg-gray-400;
27
- }
28
-
29
- .ads-Pagination-page:not(.ads-Pagination-page--active) {
30
- @apply text-blue-400;
31
- }
32
-
33
- .ads-Pagination-page:not(.ads-Pagination-page--active):hover,
34
- .ads-Pagination-page:not(.ads-Pagination-page--active):active,
35
- .ads-Pagination-page:not(.ads-Pagination-page--active):focus {
36
- @apply bg-gray-200;
37
- }
38
-
39
- .ads-Pagination-text {
40
- @apply flex
41
- items-center
42
- text-bodySm
43
- text-gray-700
44
- font-medium
45
- ml-2;
46
- }
@@ -1 +0,0 @@
1
- export * from "./Pagination";
@@ -1,22 +0,0 @@
1
- # Usage
2
-
3
- `<ProductIcon />` renders an icon for a given product
4
-
5
- `import { ProductIcon } from "@conveyorhq/arrow-ds"`
6
-
7
- ```jsx
8
- <ProductIcon productId="comply" />
9
- ```
10
-
11
- ## Props
12
-
13
- | Prop | Type | Required | Default Value | Description |
14
- |:--- |:--- |:--- |:--- |:--- |
15
- | product | `Product` | Yes | null | Name of product
16
- | className | `ClassName` | No | null | Optional CSS class name(s) applied to containing Box
17
-
18
- | Product |
19
- |:--- |
20
- | comply |
21
- | deploy |
22
- | trustCenter |
@@ -1,26 +0,0 @@
1
- import React from "react";
2
- import { storiesOf } from "@storybook/react";
3
- import Examples from "../../storybook-components/Examples";
4
- import Story from "../../storybook-components/Story";
5
- import { PRODUCT_ID } from "../../types";
6
- import { Box } from "../Box";
7
- import { Flex } from "../Flex";
8
- import { ProductIcon } from "./ProductIcon";
9
-
10
- const stories = storiesOf("Deprecated/Product Icon", module);
11
- const products = Object.values(PRODUCT_ID);
12
-
13
- stories.add("Default", () => (
14
- <Story title="ProductIcon">
15
- <Examples>
16
- {products.map((product) => (
17
- <Flex className="items-center" key={product}>
18
- <ProductIcon productId={product} />
19
- <Box className="ml-4 text-gray-700">
20
- <code>{product}</code>
21
- </Box>
22
- </Flex>
23
- ))}
24
- </Examples>
25
- </Story>
26
- ));
@@ -1,45 +0,0 @@
1
- import React from "react";
2
- import classNames from "classnames";
3
- import { PRODUCT_ID } from "../../types";
4
- import { Box, BoxProps } from "../Box";
5
- import { ProductIconComply } from "./ProductIconComply";
6
- import { ProductIconDeploy } from "./ProductIconDeploy";
7
- import { ProductIconTrustCenter } from "./ProductIconTrustCenter";
8
- import { bem } from "../../utilities/bem";
9
- import { ProductIconExchange } from "./ProductIconExchange";
10
-
11
- const cn = "ProductIcon";
12
-
13
- interface ProductIconProps extends BoxProps {
14
- productId: PRODUCT_ID;
15
- }
16
-
17
- interface IconProps {
18
- className: string;
19
- focusable: boolean | "true" | "false" | "auto";
20
- role: string;
21
- }
22
-
23
- const iconProps: IconProps = {
24
- className: bem(cn, { e: "icon" }),
25
- focusable: "false",
26
- role: "img",
27
- };
28
-
29
- const icon = (productId: PRODUCT_ID) =>
30
- ({
31
- exchange: <ProductIconExchange {...iconProps} />,
32
- comply: <ProductIconComply {...iconProps} />,
33
- deploy: <ProductIconDeploy {...iconProps} />,
34
- trustCenter: <ProductIconTrustCenter {...iconProps} />,
35
- }[productId]);
36
-
37
- export const ProductIcon = (props: ProductIconProps) => {
38
- const { productId, className, ...rest } = props;
39
-
40
- return (
41
- <Box className={classNames(bem(cn), className)} {...rest}>
42
- {icon(productId)}
43
- </Box>
44
- );
45
- };
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { Svg, SvgProps } from "../Svg";
3
-
4
- export const ProductIconComply = (props: SvgProps) => (
5
- <Svg
6
- xmlnsXlink="http://www.w3.org/1999/xlink"
7
- width="80"
8
- height="80"
9
- {...props}
10
- >
11
- <image
12
- xlinkHref="data:image/png;base64,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"
13
- height="80"
14
- width="80"
15
- />
16
- </Svg>
17
- );
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { Svg, SvgProps } from "../Svg";
3
-
4
- export const ProductIconDeploy = (props: SvgProps) => (
5
- <Svg
6
- xmlnsXlink="http://www.w3.org/1999/xlink"
7
- width="80"
8
- height="80"
9
- {...props}
10
- >
11
- <image
12
- xlinkHref="data:image/png;base64,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"
13
- height="80"
14
- width="80"
15
- />
16
- </Svg>
17
- );
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { Svg, SvgProps } from "../Svg";
3
-
4
- export const ProductIconExchange = (props: SvgProps) => (
5
- <Svg
6
- xmlnsXlink="http://www.w3.org/1999/xlink"
7
- width="80"
8
- height="80"
9
- {...props}
10
- >
11
- <image
12
- xlinkHref="data:image/png;base64,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"
13
- height="80"
14
- width="80"
15
- />
16
- </Svg>
17
- );
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { Svg, SvgProps } from "../Svg";
3
-
4
- export const ProductIconTrustCenter = (props: SvgProps) => (
5
- <Svg
6
- xmlnsXlink="http://www.w3.org/1999/xlink"
7
- width="80"
8
- height="80"
9
- {...props}
10
- >
11
- <image
12
- xlinkHref="data:image/png;base64,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"
13
- height="80"
14
- width="80"
15
- />
16
- </Svg>
17
- );
@@ -1,13 +0,0 @@
1
- .ads-ProductIcon {
2
- @apply w-8
3
- h-8
4
- rounded
5
- bg-gray-800;
6
- }
7
-
8
- .ads-ProductIcon-icon,
9
- .ads-ProductIcon-icon image {
10
- @apply block
11
- w-full
12
- h-full;
13
- }
@@ -1 +0,0 @@
1
- export { ProductIcon } from "./ProductIcon";
@@ -1,46 +0,0 @@
1
- import { Story, Preview, Props, Meta } from "@storybook/addon-docs/blocks";
2
- import { PropertyDiff } from "./PropertyDiff";
3
-
4
- <Meta title="Components/Data/Property Diff" component={PropertyDiff} />
5
-
6
- # PropertyDiff
7
-
8
- ```jsx
9
- import { PropertyDiff } from "@conveyorhq/arrow-ds";
10
- ```
11
-
12
- <Preview>
13
- <Story name="PropertyDiff">
14
- <PropertyDiff property="Status" oldValue="Inactive" newValue="Active" />
15
- </Story>
16
- </Preview>
17
-
18
- ## Props
19
-
20
- <Props of={PropertyDiff} />
21
-
22
- ## Demos
23
-
24
- ### Without property label
25
-
26
- <Preview>
27
- <Story name="Without property label">
28
- <PropertyDiff oldValue="Inactive" newValue="Active" />
29
- </Story>
30
- </Preview>
31
-
32
- ### No old value
33
-
34
- <Preview>
35
- <Story name="Null to value">
36
- <PropertyDiff property="Status" newValue="Active" />
37
- </Story>
38
- </Preview>
39
-
40
- ### No new value
41
-
42
- <Preview>
43
- <Story name="Value to null">
44
- <PropertyDiff property="Status" oldValue="Inactive" />
45
- </Story>
46
- </Preview>
@@ -1,48 +0,0 @@
1
- import React from "react";
2
- import classNames from "classnames";
3
- import { BoxProps } from "../Box";
4
- import { Flex } from "../Flex";
5
- import { Icon, ICON_TYPE } from "../Icon";
6
- import { Text } from "../Text";
7
- import { bem } from "../../utilities/bem";
8
-
9
- const cn = "PropertyDiff";
10
-
11
- export interface PropertyDiffProps extends BoxProps {
12
- property?: string;
13
- oldValue?: string;
14
- newValue?: string;
15
- }
16
-
17
- export const PropertyDiff = (props: PropertyDiffProps) => {
18
- const { property, oldValue, newValue, className, ...rest } = props;
19
-
20
- return (
21
- <Flex className={classNames(bem(cn), className)} {...rest}>
22
- {property && (
23
- <Text as="div" className={bem(cn, { e: "property" })}>
24
- {property}
25
- </Text>
26
- )}
27
-
28
- {oldValue && (
29
- <Text as="div" className={bem(cn, { e: "oldValue" })}>
30
- {oldValue}
31
- </Text>
32
- )}
33
-
34
- {oldValue && newValue && (
35
- <Icon
36
- className={bem(cn, { e: "icon" })}
37
- icon={ICON_TYPE.LONG_ARROW_ALT_RIGHT}
38
- />
39
- )}
40
-
41
- {newValue && (
42
- <Text as="div" className={bem(cn, { e: "newValue" })}>
43
- {newValue}
44
- </Text>
45
- )}
46
- </Flex>
47
- );
48
- };
@@ -1,33 +0,0 @@
1
- .ads-PropertyDiff {
2
- @apply items-center;
3
- }
4
-
5
- .ads-PropertyDiff-property {
6
- @apply text-h5
7
- text-gray-700
8
- font-medium
9
- mr-14;
10
- }
11
-
12
- .ads-PropertyDiff-oldValue,
13
- .ads-PropertyDiff-newValue {
14
- @apply text-h5
15
- text-gray-800
16
- font-medium
17
- p-1;
18
- }
19
-
20
- .ads-PropertyDiff-oldValue {
21
- @apply bg-red-100;
22
- }
23
-
24
- .ads-PropertyDiff-newValue {
25
- @apply bg-green-100;
26
- }
27
-
28
- .ads-PropertyDiff-icon {
29
- @apply text-gray-600
30
- mx-1;
31
-
32
- font-size: 10px;
33
- }
@@ -1 +0,0 @@
1
- export * from "./PropertyDiff";
@@ -1,16 +0,0 @@
1
- # Usage
2
-
3
- `<Relative />` is used for wrapping child nodes in an relative-positioned Box.
4
-
5
- `import { Relative } from "@conveyorhq/arrow-ds"`
6
-
7
- ```jsx
8
- <Relative>
9
- {children}
10
- </Relative>
11
- ```
12
-
13
- ## Props
14
-
15
- Relative props extend `React.HTMLProps<HTMLDivElement>` via `BoxProps`,
16
- therefore any valid attributes for an HTML `div` element are accepted as props.
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { storiesOf } from "@storybook/react";
3
- import Story from "../../storybook-components/Story";
4
- import { Relative } from "./Relative";
5
-
6
- const stories = storiesOf("Components/Positioning/Relative", module);
7
-
8
- stories.add("Default", () => (
9
- <Story title="Relative">
10
- <Relative>This is the Relative component</Relative>
11
- </Story>
12
- ));
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import classNames from "classnames";
3
- import { Box, BoxProps } from "../Box";
4
-
5
- export const Relative = (props: BoxProps) => {
6
- const { className, ...rest } = props;
7
-
8
- return <Box className={classNames("relative", className)} {...rest} />;
9
- };
@@ -1 +0,0 @@
1
- export { Relative } from "./Relative";
@@ -1,17 +0,0 @@
1
- # Usage
2
-
3
- `<SearchInput />` …
4
-
5
- `import { SearchInput } from "@conveyorhq/arrow-ds"`
6
-
7
- ```jsx
8
- <SearchInput>{...}</SearchInput>
9
- ```
10
-
11
- ## Props
12
-
13
- | Prop | Type | Required | Default Value | Description |
14
- |:--- |:--- |:--- |:--- |:--- |
15
- | direction | SEARCH_FILTER_DIRECTION | No | LEFT | Direction the search input should slide out relative to the search icon
16
- | placeholder | string | No | undefined | Placeholder text for search input
17
- | onSearch | function | Yes | undefined | Callback to execute when user completes a search