@conveyorhq/arrow-ds 2.0.0-beta.6 → 2.0.0-beta.7

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 (471) hide show
  1. package/package.json +28 -21
  2. package/public/components/Accordion/Accordion.d.ts +29 -17
  3. package/public/components/Accordion/Accordion.js +78 -56
  4. package/public/components/Accordion/context.d.ts +12 -0
  5. package/public/components/Accordion/context.js +30 -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 +17 -0
  9. package/public/components/Accordion/types.js +2 -0
  10. package/public/components/Avatar/Avatar.d.ts +1 -1
  11. package/public/components/Avatar/AvatarGroup.d.ts +1 -1
  12. package/public/components/Avatar/AvatarGroup.js +11 -1
  13. package/public/components/Button/Button.d.ts +3 -2
  14. package/public/components/Button/Button.js +3 -0
  15. package/public/components/CloseButton/CloseButton.d.ts +1 -2
  16. package/public/components/ConveyorLogo/ConveyorLogo.js +1 -1
  17. package/public/components/Divider/Divider.d.ts +1 -9
  18. package/public/components/Divider/Divider.js +13 -24
  19. package/public/components/Drawer/Drawer.js +11 -9
  20. package/public/components/Flex/Flex.js +3 -4
  21. package/public/components/Grid/Grid.d.ts +2 -2
  22. package/public/components/Grid/Grid.js +9 -3
  23. package/public/components/Icon/Icon.d.ts +14 -0
  24. package/public/components/Icon/Icon.js +32 -2
  25. package/public/components/Icon/svg/ArrowToBottom.d.ts +2 -0
  26. package/public/components/Icon/svg/ArrowToBottom.js +14 -0
  27. package/public/components/Icon/svg/CommentAltCheck.d.ts +2 -0
  28. package/public/components/Icon/svg/CommentAltCheck.js +13 -0
  29. package/public/components/Icon/svg/index.d.ts +2 -0
  30. package/public/components/Icon/svg/index.js +2 -0
  31. package/public/components/Input/Input.d.ts +3 -2
  32. package/public/components/Input/Input.js +7 -6
  33. package/public/components/Loading/Loading.d.ts +3 -2
  34. package/public/components/Loading/Loading.js +4 -7
  35. package/public/components/Markdown/Markdown.d.ts +1 -1
  36. package/public/components/Markdown/Markdown.js +3 -3
  37. package/public/components/MarkdownEditor/MarkdownEditor.js +1 -2
  38. package/public/components/MarkdownEditor/MarkdownHelp.js +4 -7
  39. package/public/components/MenuRenderer/MenuRenderer.js +7 -4
  40. package/public/components/Modal/Modal.d.ts +6 -0
  41. package/public/components/Modal/Modal.js +29 -19
  42. package/public/components/Modal/context.d.ts +6 -0
  43. package/public/components/Modal/context.js +15 -0
  44. package/public/components/Modal/index.d.ts +1 -0
  45. package/public/components/Modal/index.js +1 -0
  46. package/public/components/OptionButton/OptionButton.d.ts +28 -1
  47. package/public/components/OptionButton/OptionButton.js +58 -11
  48. package/public/components/OptionButton/context.d.ts +11 -0
  49. package/public/components/OptionButton/context.js +16 -0
  50. package/public/components/Overlay/Overlay.js +2 -2
  51. package/public/components/Paragraph/Paragraph.js +3 -7
  52. package/public/components/Reference/Reference.d.ts +2 -2
  53. package/public/components/Select/Select.d.ts +1 -0
  54. package/public/components/Select/Select.js +12 -7
  55. package/public/components/Snackbar/Snackbar.d.ts +14 -22
  56. package/public/components/Snackbar/Snackbar.js +28 -85
  57. package/public/components/Snackbar/SnackbarProvider.d.ts +2 -0
  58. package/public/components/Snackbar/SnackbarProvider.js +21 -0
  59. package/public/components/Snackbar/constants.d.ts +2 -0
  60. package/public/components/Snackbar/constants.js +5 -0
  61. package/public/components/Snackbar/context.d.ts +4 -0
  62. package/public/components/Snackbar/context.js +17 -0
  63. package/public/components/Snackbar/helpers.d.ts +3 -0
  64. package/public/components/Snackbar/helpers.js +31 -0
  65. package/public/components/Snackbar/hooks.d.ts +2 -0
  66. package/public/components/Snackbar/hooks.js +47 -0
  67. package/public/components/Snackbar/index.d.ts +6 -0
  68. package/public/components/Snackbar/index.js +6 -0
  69. package/public/components/Snackbar/types.d.ts +43 -0
  70. package/public/components/Snackbar/types.js +2 -0
  71. package/public/components/SpeechBubble/SpeechBubble.d.ts +1 -0
  72. package/public/components/SpeechBubble/SpeechBubble.js +9 -2
  73. package/public/components/Table/Table.d.ts +5 -2
  74. package/public/components/Table/Table.js +11 -4
  75. package/public/components/Table/TableCell.d.ts +1 -0
  76. package/public/components/Table/TableCell.js +4 -2
  77. package/public/components/Table/TableHeaderCell.d.ts +2 -1
  78. package/public/components/Table/TableHeaderCell.js +24 -7
  79. package/public/components/Table/index.d.ts +3 -0
  80. package/public/components/Tag/Tag.d.ts +2 -2
  81. package/public/components/Toast/Toast.d.ts +3 -3
  82. package/public/components/Toast/Toast.js +6 -2
  83. package/public/css/styles.css +2550 -30950
  84. package/public/css/styles.min.css +1 -1
  85. package/public/css/styles.min.css.map +1 -1
  86. package/public/index.d.ts +0 -15
  87. package/public/index.js +0 -15
  88. package/public/storybook-components/ComponentHeading.js +3 -5
  89. package/public/storybook-components/ComponentStatus.d.ts +1 -0
  90. package/public/storybook-components/ComponentStatus.js +4 -0
  91. package/public/storybook-components/index.d.ts +1 -1
  92. package/public/storybook-components/index.js +1 -1
  93. package/public/style-dictionary/dist/tokens.css +377 -0
  94. package/public/style-dictionary/dist/tokens.d.ts +427 -0
  95. package/public/style-dictionary/dist/tokens.js +427 -0
  96. package/public/style-dictionary/dist/tokens.module.js +427 -0
  97. package/public/style-dictionary/src/border-radius.js +11 -0
  98. package/public/style-dictionary/src/border-width.js +10 -0
  99. package/public/style-dictionary/src/color.js +97 -0
  100. package/public/style-dictionary/src/font-size.js +15 -0
  101. package/public/style-dictionary/src/font-weight.js +7 -0
  102. package/public/style-dictionary/src/height.js +13 -0
  103. package/public/style-dictionary/src/leading.js +8 -0
  104. package/public/style-dictionary/src/screen-width.js +8 -0
  105. package/public/style-dictionary/src/shadow.js +19 -0
  106. package/public/style-dictionary/src/spacing.js +69 -0
  107. package/public/style-dictionary/src/tracking.js +7 -0
  108. package/public/style-dictionary/src/type.js +34 -0
  109. package/public/style-dictionary/src/width.js +32 -0
  110. package/public/style-dictionary/src/z-index.js +21 -0
  111. package/public/style-dictionary/tailwind.config.js +87 -0
  112. package/public/tokens/box-shadow.d.ts +1 -0
  113. package/public/tokens/box-shadow.js +1 -0
  114. package/public/tokens/font-family.js +1 -1
  115. package/public/tokens/height.d.ts +65 -43
  116. package/public/tokens/height.js +3 -44
  117. package/public/tokens/index.d.ts +526 -173
  118. package/public/tokens/index.js +1 -1
  119. package/public/tokens/margin.d.ts +129 -47
  120. package/public/tokens/margin.js +3 -47
  121. package/public/tokens/padding.d.ts +65 -24
  122. package/public/tokens/padding.js +2 -24
  123. package/public/tokens/sizing-scale.d.ts +133 -0
  124. package/public/tokens/sizing-scale.js +136 -0
  125. package/public/tokens/width.d.ts +197 -63
  126. package/public/tokens/width.js +6 -63
  127. package/public/types/index.d.ts +14 -2
  128. package/public/types/index.js +2 -4
  129. package/src/components/Accordion/Accordion.story.mdx +232 -22
  130. package/src/components/Accordion/Accordion.tsx +228 -117
  131. package/src/components/Accordion/context.ts +60 -0
  132. package/src/components/Accordion/index.css +0 -5
  133. package/src/components/Accordion/index.ts +1 -0
  134. package/src/components/Accordion/types.ts +55 -0
  135. package/src/components/Avatar/Avatar.story.mdx +60 -0
  136. package/src/components/Avatar/AvatarGroup.tsx +11 -9
  137. package/src/components/Avatar/index.css +8 -0
  138. package/src/components/Button/Button.story.mdx +116 -1
  139. package/src/components/Button/Button.tsx +10 -4
  140. package/src/components/Button/product.css +12 -0
  141. package/src/components/Card/Card.story.mdx +11 -36
  142. package/src/components/CloseButton/CloseButton.tsx +1 -1
  143. package/src/components/ConveyorLogo/ConveyorLogo.tsx +1 -0
  144. package/src/components/Divider/Divider.tsx +26 -40
  145. package/src/components/Divider/index.css +16 -0
  146. package/src/components/Drawer/Drawer.story.mdx +68 -70
  147. package/src/components/Drawer/Drawer.tsx +10 -9
  148. package/src/components/Drawer/index.css +26 -1
  149. package/src/components/Flex/Flex.story.mdx +130 -0
  150. package/src/components/Flex/Flex.tsx +7 -6
  151. package/src/components/Flex/index.css +3 -0
  152. package/src/components/Frame/Frame.story.mdx +7 -2
  153. package/src/components/Grid/Grid.story.mdx +205 -3
  154. package/src/components/Grid/Grid.tsx +44 -5
  155. package/src/components/Grid/index.css +3 -0
  156. package/src/components/Icon/Icon.tsx +60 -5
  157. package/src/components/Icon/svg/ArrowToBottom.tsx +17 -0
  158. package/src/components/Icon/svg/CommentAltCheck.tsx +13 -0
  159. package/src/components/Icon/svg/index.ts +2 -0
  160. package/src/components/Input/Input.story.mdx +199 -13
  161. package/src/components/Input/Input.tsx +39 -6
  162. package/src/components/Input/brand.css +7 -7
  163. package/src/components/Input/index.css +30 -0
  164. package/src/components/Input/product.css +12 -48
  165. package/src/components/Loading/Loading.story.mdx +16 -9
  166. package/src/components/Loading/Loading.tsx +17 -8
  167. package/src/components/Loading/index.css +1 -67
  168. package/src/components/Markdown/Markdown.story.mdx +67 -0
  169. package/src/components/Markdown/Markdown.tsx +3 -2
  170. package/src/components/MarkdownEditor/MarkdownEditor.tsx +2 -3
  171. package/src/components/MarkdownEditor/MarkdownHelp.tsx +7 -10
  172. package/src/components/MarkdownEditor/index.css +5 -1
  173. package/src/components/MenuRenderer/MenuRenderer.tsx +9 -7
  174. package/src/components/Modal/Modal.story.mdx +26 -0
  175. package/src/components/Modal/Modal.tsx +60 -42
  176. package/src/components/Modal/context.ts +20 -0
  177. package/src/components/Modal/index.ts +1 -0
  178. package/src/components/OptionButton/OptionButton.story.mdx +119 -20
  179. package/src/components/OptionButton/OptionButton.tsx +211 -23
  180. package/src/components/OptionButton/context.ts +22 -0
  181. package/src/components/OptionButton/index.css +1 -2
  182. package/src/components/Overlay/Overlay.tsx +2 -3
  183. package/src/components/Overlay/index.css +1 -0
  184. package/src/components/Paragraph/Paragraph.story.mdx +16 -2
  185. package/src/components/Paragraph/Paragraph.tsx +5 -13
  186. package/src/components/Paragraph/index.css +6 -0
  187. package/src/components/Popover/index.css +5 -6
  188. package/src/components/Reference/Reference.tsx +2 -2
  189. package/src/components/Select/Select.story.mdx +23 -10
  190. package/src/components/Select/Select.tsx +31 -6
  191. package/src/components/Snackbar/Snackbar.story.mdx +96 -9
  192. package/src/components/Snackbar/Snackbar.tsx +56 -145
  193. package/src/components/Snackbar/SnackbarProvider.tsx +31 -0
  194. package/src/components/Snackbar/constants.ts +2 -0
  195. package/src/components/Snackbar/context.ts +20 -0
  196. package/src/components/Snackbar/helpers.tsx +52 -0
  197. package/src/components/Snackbar/hooks.ts +57 -0
  198. package/src/components/Snackbar/index.ts +6 -0
  199. package/src/components/Snackbar/types.ts +180 -0
  200. package/src/components/SpeechBubble/SpeechBubble.story.mdx +76 -0
  201. package/src/components/SpeechBubble/SpeechBubble.tsx +22 -1
  202. package/src/components/SpeechBubble/index.css +7 -4
  203. package/src/components/Table/Table.story.mdx +243 -0
  204. package/src/components/Table/Table.tsx +36 -1
  205. package/src/components/Table/TableCell.tsx +24 -1
  206. package/src/components/Table/TableHeaderCell.tsx +64 -11
  207. package/src/components/Table/index.css +138 -10
  208. package/src/components/Table/index.ts +3 -0
  209. package/src/components/Tag/Tag.tsx +2 -2
  210. package/src/components/Toast/Toast.story.mdx +1 -1
  211. package/src/components/Toast/Toast.tsx +14 -10
  212. package/src/components/Toast/index.css +4 -2
  213. package/src/components/Toggle/index.css +2 -3
  214. package/src/css/base.css +6 -561
  215. package/src/css/components.css +4 -9
  216. package/src/css/fonts.css +13 -10
  217. package/src/css/styles.css +0 -1
  218. package/src/css/utilities/animations.css +13 -0
  219. package/src/docs/Typography.story.mdx +12 -9
  220. package/src/index.ts +0 -15
  221. package/src/storybook-components/ComponentHeading.tsx +4 -19
  222. package/src/storybook-components/ComponentStatus.tsx +4 -0
  223. package/src/storybook-components/index.tsx +1 -1
  224. package/src/tokens/box-shadow.ts +1 -0
  225. package/src/tokens/font-family.ts +1 -1
  226. package/src/tokens/height.ts +3 -44
  227. package/src/tokens/index.ts +2 -2
  228. package/src/tokens/margin.ts +4 -47
  229. package/src/tokens/padding.ts +3 -24
  230. package/src/tokens/sizing-scale.ts +134 -0
  231. package/src/tokens/width.ts +7 -63
  232. package/src/types/index.ts +34 -5
  233. package/public/components/Absolute/Absolute.d.ts +0 -2
  234. package/public/components/Absolute/Absolute.js +0 -14
  235. package/public/components/Absolute/index.d.ts +0 -1
  236. package/public/components/Absolute/index.js +0 -5
  237. package/public/components/Appbar/Appbar.d.ts +0 -40
  238. package/public/components/Appbar/Appbar.js +0 -29
  239. package/public/components/Appbar/AppbarLogo.d.ts +0 -2
  240. package/public/components/Appbar/AppbarLogo.js +0 -19
  241. package/public/components/Appbar/AppbarTabs.d.ts +0 -10
  242. package/public/components/Appbar/AppbarTabs.js +0 -42
  243. package/public/components/Appbar/AppbarUser.d.ts +0 -26
  244. package/public/components/Appbar/AppbarUser.js +0 -60
  245. package/public/components/Appbar/config.d.ts +0 -7
  246. package/public/components/Appbar/config.js +0 -13
  247. package/public/components/Appbar/index.d.ts +0 -1
  248. package/public/components/Appbar/index.js +0 -13
  249. package/public/components/ArrowButton/ArrowButton.d.ts +0 -9
  250. package/public/components/ArrowButton/ArrowButton.js +0 -22
  251. package/public/components/ArrowButton/index.d.ts +0 -1
  252. package/public/components/ArrowButton/index.js +0 -13
  253. package/public/components/ArrowLink/ArrowLink.d.ts +0 -9
  254. package/public/components/ArrowLink/ArrowLink.js +0 -21
  255. package/public/components/ArrowLink/index.d.ts +0 -1
  256. package/public/components/ArrowLink/index.js +0 -13
  257. package/public/components/Aside/Aside.d.ts +0 -14
  258. package/public/components/Aside/Aside.js +0 -28
  259. package/public/components/Aside/index.d.ts +0 -1
  260. package/public/components/Aside/index.js +0 -13
  261. package/public/components/Fixed/Fixed.d.ts +0 -2
  262. package/public/components/Fixed/Fixed.js +0 -14
  263. package/public/components/Fixed/Fixed.story.d.ts +0 -1
  264. package/public/components/Fixed/Fixed.story.js +0 -12
  265. package/public/components/Fixed/index.d.ts +0 -1
  266. package/public/components/Fixed/index.js +0 -5
  267. package/public/components/Flex/Flex.story.d.ts +0 -1
  268. package/public/components/Flex/Flex.story.js +0 -12
  269. package/public/components/IntegrationLogo/IntegrationLogo.d.ts +0 -10
  270. package/public/components/IntegrationLogo/IntegrationLogo.js +0 -33
  271. package/public/components/IntegrationLogo/IntegrationLogoSvg.d.ts +0 -9
  272. package/public/components/IntegrationLogo/IntegrationLogoSvg.js +0 -52
  273. package/public/components/IntegrationLogo/index.d.ts +0 -1
  274. package/public/components/IntegrationLogo/index.js +0 -13
  275. package/public/components/IntegrationLogo/svg/addigy.d.ts +0 -2
  276. package/public/components/IntegrationLogo/svg/addigy.js +0 -17
  277. package/public/components/IntegrationLogo/svg/aws.d.ts +0 -2
  278. package/public/components/IntegrationLogo/svg/aws.js +0 -22
  279. package/public/components/IntegrationLogo/svg/bamboohr.d.ts +0 -2
  280. package/public/components/IntegrationLogo/svg/bamboohr.js +0 -18
  281. package/public/components/IntegrationLogo/svg/bitbucket.d.ts +0 -2
  282. package/public/components/IntegrationLogo/svg/bitbucket.js +0 -18
  283. package/public/components/IntegrationLogo/svg/conveyor.d.ts +0 -2
  284. package/public/components/IntegrationLogo/svg/conveyor.js +0 -20
  285. package/public/components/IntegrationLogo/svg/default.d.ts +0 -2
  286. package/public/components/IntegrationLogo/svg/default.js +0 -13
  287. package/public/components/IntegrationLogo/svg/deploy.d.ts +0 -2
  288. package/public/components/IntegrationLogo/svg/deploy.js +0 -17
  289. package/public/components/IntegrationLogo/svg/events-api.d.ts +0 -2
  290. package/public/components/IntegrationLogo/svg/events-api.js +0 -26
  291. package/public/components/IntegrationLogo/svg/gcp.d.ts +0 -3
  292. package/public/components/IntegrationLogo/svg/gcp.js +0 -15
  293. package/public/components/IntegrationLogo/svg/github.d.ts +0 -3
  294. package/public/components/IntegrationLogo/svg/github.js +0 -12
  295. package/public/components/IntegrationLogo/svg/gitlab.d.ts +0 -2
  296. package/public/components/IntegrationLogo/svg/gitlab.js +0 -19
  297. package/public/components/IntegrationLogo/svg/gsuite.d.ts +0 -2
  298. package/public/components/IntegrationLogo/svg/gsuite.js +0 -15
  299. package/public/components/IntegrationLogo/svg/index.d.ts +0 -21
  300. package/public/components/IntegrationLogo/svg/index.js +0 -54
  301. package/public/components/IntegrationLogo/svg/jamf.d.ts +0 -2
  302. package/public/components/IntegrationLogo/svg/jamf.js +0 -20
  303. package/public/components/IntegrationLogo/svg/jira.d.ts +0 -2
  304. package/public/components/IntegrationLogo/svg/jira.js +0 -21
  305. package/public/components/IntegrationLogo/svg/jumpcloud.d.ts +0 -2
  306. package/public/components/IntegrationLogo/svg/jumpcloud.js +0 -28
  307. package/public/components/IntegrationLogo/svg/okta.d.ts +0 -2
  308. package/public/components/IntegrationLogo/svg/okta.js +0 -16
  309. package/public/components/IntegrationLogo/svg/onelogin.d.ts +0 -2
  310. package/public/components/IntegrationLogo/svg/onelogin.js +0 -18
  311. package/public/components/IntegrationLogo/svg/salesforce.d.ts +0 -2
  312. package/public/components/IntegrationLogo/svg/salesforce.js +0 -20
  313. package/public/components/IntegrationLogo/svg/slack.d.ts +0 -2
  314. package/public/components/IntegrationLogo/svg/slack.js +0 -19
  315. package/public/components/IntegrationLogo/svg/wrapper.d.ts +0 -11
  316. package/public/components/IntegrationLogo/svg/wrapper.js +0 -13
  317. package/public/components/IntegrationLogo/svg/zoom.d.ts +0 -2
  318. package/public/components/IntegrationLogo/svg/zoom.js +0 -23
  319. package/public/components/Meta/Meta.d.ts +0 -6
  320. package/public/components/Meta/Meta.js +0 -21
  321. package/public/components/Meta/Meta.story.d.ts +0 -1
  322. package/public/components/Meta/Meta.story.js +0 -39
  323. package/public/components/Meta/index.d.ts +0 -1
  324. package/public/components/Meta/index.js +0 -5
  325. package/public/components/PropertyDiff/PropertyDiff.d.ts +0 -7
  326. package/public/components/PropertyDiff/PropertyDiff.js +0 -22
  327. package/public/components/PropertyDiff/index.d.ts +0 -1
  328. package/public/components/PropertyDiff/index.js +0 -13
  329. package/public/components/Relative/Relative.d.ts +0 -2
  330. package/public/components/Relative/Relative.js +0 -14
  331. package/public/components/Relative/Relative.story.d.ts +0 -1
  332. package/public/components/Relative/Relative.story.js +0 -12
  333. package/public/components/Relative/index.d.ts +0 -1
  334. package/public/components/Relative/index.js +0 -5
  335. package/public/components/SpeechBubble/SpeechBubble.story.d.ts +0 -1
  336. package/public/components/SpeechBubble/SpeechBubble.story.js +0 -19
  337. package/public/components/StatusLabel/StatusLabel.d.ts +0 -16
  338. package/public/components/StatusLabel/StatusLabel.js +0 -40
  339. package/public/components/StatusLabel/index.d.ts +0 -1
  340. package/public/components/StatusLabel/index.js +0 -13
  341. package/public/components/StatusPanel/StatusPanel.d.ts +0 -11
  342. package/public/components/StatusPanel/StatusPanel.js +0 -24
  343. package/public/components/StatusPanel/index.d.ts +0 -1
  344. package/public/components/StatusPanel/index.js +0 -13
  345. package/public/components/Sticky/Sticky.d.ts +0 -2
  346. package/public/components/Sticky/Sticky.js +0 -14
  347. package/public/components/Sticky/Sticky.story.d.ts +0 -1
  348. package/public/components/Sticky/Sticky.story.js +0 -12
  349. package/public/components/Sticky/index.d.ts +0 -1
  350. package/public/components/Sticky/index.js +0 -5
  351. package/public/components/TopBar/TopBar.d.ts +0 -14
  352. package/public/components/TopBar/TopBar.js +0 -24
  353. package/public/components/TopBar/TopBarBreadcrumbs.d.ts +0 -10
  354. package/public/components/TopBar/TopBarBreadcrumbs.js +0 -34
  355. package/public/components/TopBar/TopBarSubNav.d.ts +0 -2
  356. package/public/components/TopBar/TopBarSubNav.js +0 -16
  357. package/public/components/TopBar/TopBarSubNavItem.d.ts +0 -5
  358. package/public/components/TopBar/TopBarSubNavItem.js +0 -17
  359. package/public/components/TopBar/index.d.ts +0 -1
  360. package/public/components/TopBar/index.js +0 -13
  361. package/public/components/VendorLogo/VendorLogo.d.ts +0 -20
  362. package/public/components/VendorLogo/VendorLogo.js +0 -57
  363. package/public/components/VendorLogo/index.d.ts +0 -1
  364. package/public/components/VendorLogo/index.js +0 -13
  365. package/public/storybook-components/TailwindPropertyClasses.d.ts +0 -9
  366. package/public/storybook-components/TailwindPropertyClasses.js +0 -194
  367. package/public/tailwind.config.d.ts +0 -1
  368. package/public/tailwind.config.js +0 -4
  369. package/public/tokens/_tailwind-config.d.ts +0 -810
  370. package/public/tokens/_tailwind-config.js +0 -50
  371. package/src/components/Absolute/Absolute.story.mdx +0 -26
  372. package/src/components/Absolute/Absolute.tsx +0 -9
  373. package/src/components/Absolute/index.ts +0 -1
  374. package/src/components/Appbar/Appbar.story.mdx +0 -118
  375. package/src/components/Appbar/Appbar.tsx +0 -64
  376. package/src/components/Appbar/AppbarLogo.tsx +0 -29
  377. package/src/components/Appbar/AppbarTabs.tsx +0 -47
  378. package/src/components/Appbar/AppbarUser.tsx +0 -144
  379. package/src/components/Appbar/config.ts +0 -12
  380. package/src/components/Appbar/index.css +0 -203
  381. package/src/components/Appbar/index.ts +0 -1
  382. package/src/components/ArrowButton/ArrowButton.story.mdx +0 -110
  383. package/src/components/ArrowButton/ArrowButton.tsx +0 -54
  384. package/src/components/ArrowButton/index.css +0 -42
  385. package/src/components/ArrowButton/index.ts +0 -1
  386. package/src/components/ArrowLink/ArrowLink.story.mdx +0 -65
  387. package/src/components/ArrowLink/ArrowLink.tsx +0 -42
  388. package/src/components/ArrowLink/index.ts +0 -1
  389. package/src/components/Aside/Aside.story.mdx +0 -65
  390. package/src/components/Aside/Aside.tsx +0 -59
  391. package/src/components/Aside/index.css +0 -11
  392. package/src/components/Aside/index.ts +0 -1
  393. package/src/components/Fixed/Fixed.md +0 -16
  394. package/src/components/Fixed/Fixed.story.tsx +0 -12
  395. package/src/components/Fixed/Fixed.tsx +0 -9
  396. package/src/components/Fixed/index.ts +0 -1
  397. package/src/components/Flex/Flex.md +0 -14
  398. package/src/components/Flex/Flex.story.tsx +0 -12
  399. package/src/components/IntegrationLogo/IntegrationLogo.story.mdx +0 -159
  400. package/src/components/IntegrationLogo/IntegrationLogo.tsx +0 -54
  401. package/src/components/IntegrationLogo/IntegrationLogoSvg.tsx +0 -79
  402. package/src/components/IntegrationLogo/index.ts +0 -1
  403. package/src/components/IntegrationLogo/svg/addigy.tsx +0 -23
  404. package/src/components/IntegrationLogo/svg/aws.tsx +0 -52
  405. package/src/components/IntegrationLogo/svg/bamboohr.tsx +0 -34
  406. package/src/components/IntegrationLogo/svg/bitbucket.tsx +0 -37
  407. package/src/components/IntegrationLogo/svg/conveyor.tsx +0 -41
  408. package/src/components/IntegrationLogo/svg/default.tsx +0 -11
  409. package/src/components/IntegrationLogo/svg/deploy.tsx +0 -29
  410. package/src/components/IntegrationLogo/svg/events-api.tsx +0 -75
  411. package/src/components/IntegrationLogo/svg/gcp.tsx +0 -26
  412. package/src/components/IntegrationLogo/svg/github.tsx +0 -14
  413. package/src/components/IntegrationLogo/svg/gitlab.tsx +0 -40
  414. package/src/components/IntegrationLogo/svg/gsuite.tsx +0 -24
  415. package/src/components/IntegrationLogo/svg/index.ts +0 -21
  416. package/src/components/IntegrationLogo/svg/jamf.tsx +0 -36
  417. package/src/components/IntegrationLogo/svg/jira.tsx +0 -44
  418. package/src/components/IntegrationLogo/svg/jumpcloud.tsx +0 -86
  419. package/src/components/IntegrationLogo/svg/okta.tsx +0 -28
  420. package/src/components/IntegrationLogo/svg/onelogin.tsx +0 -34
  421. package/src/components/IntegrationLogo/svg/salesforce.tsx +0 -39
  422. package/src/components/IntegrationLogo/svg/slack.tsx +0 -40
  423. package/src/components/IntegrationLogo/svg/wrapper.tsx +0 -35
  424. package/src/components/IntegrationLogo/svg/zoom.tsx +0 -51
  425. package/src/components/Meta/Meta.md +0 -14
  426. package/src/components/Meta/Meta.story.tsx +0 -24
  427. package/src/components/Meta/Meta.tsx +0 -26
  428. package/src/components/Meta/index.ts +0 -1
  429. package/src/components/PropertyDiff/PropertDiff.story.mdx +0 -46
  430. package/src/components/PropertyDiff/PropertyDiff.tsx +0 -48
  431. package/src/components/PropertyDiff/index.css +0 -33
  432. package/src/components/PropertyDiff/index.ts +0 -1
  433. package/src/components/Relative/Relative.md +0 -16
  434. package/src/components/Relative/Relative.story.tsx +0 -12
  435. package/src/components/Relative/Relative.tsx +0 -9
  436. package/src/components/Relative/index.ts +0 -1
  437. package/src/components/SpeechBubble/SpeechBubble.md +0 -14
  438. package/src/components/SpeechBubble/SpeechBubble.story.tsx +0 -26
  439. package/src/components/StatusLabel/StatusLabel.story.mdx +0 -316
  440. package/src/components/StatusLabel/StatusLabel.tsx +0 -112
  441. package/src/components/StatusLabel/index.css +0 -23
  442. package/src/components/StatusLabel/index.ts +0 -1
  443. package/src/components/StatusPanel/StatusPanel.story.mdx +0 -109
  444. package/src/components/StatusPanel/StatusPanel.tsx +0 -51
  445. package/src/components/StatusPanel/index.css +0 -52
  446. package/src/components/StatusPanel/index.ts +0 -1
  447. package/src/components/Sticky/Sticky.md +0 -16
  448. package/src/components/Sticky/Sticky.story.tsx +0 -12
  449. package/src/components/Sticky/Sticky.tsx +0 -9
  450. package/src/components/Sticky/index.ts +0 -1
  451. package/src/components/TopBar/TopBar.story.mdx +0 -154
  452. package/src/components/TopBar/TopBar.tsx +0 -40
  453. package/src/components/TopBar/TopBarBreadcrumbs.tsx +0 -79
  454. package/src/components/TopBar/TopBarSubNav.tsx +0 -19
  455. package/src/components/TopBar/TopBarSubNavItem.tsx +0 -21
  456. package/src/components/TopBar/index.css +0 -102
  457. package/src/components/TopBar/index.ts +0 -1
  458. package/src/components/VendorLogo/VendorLogo.story.mdx +0 -209
  459. package/src/components/VendorLogo/VendorLogo.tsx +0 -110
  460. package/src/components/VendorLogo/index.css +0 -46
  461. package/src/components/VendorLogo/index.ts +0 -1
  462. package/src/docs/TailwindClasses.story.mdx +0 -15
  463. package/src/docs/brand-components/BrandButton.story.mdx +0 -103
  464. package/src/docs/brand-components/BrandCheckbox.story.mdx +0 -63
  465. package/src/docs/brand-components/BrandFormGroup.story.mdx +0 -76
  466. package/src/docs/brand-components/BrandInput.story.mdx +0 -41
  467. package/src/docs/brand-components/BrandRadio.story.mdx +0 -45
  468. package/src/docs/brand-components/BrandTextArea.story.mdx +0 -41
  469. package/src/storybook-components/TailwindPropertyClasses.tsx +0 -285
  470. package/src/tailwind.config.ts +0 -6
  471. package/src/tokens/_tailwind-config.ts +0 -69
