@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,73 +0,0 @@
1
- import React, { KeyboardEvent, ReactNode } from "react";
2
- import { OptionInterface } from "./useSelect";
3
- export declare const cn = "Combobox";
4
- export declare const selectInputCn: string;
5
- export declare const surfaceClassName: string;
6
- export declare const surfaceMultiClassName: string;
7
- export declare const defaultPopperModifiers: {
8
- offset: {
9
- offset: string;
10
- };
11
- preventOverflow: {
12
- enabled: boolean;
13
- };
14
- hide: {
15
- enabled: boolean;
16
- };
17
- };
18
- export interface ComboboxSharedProps {
19
- options: OptionInterface[];
20
- defaultValue?: OptionInterface;
21
- placeholder?: string;
22
- isCreatable?: boolean;
23
- isClearable?: boolean;
24
- isSearchable?: boolean;
25
- onCreate?: (v: OptionInterface) => any;
26
- onChange?: (v: OptionInterface | OptionInterface[]) => any;
27
- className?: string;
28
- disabled?: boolean;
29
- }
30
- interface NoOptionsProps {
31
- canCreate: boolean;
32
- searchValue: string;
33
- create: (v: OptionInterface) => any;
34
- }
35
- interface OptionProps {
36
- onClick: () => void;
37
- children: ReactNode;
38
- isHover: boolean;
39
- isSelected: boolean;
40
- hover?: () => void;
41
- id?: string;
42
- }
43
- export declare const Option: ({ children, onClick, isHover, isSelected, hover, id, }: OptionProps) => JSX.Element;
44
- export declare const NoOptions: ({ canCreate, searchValue, create, }: NoOptionsProps) => JSX.Element;
45
- interface ListboxProps {
46
- children: ReactNode;
47
- top: number;
48
- left: number;
49
- width?: string | number;
50
- }
51
- export declare const Listbox: ({ children, top, left, width, }: ListboxProps) => JSX.Element;
52
- interface TagProps {
53
- children: ReactNode;
54
- onRemove: () => void;
55
- }
56
- export declare const Tag: ({ children, onRemove }: TagProps) => JSX.Element;
57
- interface ContainerProps {
58
- isOpen: boolean;
59
- children: ReactNode;
60
- close: () => void;
61
- selectedId?: string;
62
- className?: string;
63
- disabled?: boolean;
64
- onKeyDown?: (event: KeyboardEvent) => void;
65
- }
66
- export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<unknown>>;
67
- export declare const Arrow: () => JSX.Element;
68
- interface ClearButtonProps {
69
- canClear: boolean;
70
- clear: () => void;
71
- }
72
- export declare const ClearButton: ({ canClear, clear }: ClearButtonProps) => JSX.Element | null;
73
- export {};
@@ -1,97 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __importDefault = (this && this.__importDefault) || function (mod) {
22
- return (mod && mod.__esModule) ? mod : { "default": mod };
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.ClearButton = exports.Arrow = exports.Container = exports.Tag = exports.Listbox = exports.NoOptions = exports.Option = exports.defaultPopperModifiers = exports.surfaceMultiClassName = exports.surfaceClassName = exports.selectInputCn = exports.cn = void 0;
26
- const react_1 = __importStar(require("react"));
27
- const portal_1 = __importDefault(require("@reach/portal"));
28
- const classnames_1 = __importDefault(require("classnames"));
29
- const bem_1 = require("../../utilities/bem");
30
- const Box_1 = require("../Box");
31
- const CloseButton_1 = require("../CloseButton");
32
- const Icon_1 = require("../Icon");
33
- const Token_1 = require("../Token");
34
- exports.cn = "Combobox";
35
- exports.selectInputCn = bem_1.bem(exports.cn, { e: "input" });
36
- exports.surfaceClassName = classnames_1.default([
37
- bem_1.bem(exports.cn, { e: "surface" }),
38
- `${bem_1.bem("TextInput")}`,
39
- `${bem_1.bem("TextInput", { m: "default" })}`,
40
- ]);
41
- exports.surfaceMultiClassName = bem_1.bem(exports.cn, { e: "surface", m: "multi" });
42
- exports.defaultPopperModifiers = {
43
- offset: {
44
- offset: "0, 4px",
45
- },
46
- preventOverflow: {
47
- enabled: false,
48
- },
49
- hide: {
50
- enabled: false,
51
- },
52
- };
53
- const Option = ({ children, onClick, isHover = false, isSelected = false, hover = () => { }, id, }) => {
54
- return (react_1.default.createElement(Box_1.Box, { onClick: onClick, onMouseEnter: () => hover(), className: classnames_1.default([
55
- bem_1.bem(exports.cn, { e: "option" }),
56
- isHover && bem_1.bem(exports.cn, { e: "option", m: "isHover" }),
57
- isSelected && bem_1.bem(exports.cn, { e: "option", m: "isSelected" }),
58
- ]), id: id, "aria-selected": isSelected, role: "option" }, children));
59
- };
60
- exports.Option = Option;
61
- const NoOptions = ({ canCreate, searchValue, create, }) => {
62
- return canCreate ? (react_1.default.createElement(exports.Option, { onClick: () => create({ value: searchValue }), id: searchValue, isHover: true, isSelected: true },
63
- "Create \"",
64
- searchValue,
65
- "\"")) : (react_1.default.createElement(Box_1.Box, { className: bem_1.bem(exports.cn, { e: "noOptions" }) }, "No options"));
66
- };
67
- exports.NoOptions = NoOptions;
68
- const Listbox = ({ children, top = 0, left = 0, width = "100%", }) => {
69
- return (react_1.default.createElement(portal_1.default, null,
70
- react_1.default.createElement(Box_1.Box, { role: "listbox", style: { position: "absolute", top, left, width }, className: bem_1.bem(exports.cn, { e: "listbox" }) }, children)));
71
- };
72
- exports.Listbox = Listbox;
73
- const Tag = ({ children, onRemove }) => {
74
- const onClick = (event) => {
75
- event.stopPropagation();
76
- onRemove();
77
- };
78
- return (react_1.default.createElement(Token_1.Token, { className: bem_1.bem(exports.cn, { e: "tag" }), onRemove: onClick, removable: true }, children));
79
- };
80
- exports.Tag = Tag;
81
- exports.Container = react_1.forwardRef(({ children, selectedId, className, disabled, onKeyDown = () => { }, close, isOpen, }, ref) => {
82
- return (react_1.default.createElement(Box_1.Box, { ref: ref, className: classnames_1.default([
83
- bem_1.bem(exports.cn),
84
- disabled && bem_1.bem(exports.cn, { m: "disabled" }),
85
- className,
86
- ]), "aria-activedescendant": selectedId, role: "combobox", onKeyDown: onKeyDown, tabIndex: 0 }, children));
87
- });
88
- const Arrow = () => (react_1.default.createElement(Icon_1.Icon, { className: "text-gray-700", icon: Icon_1.ICON_TYPE.CARET_DOWN }));
89
- exports.Arrow = Arrow;
90
- const ClearButton = ({ canClear, clear }) => {
91
- const onClick = (event) => {
92
- event.stopPropagation();
93
- clear();
94
- };
95
- return canClear ? react_1.default.createElement(CloseButton_1.CloseButton, { onClick: onClick }) : null;
96
- };
97
- exports.ClearButton = ClearButton;
@@ -1,60 +0,0 @@
1
- import { KeyboardEvent, RefObject } from "react";
2
- export interface OptionInterface {
3
- value: string;
4
- label?: string;
5
- }
6
- export interface SelectState<S = OptionInterface | OptionInterface[]> {
7
- value: S;
8
- isOpen: boolean;
9
- searchValue: string;
10
- hoverIndex: number;
11
- }
12
- export interface UseSelect<S = OptionInterface | OptionInterface[]> {
13
- options: OptionInterface[];
14
- reducer: (s: SelectState<S>, a: any) => SelectState<S>;
15
- initialState: SelectState<S>;
16
- filterOptions?: (state: SelectState<S>, options: OptionInterface[]) => OptionInterface[];
17
- onChange?: (s: S) => any;
18
- onCreate?: (s: OptionInterface) => any;
19
- }
20
- interface Action<S = any> {
21
- type: string;
22
- payload: S;
23
- }
24
- export declare function createBaseReducer<S>(initialState: SelectState<S>): (state: SelectState<S>, action: Action) => SelectState<S>;
25
- export declare function searchReducer<S>(state: SelectState<S>, action: Action): SelectState<S>;
26
- export declare function createSingleValueReducer(initialState: SelectState<OptionInterface>): (state: SelectState<OptionInterface>, action: Action<OptionInterface>) => SelectState<OptionInterface>;
27
- export declare function multiValueReducer(state: SelectState<OptionInterface[]>, action: Action<OptionInterface>): SelectState<OptionInterface[]>;
28
- export declare type Reducer<S> = (s: SelectState<S>, action: any) => SelectState<S>;
29
- export declare const combineReducers: <S>(reducers: Reducer<S>[]) => (state: SelectState<S>, action: any) => SelectState<S>;
30
- interface UseSelectPosition {
31
- listboxStyles: {
32
- top: number;
33
- left: number;
34
- width: string;
35
- };
36
- comboboxRef: RefObject<HTMLDivElement>;
37
- }
38
- export declare const useSelectPosition: () => UseSelectPosition;
39
- export declare const useSelect: <S = OptionInterface | OptionInterface[]>({ options, reducer, initialState, filterOptions, onChange, onCreate, }: UseSelect<S>) => {
40
- state: SelectState<S>;
41
- open: () => void;
42
- add: (value: OptionInterface) => void;
43
- select: (value: OptionInterface) => void;
44
- remove: (value: OptionInterface) => void;
45
- search: (query: string) => void;
46
- availableOptions: OptionInterface[];
47
- ref: RefObject<HTMLInputElement>;
48
- close: () => void;
49
- hover: (index: number | undefined) => void;
50
- create: (item: OptionInterface) => void;
51
- onKeyPress: (event: KeyboardEvent) => void;
52
- clear: () => void;
53
- listboxStyles: {
54
- top: number;
55
- left: number;
56
- width: string;
57
- };
58
- comboboxRef: RefObject<HTMLDivElement>;
59
- };
60
- export {};
@@ -1,239 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useSelect = exports.useSelectPosition = exports.combineReducers = exports.multiValueReducer = exports.createSingleValueReducer = exports.searchReducer = exports.createBaseReducer = void 0;
4
- const react_1 = require("react");
5
- const types_1 = require("../../types");
6
- function createBaseReducer(initialState) {
7
- return function baseReducer(state, action) {
8
- switch (action.type) {
9
- case "close":
10
- return { ...state, isOpen: false };
11
- case "toggle":
12
- return { ...state, isOpen: !state.isOpen };
13
- case "hover":
14
- return { ...state, hoverIndex: action.payload };
15
- case "clear":
16
- return { ...initialState };
17
- default:
18
- return state;
19
- }
20
- };
21
- }
22
- exports.createBaseReducer = createBaseReducer;
23
- function searchReducer(state, action) {
24
- switch (action.type) {
25
- case "search":
26
- return { ...state, searchValue: action.payload, hoverIndex: 0 };
27
- default:
28
- return state;
29
- }
30
- }
31
- exports.searchReducer = searchReducer;
32
- function createSingleValueReducer(initialState) {
33
- return function singleValueReducer(state, action) {
34
- switch (action.type) {
35
- case "add": {
36
- return { ...state, value: action.payload, searchValue: "" };
37
- }
38
- case "remove": {
39
- return { ...state, value: initialState.value };
40
- }
41
- default:
42
- return state;
43
- }
44
- };
45
- }
46
- exports.createSingleValueReducer = createSingleValueReducer;
47
- function multiValueReducer(state, action) {
48
- switch (action.type) {
49
- case "add": {
50
- const value = [...state.value, action.payload];
51
- return { ...state, value, searchValue: "" };
52
- }
53
- case "remove": {
54
- const rmValue = action.payload;
55
- const value = [...state.value];
56
- const index = value.findIndex((v) => v === rmValue);
57
- if (index >= 0) {
58
- value.splice(index, 1);
59
- }
60
- return { ...state, value, isOpen: false };
61
- }
62
- default:
63
- return state;
64
- }
65
- }
66
- exports.multiValueReducer = multiValueReducer;
67
- const combineReducers = (reducers) => (state, action) => {
68
- const nextState = reducers.reduce((prev, r) => {
69
- return r(prev, action);
70
- }, state);
71
- return nextState;
72
- };
73
- exports.combineReducers = combineReducers;
74
- const setSearch = (payload) => ({ type: "search", payload });
75
- function defaultFilterOptions({ value, searchValue }, options) {
76
- let opts = options;
77
- if (Array.isArray(value) && value.length > 0) {
78
- opts = options.filter((opt) => value.find((v) => v.value !== opt.value));
79
- }
80
- if (searchValue) {
81
- return opts.filter((opt) => opt.value
82
- .toLocaleLowerCase()
83
- .indexOf(searchValue.toLocaleLowerCase()) >= 0);
84
- }
85
- return opts;
86
- }
87
- const useSelectPosition = () => {
88
- const comboboxRef = react_1.useRef(null);
89
- const [listboxStyles, setListboxStyles] = react_1.useState({
90
- top: 0,
91
- left: 0,
92
- width: "100%",
93
- });
94
- const position = () => {
95
- if (comboboxRef.current) {
96
- const cur = comboboxRef.current.getBoundingClientRect();
97
- setListboxStyles({ top: cur.y, left: cur.x, width: `${cur.width}px` });
98
- }
99
- };
100
- react_1.useLayoutEffect(() => {
101
- position();
102
- }, [comboboxRef]);
103
- react_1.useLayoutEffect(() => {
104
- window.addEventListener("resize", position);
105
- return () => window.removeEventListener("resize", position);
106
- }, []);
107
- return { comboboxRef, listboxStyles };
108
- };
109
- exports.useSelectPosition = useSelectPosition;
110
- const useSelect = ({ options, reducer, initialState, filterOptions = defaultFilterOptions, onChange = () => { }, onCreate = () => { }, }) => {
111
- const [state, dispatch] = react_1.useReducer(reducer, initialState);
112
- const inputEl = react_1.useRef(null);
113
- const availableOptions = react_1.useMemo(() => filterOptions(state, options), [
114
- state,
115
- options,
116
- filterOptions,
117
- ]);
118
- const hasItem = (item) => {
119
- if (Array.isArray(state.value)) {
120
- return state.value.findIndex((i) => i.value === item.value) >= 0;
121
- }
122
- return false;
123
- };
124
- const focus = () => {
125
- setTimeout(() => {
126
- if (inputEl && inputEl.current) {
127
- inputEl.current.focus();
128
- }
129
- }, 100);
130
- };
131
- const hover = (index) => {
132
- if (typeof index === "undefined")
133
- return;
134
- dispatch({ type: "hover", payload: index });
135
- };
136
- const open = () => {
137
- hover(0);
138
- dispatch({ type: "toggle" });
139
- focus();
140
- };
141
- const closeDropdown = () => dispatch({ type: "close" });
142
- const addItem = (value) => {
143
- if (!hasItem(value)) {
144
- dispatch({ type: "add", payload: value });
145
- }
146
- closeDropdown();
147
- focus();
148
- };
149
- const removeItem = (value) => {
150
- if (Array.isArray(state.value) && !hasItem(value)) {
151
- return;
152
- }
153
- dispatch({ type: "remove", payload: value });
154
- };
155
- const search = (query) => {
156
- dispatch(setSearch(query));
157
- if (!state.isOpen) {
158
- open();
159
- }
160
- };
161
- const create = (item) => {
162
- const found = options.findIndex((o) => o.value === item.value);
163
- if (found >= 0) {
164
- dispatch(setSearch(""));
165
- return;
166
- }
167
- addItem(item);
168
- onCreate(item);
169
- };
170
- const onKeyPress = (event) => {
171
- const limit = availableOptions.length;
172
- if (event.keyCode === types_1.KEY_CODE.ESCAPE) {
173
- if (state.isOpen) {
174
- closeDropdown();
175
- }
176
- }
177
- else if (event.keyCode === types_1.KEY_CODE.ENTER) {
178
- if (!state.isOpen) {
179
- open();
180
- return;
181
- }
182
- const res = availableOptions[state.hoverIndex];
183
- if (res) {
184
- addItem(res);
185
- }
186
- else if (state.searchValue) {
187
- create({
188
- value: state.searchValue,
189
- });
190
- }
191
- closeDropdown();
192
- }
193
- else if (event.keyCode === types_1.KEY_CODE.DOWN) {
194
- const nextHover = state.hoverIndex + 1;
195
- const next = nextHover === limit ? 0 : nextHover;
196
- hover(next);
197
- }
198
- else if (event.keyCode === types_1.KEY_CODE.UP) {
199
- const prevHover = state.hoverIndex - 1;
200
- const prev = prevHover === -1 ? limit - 1 : prevHover;
201
- hover(prev);
202
- }
203
- else if (event.keyCode === types_1.KEY_CODE.HOME) {
204
- hover(0);
205
- }
206
- else if (event.keyCode === types_1.KEY_CODE.END) {
207
- hover(limit - 1);
208
- }
209
- else if (event.keyCode === types_1.KEY_CODE.BACKSPACE) {
210
- if (Array.isArray(state.value)) {
211
- if (state.value.length > 0) {
212
- removeItem(state.value[state.value.length - 1]);
213
- }
214
- }
215
- }
216
- };
217
- react_1.useEffect(() => {
218
- onChange(state.value);
219
- }, [state, onChange]);
220
- const { listboxStyles, comboboxRef } = exports.useSelectPosition();
221
- return {
222
- state,
223
- open,
224
- add: addItem,
225
- select: addItem,
226
- remove: removeItem,
227
- search,
228
- availableOptions,
229
- ref: inputEl,
230
- close: closeDropdown,
231
- hover,
232
- create,
233
- onKeyPress,
234
- clear: () => dispatch({ type: "clear" }),
235
- listboxStyles,
236
- comboboxRef,
237
- };
238
- };
239
- exports.useSelect = useSelect;
@@ -1,2 +0,0 @@
1
- import { BoxProps } from "../Box";
2
- export declare const Fixed: (props: BoxProps) => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const react_2 = require("@storybook/react");
8
- const Story_1 = __importDefault(require("../../storybook-components/Story"));
9
- const Fixed_1 = require("./Fixed");
10
- const stories = react_2.storiesOf("Components/Positioning/Fixed", module);
11
- stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Fixed" },
12
- react_1.default.createElement(Fixed_1.Fixed, null, "This is the Fixed component"))));
@@ -1 +0,0 @@
1
- export { Fixed } from "./Fixed";
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Fixed = void 0;
4
- var Fixed_1 = require("./Fixed");
5
- Object.defineProperty(exports, "Fixed", { enumerable: true, get: function () { return Fixed_1.Fixed; } });
@@ -1 +0,0 @@
1
- export {};
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const react_2 = require("@storybook/react");
8
- const Story_1 = __importDefault(require("../../storybook-components/Story"));
9
- const Flex_1 = require("./Flex");
10
- const stories = react_2.storiesOf("Components/Layout/Flex", module);
11
- stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Flex" },
12
- react_1.default.createElement(Flex_1.Flex, null, "This is the Flex component"))));
@@ -1,10 +0,0 @@
1
- import { SvgProps } from "../Svg";
2
- export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "events-api", "gcp", "github", "gitlab", "gsuite", "jamf", "jira", "jumpcloud", "okta", "onelogin", "salesforce", "slack", "zoom"];
3
- export declare type IntegrationLogoName = typeof integrationLogoNames[number];
4
- export interface IntegrationLogoProps extends SvgProps {
5
- logo?: IntegrationLogoName | string;
6
- color?: string;
7
- square?: boolean;
8
- size?: number;
9
- }
10
- export declare const IntegrationLogo: ({ logo, size, ...rest }: IntegrationLogoProps) => JSX.Element;
@@ -1,33 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.IntegrationLogo = exports.integrationLogoNames = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const IntegrationLogoSvg_1 = __importDefault(require("./IntegrationLogoSvg"));
9
- exports.integrationLogoNames = [
10
- "addigy",
11
- "aws",
12
- "bamboohr",
13
- "bitbucket",
14
- "conveyor",
15
- "deploy",
16
- "events-api",
17
- "gcp",
18
- "github",
19
- "gitlab",
20
- "gsuite",
21
- "jamf",
22
- "jira",
23
- "jumpcloud",
24
- "okta",
25
- "onelogin",
26
- "salesforce",
27
- "slack",
28
- "zoom",
29
- ];
30
- const IntegrationLogo = ({ logo, size = 24, ...rest }) => {
31
- return react_1.default.createElement(IntegrationLogoSvg_1.default, Object.assign({ logo: logo, size: size }, rest));
32
- };
33
- exports.IntegrationLogo = IntegrationLogo;
@@ -1,9 +0,0 @@
1
- import { SvgProps } from "../Svg";
2
- interface IntegrationLogoSvgProps extends SvgProps {
3
- logo?: string;
4
- color?: string;
5
- square?: boolean;
6
- size?: number;
7
- }
8
- declare const IntegrationLogoSvg: ({ logo, ...rest }: IntegrationLogoSvgProps) => JSX.Element;
9
- export default IntegrationLogoSvg;
@@ -1,52 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const svg_1 = require("./svg");
8
- const IntegrationLogoSvg = ({ logo, ...rest }) => {
9
- switch (logo) {
10
- case "addigy":
11
- return react_1.default.createElement(svg_1.AddigySvg, Object.assign({}, rest));
12
- case "aws":
13
- return react_1.default.createElement(svg_1.AwsSvg, Object.assign({}, rest));
14
- case "bamboohr":
15
- return react_1.default.createElement(svg_1.BambooHrSvg, Object.assign({}, rest));
16
- case "bitbucket":
17
- return react_1.default.createElement(svg_1.BitbucketSvg, Object.assign({}, rest));
18
- case "conveyor":
19
- return react_1.default.createElement(svg_1.ConveyorSvg, Object.assign({}, rest));
20
- case "deploy":
21
- return react_1.default.createElement(svg_1.DeploySvg, Object.assign({}, rest));
22
- case "events-api":
23
- return react_1.default.createElement(svg_1.EventsAPI, Object.assign({}, rest));
24
- case "gcp":
25
- return react_1.default.createElement(svg_1.GcpSvg, Object.assign({}, rest));
26
- case "github":
27
- return react_1.default.createElement(svg_1.GithubSvg, Object.assign({}, rest));
28
- case "gitlab":
29
- return react_1.default.createElement(svg_1.GitlabSvg, Object.assign({}, rest));
30
- case "gsuite":
31
- return react_1.default.createElement(svg_1.GsuiteSvg, Object.assign({}, rest));
32
- case "jamf":
33
- return react_1.default.createElement(svg_1.JamfSvg, Object.assign({}, rest));
34
- case "jira":
35
- return react_1.default.createElement(svg_1.JiraSvg, Object.assign({}, rest));
36
- case "jumpcloud":
37
- return react_1.default.createElement(svg_1.JumpcloudSvg, Object.assign({}, rest));
38
- case "okta":
39
- return react_1.default.createElement(svg_1.OktaSvg, Object.assign({}, rest));
40
- case "onelogin":
41
- return react_1.default.createElement(svg_1.OneLoginSvg, Object.assign({}, rest));
42
- case "salesforce":
43
- return react_1.default.createElement(svg_1.SalesforceSvg, Object.assign({}, rest));
44
- case "slack":
45
- return react_1.default.createElement(svg_1.SlackSvg, Object.assign({}, rest));
46
- case "zoom":
47
- return react_1.default.createElement(svg_1.ZoomSvg, Object.assign({}, rest));
48
- default:
49
- return react_1.default.createElement(svg_1.DefaultSvg, Object.assign({}, rest));
50
- }
51
- };
52
- exports.default = IntegrationLogoSvg;
@@ -1 +0,0 @@
1
- export * from "./IntegrationLogo";
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./IntegrationLogo"), exports);
@@ -1,2 +0,0 @@
1
- import { SvgLogoProps } from "./wrapper";
2
- export declare const AddigySvg: ({ color, square, ...rest }: SvgLogoProps) => JSX.Element;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.AddigySvg = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const wrapper_1 = require("./wrapper");
9
- const AddigySvg = ({ color, square, ...rest }) => {
10
- const viewBox = "0 0 32 32";
11
- const path = (react_1.default.createElement(react_1.default.Fragment, null,
12
- react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.4246 22.7281L15.2402 7.84787L21.3036 5.93106L28.8469 15.9669L26.4246 22.7281ZM0 27.96H30.3571L32 15.7831L22.3505 3L6.8423 4.40076L22.71 25.5118L20.162 23.3718H12.8786L16.1671 20.0166L13.3872 17.6819L0 27.96Z", fill: color || "#53bdcd" })));
13
- return (react_1.default.createElement(wrapper_1.IntegrationLogoSvgWrapper, Object.assign({ viewBox: viewBox }, rest),
14
- react_1.default.createElement("title", null, "Addigy integration logo"),
15
- path));
16
- };
17
- exports.AddigySvg = AddigySvg;
@@ -1,2 +0,0 @@
1
- import { SvgLogoProps } from "./wrapper";
2
- export declare const AwsSvg: ({ color, square, ...rest }: SvgLogoProps) => JSX.Element;