@@ -1,14 +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.Absolute = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Box_1 = require("../Box");
10
- const Absolute = (props) => {
11
- const { className, ...rest } = props;
12
- return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("absolute", className) }, rest));
13
- };
14
- exports.Absolute = Absolute;
@@ -1 +0,0 @@
1
- export { Absolute } from "./Absolute";
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Absolute = void 0;
4
- var Absolute_1 = require("./Absolute");
5
- Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return Absolute_1.Absolute; } });
@@ -1,40 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { BoxProps } from "../Box";
3
- import { LinkProps } from "../Link";
4
- declare type NavComponent = ReactNode;
5
- declare type UserComponent = ReactNode;
6
- export interface AppbarProps extends BoxProps {
7
- nav?: NavComponent;
8
- user?: UserComponent;
9
- logoProps?: LinkProps;
10
- isDemoEnvironment?: boolean;
11
- }
12
- export declare const Appbar: {
13
- (props: AppbarProps): JSX.Element;
14
- Tabs: (props: BoxProps) => JSX.Element;
15
- Tab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<{
16
- children: React.ReactNode;
17
- as?: any;
18
- active?: boolean | undefined;
19
- }>>;
20
- User: ({ name, avatar }: {
21
- avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
22
- name?: string | undefined;
23
- }) => JSX.Element;
24
- UserDropdown: ({ name, avatar, children, onClose, }: {
25
- avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
26
- children: React.ReactNode;
27
- name?: string | undefined;
28
- onClose?: (() => void) | undefined;
29
- }) => JSX.Element;
30
- UserDropdownMenu: ({ children, }: {
31
- children: React.ReactNode;
32
- }) => JSX.Element;
33
- UserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: {
34
- [key: string]: any;
35
- as?: any;
36
- onClick?: (() => void) | undefined;
37
- selected?: boolean | undefined;
38
- }) => JSX.Element;
39
- };
40
- export {};
@@ -1,29 +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.Appbar = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Box_1 = require("../Box");
10
- const Flex_1 = require("../Flex");
11
- const AppbarLogo_1 = require("./AppbarLogo");
12
- const AppbarTabs_1 = require("./AppbarTabs");
13
- const AppbarUser_1 = require("./AppbarUser");
14
- const config_1 = require("./config");
15
- const Appbar = (props) => {
16
- const { logoProps, nav, user, className, isDemoEnvironment, ...rest } = props;
17
- return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(config_1.cn(), className, { isDemoEnvironment }) }, rest),
18
- react_1.default.createElement(AppbarLogo_1.AppbarLogo, Object.assign({}, logoProps)),
19
- nav,
20
- user && (react_1.default.createElement(Box_1.Box, { className: "h-full ml-auto mr-3" },
21
- react_1.default.createElement(Flex_1.Flex, { className: "items-center h-full" }, user)))));
22
- };
23
- exports.Appbar = Appbar;
24
- exports.Appbar.Tabs = AppbarTabs_1.AppbarTabs;
25
- exports.Appbar.Tab = AppbarTabs_1.AppbarTab;
26
- exports.Appbar.User = AppbarUser_1.AppbarUser;
27
- exports.Appbar.UserDropdown = AppbarUser_1.AppbarUserDropdown;
28
- exports.Appbar.UserDropdownMenu = AppbarUser_1.AppbarUserDropdownMenu;
29
- exports.Appbar.UserDropdownMenuItem = AppbarUser_1.AppbarUserDropdownMenuItem;
@@ -1,2 +0,0 @@
1
- import { LinkProps } from "../Link";
2
- export declare const AppbarLogo: (props: LinkProps) => JSX.Element;
@@ -1,19 +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.AppbarLogo = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Flex_1 = require("../Flex");
10
- const Link_1 = require("../Link");
11
- const ConveyorLogo_1 = require("../ConveyorLogo");
12
- const config_1 = require("./config");
13
- const types_1 = require("../../types");
14
- const AppbarLogo = (props) => {
15
- const { href, onClick, className, noStyles, ...rest } = props;
16
- return (react_1.default.createElement(Flex_1.Flex, { className: config_1.cn({ e: "logo" }) }, href || onClick ? (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default(config_1.cn({ e: "logoLink" }), className), href: href, onClick: onClick, noStyles: true }, rest),
17
- react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 }))) : (react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 }))));
18
- };
19
- exports.AppbarLogo = AppbarLogo;
@@ -1,10 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { BoxProps } from "../Box";
3
- declare type AppbarTabProps = {
4
- children: ReactNode;
5
- as?: any;
6
- active?: boolean;
7
- };
8
- export declare const AppbarTabs: (props: BoxProps) => JSX.Element;
9
- export declare const AppbarTab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<AppbarTabProps>>;
10
- export {};
@@ -1,42 +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.AppbarTab = exports.AppbarTabs = void 0;
26
- const react_1 = __importStar(require("react"));
27
- const classnames_1 = __importDefault(require("classnames"));
28
- const Box_1 = require("../Box");
29
- const config_1 = require("./config");
30
- const AppbarTabMarker = () => react_1.default.createElement(Box_1.Box, { className: config_1.cn({ e: "tabMarker" }) });
31
- const AppbarTabs = (props) => {
32
- return (react_1.default.createElement(Box_1.Box, Object.assign({ as: "nav", className: config_1.cn({ e: "tabs" }), role: "navigation" }, props)));
33
- };
34
- exports.AppbarTabs = AppbarTabs;
35
- exports.AppbarTab = react_1.forwardRef(({ children, renderAs: Component = "a", active, ...rest }, ref) => {
36
- if (react_1.Children.count(children) > 1) {
37
- throw new Error(`Only one child node may be passed to Appbar.Tab, but ${react_1.Children.count(children)} were passed.`);
38
- }
39
- return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, tabIndex: 0, className: classnames_1.default(config_1.cn({ e: "tab" }), "hasTabMarker", active && config_1.cn({ e: "tab", m: "active" })) }),
40
- children,
41
- react_1.default.createElement(AppbarTabMarker, null)));
42
- });
@@ -1,26 +0,0 @@
1
- import { ReactElement, ReactNode } from "react";
2
- import { AvatarProps } from "../Avatar";
3
- declare type AppbarUserDropdownProps = {
4
- avatar: ReactElement<AvatarProps>;
5
- children: ReactNode;
6
- name?: string;
7
- onClose?: () => void;
8
- };
9
- declare type AppbarUserDropdownMenuProps = {
10
- children: ReactNode;
11
- };
12
- declare type AppbarUserProps = {
13
- avatar: ReactElement<AvatarProps>;
14
- name?: string;
15
- };
16
- declare type AppbarUserDropdownMenuItemProps = {
17
- as?: any;
18
- onClick?: () => void;
19
- selected?: boolean;
20
- [key: string]: any;
21
- };
22
- export declare const AppbarUserDropdown: ({ name, avatar, children, onClose, }: AppbarUserDropdownProps) => JSX.Element;
23
- export declare const AppbarUserDropdownMenu: ({ children, }: AppbarUserDropdownMenuProps) => JSX.Element;
24
- export declare const AppbarUserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: AppbarUserDropdownMenuItemProps) => JSX.Element;
25
- export declare const AppbarUser: ({ name, avatar }: AppbarUserProps) => JSX.Element;
26
- export {};
@@ -1,60 +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.AppbarUser = exports.AppbarUserDropdownMenuItem = exports.AppbarUserDropdownMenu = exports.AppbarUserDropdown = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const types_1 = require("../../types");
10
- const Box_1 = require("../Box");
11
- const Flex_1 = require("../Flex");
12
- const Link_1 = require("../Link");
13
- const MenuRenderer_1 = require("../MenuRenderer");
14
- const PopoverMenu_1 = require("../PopoverMenu");
15
- const Text_1 = require("../Text");
16
- const Icon_1 = require("../Icon");
17
- const config_1 = require("./config");
18
- const AppbarUserName = ({ name, avatar }) => (react_1.default.createElement(Flex_1.Flex, { className: config_1.cn({ e: "userName" }) },
19
- avatar,
20
- name && react_1.default.createElement(Text_1.Text, { as: "div" }, name)));
21
- const AppbarUserDropdown = ({ name, avatar, children, onClose, }) => {
22
- return (react_1.default.createElement(Box_1.Box, { className: "h-full -mr-3" },
23
- react_1.default.createElement(MenuRenderer_1.MenuRenderer, { className: classnames_1.default([config_1.cn({ e: "menu" }), config_1.cn({ e: "userMenu" })]), popperModifiers: config_1.popperModifiers, onClose: onClose, trigger: ({ onClick, ...triggerProps }, { isOpen }) => (react_1.default.createElement("button", Object.assign({ type: "button", className: classnames_1.default([
24
- config_1.cn({ e: "menuButton" }),
25
- config_1.cn({ e: "userMenuButton" }),
26
- isOpen && "isOpen",
27
- ]) }, triggerProps, { onClick: (event) => {
28
- onClick(event);
29
- if (onClose && isOpen) {
30
- onClose();
31
- }
32
- } }),
33
- react_1.default.createElement(Flex_1.Flex, { className: "items-center" },
34
- react_1.default.createElement(AppbarUserName, { name: name, avatar: avatar }),
35
- react_1.default.createElement(Icon_1.Icon, { className: "text-h6 ml-2 text-gray-500", icon: Icon_1.ICON_TYPE.CHEVRON_DOWN })))) }, ({ listProps }) => (react_1.default.createElement(PopoverMenu_1.PopoverMenu, Object.assign({ className: config_1.cn({ e: "menuList" }), theme: types_1.THEME.BRAND }, listProps), children)))));
36
- };
37
- exports.AppbarUserDropdown = AppbarUserDropdown;
38
- const AppbarUserDropdownMenu = ({ children, }) => react_1.default.createElement(react_1.default.Fragment, null, children);
39
- exports.AppbarUserDropdownMenu = AppbarUserDropdownMenu;
40
- const AppbarUserDropdownMenuItem = ({ children, onClick, as, className, ...rest }) => {
41
- const { itemProps, onClose } = MenuRenderer_1.useMenuContext();
42
- return (react_1.default.createElement(Link_1.Link, Object.assign({ as: as, noStyles: true, className: classnames_1.default([
43
- config_1.cn({ e: "menuItem" }),
44
- config_1.cn({ e: "userMenuItem" }),
45
- className,
46
- ]), onClick: () => {
47
- if (typeof onClick === "function") {
48
- onClick();
49
- }
50
- if (typeof onClose === "function") {
51
- onClose();
52
- }
53
- } }, rest, itemProps), children));
54
- };
55
- exports.AppbarUserDropdownMenuItem = AppbarUserDropdownMenuItem;
56
- const AppbarUser = ({ name, avatar }) => {
57
- return (react_1.default.createElement(Box_1.Box, { className: config_1.cn({ e: "user" }) },
58
- react_1.default.createElement(AppbarUserName, { name: name, avatar: avatar })));
59
- };
60
- exports.AppbarUser = AppbarUser;
@@ -1,7 +0,0 @@
1
- export declare const cn: (options?: import("../../utilities/bem").BemOptions | undefined) => string;
2
- export declare const popperModifiers: {
3
- name: string;
4
- options: {
5
- offset: number[];
6
- };
7
- }[];
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.popperModifiers = exports.cn = void 0;
4
- const bem_1 = require("../../utilities/bem");
5
- exports.cn = bem_1.bemHOF("Appbar");
6
- exports.popperModifiers = [
7
- {
8
- name: "offset",
9
- options: {
10
- offset: [0, 4],
11
- },
12
- },
13
- ];
@@ -1 +0,0 @@
1
- export * from "./Appbar";
@@ -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("./Appbar"), exports);
@@ -1,9 +0,0 @@
1
- export interface ArrowButtonProps {
2
- children?: string;
3
- as?: any;
4
- className?: string;
5
- disabled?: boolean;
6
- loading?: boolean;
7
- [key: string]: any;
8
- }
9
- export declare const ArrowButton: ({ children, as: Component, className, disabled, loading, ...rest }: ArrowButtonProps) => JSX.Element;
@@ -1,22 +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.ArrowButton = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Box_1 = require("../Box");
10
- const Svg_1 = require("../Svg");
11
- const bem_1 = require("../../utilities/bem");
12
- const Icon_1 = require("../Icon");
13
- const cn = "ArrowButton";
14
- const Arrow = () => (react_1.default.createElement(Svg_1.Svg, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
15
- react_1.default.createElement("path", { d: "M20 10.0006L10.2324 -4.26954e-07L7.30217 -5.5504e-07L16.093 9.0005L3.42127e-06 9.0005L3.33385e-06 11.0006L16.093 11.0006L7.30217 20L10.2324 20L20 10.0006Z" })));
16
- const ArrowButton = ({ children, as: Component = "a", className, disabled, loading, ...rest }) => {
17
- const isDisabled = disabled || loading;
18
- return (react_1.default.createElement(Component, Object.assign({ className: classnames_1.default(bem_1.bem(cn), isDisabled && bem_1.bem(cn, { m: "disabled" }), className), disabled: Component === "button" && isDisabled }, rest),
19
- children,
20
- react_1.default.createElement(Box_1.Box, { className: bem_1.bem(cn, { e: "arrow" }) }, loading ? (react_1.default.createElement(Icon_1.Icon, { className: "arrow-button-arrow", icon: Icon_1.ICON_TYPE.SPINNER, spin: true })) : (react_1.default.createElement(Arrow, null)))));
21
- };
22
- exports.ArrowButton = ArrowButton;
@@ -1 +0,0 @@
1
- export * from "./ArrowButton";
@@ -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("./ArrowButton"), exports);
@@ -1,9 +0,0 @@
1
- import { LinkProps } from "../Link";
2
- export interface ArrowLinkProps extends LinkProps {
3
- block?: boolean;
4
- }
5
- declare const ArrowLink: {
6
- (props: ArrowLinkProps): JSX.Element;
7
- defaultProps: Partial<ArrowLinkProps>;
8
- };
9
- export { ArrowLink };
@@ -1,21 +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.ArrowLink = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Link_1 = require("../Link");
10
- const Icon_1 = require("../Icon");
11
- const defaultArrowLinkProps = {
12
- block: false,
13
- };
14
- const ArrowLink = (props) => {
15
- const { className, children, block = defaultArrowLinkProps.block, ...rest } = props;
16
- return (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default(block ? "flex" : "inline-flex", "items-center", "justify-between", "no-underline", "font-medium", className) }, rest),
17
- react_1.default.createElement("span", { className: "mr-1" }, children),
18
- react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.LONG_ARROW_ALT_RIGHT })));
19
- };
20
- exports.ArrowLink = ArrowLink;
21
- ArrowLink.defaultProps = defaultArrowLinkProps;
@@ -1 +0,0 @@
1
- export * from "./ArrowLink";
@@ -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("./ArrowLink"), exports);
@@ -1,14 +0,0 @@
1
- import { BoxProps } from "../Box";
2
- import { DividerProps } from "../Divider";
3
- interface AsideProps extends BoxProps {
4
- disableScrolling?: boolean;
5
- }
6
- interface AsideItemProps extends BoxProps {
7
- removePadding?: boolean;
8
- }
9
- export declare const Aside: {
10
- (props: AsideProps): JSX.Element;
11
- Divider: (props: DividerProps) => JSX.Element;
12
- Item: (props: AsideItemProps) => JSX.Element;
13
- };
14
- export {};
@@ -1,28 +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.Aside = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Box_1 = require("../Box");
10
- const Divider_1 = require("../Divider");
11
- const ScrollPane_1 = require("../ScrollPane");
12
- const bem_1 = require("../../utilities/bem");
13
- const cn = "Aside";
14
- const AsideDivider = (props) => {
15
- const { className, ...rest } = props;
16
- return (react_1.default.createElement(Divider_1.Divider, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "item" }), classnames_1.default) }, rest)));
17
- };
18
- const AsideItem = (props) => {
19
- const { removePadding = false, className, ...rest } = props;
20
- return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "item" }), !removePadding && bem_1.bem(cn, { e: "item", m: "padded" }), className) }, rest)));
21
- };
22
- const Aside = (props) => {
23
- const { disableScrolling, children, className, ...rest } = props;
24
- return (react_1.default.createElement(ScrollPane_1.ScrollPane, Object.assign({ as: "aside", disabled: disableScrolling, className: className }, rest), children));
25
- };
26
- exports.Aside = Aside;
27
- exports.Aside.Divider = AsideDivider;
28
- exports.Aside.Item = AsideItem;
@@ -1 +0,0 @@
1
- export * from "./Aside";
@@ -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("./Aside"), exports);
@@ -1,2 +0,0 @@
1
- import { BoxProps } from "../Box";
2
- export declare const Fixed: (props: BoxProps) => JSX.Element;
@@ -1,14 +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.Fixed = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Box_1 = require("../Box");
10
- const Fixed = (props) => {
11
- const { className, ...rest } = props;
12
- return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("fixed", className) }, rest));
13
- };
14
- exports.Fixed = 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 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;