@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,810 +0,0 @@
1
- export declare const tailwindConfig: {
2
- theme: {
3
- backgroundColor: {
4
- success: string;
5
- failure: string;
6
- caution: string;
7
- border: string;
8
- placeholder: string;
9
- link: string;
10
- transparent: string;
11
- white: string;
12
- black: string;
13
- screen: string;
14
- lighten: {
15
- "100": string;
16
- "200": string;
17
- "300": string;
18
- };
19
- gray: {
20
- "100": string;
21
- "200": string;
22
- "300": string;
23
- "400": string;
24
- "500": string;
25
- "600": string;
26
- "700": string;
27
- "800": string;
28
- "900": string;
29
- };
30
- brandGreen: {
31
- "200": string;
32
- "300": string;
33
- "400": string;
34
- "500": string;
35
- "600": string;
36
- };
37
- blue: {
38
- "0": string;
39
- "100": string;
40
- "200": string;
41
- "300": string;
42
- "400": string;
43
- "500": string;
44
- "600": string;
45
- };
46
- green: {
47
- "100": string;
48
- "200": string;
49
- "300": string;
50
- "400": string;
51
- "500": string;
52
- "600": string;
53
- };
54
- gold: {
55
- "100": string;
56
- "200": string;
57
- "300": string;
58
- "400": string;
59
- "500": string;
60
- "600": string;
61
- };
62
- red: {
63
- "100": string;
64
- "200": string;
65
- "300": string;
66
- "400": string;
67
- "500": string;
68
- "600": string;
69
- };
70
- orange: {
71
- "200": string;
72
- "300": string;
73
- "400": string;
74
- "500": string;
75
- "600": string;
76
- };
77
- pink: {
78
- "200": string;
79
- "300": string;
80
- "400": string;
81
- "500": string;
82
- "600": string;
83
- };
84
- cyan: {
85
- "200": string;
86
- "300": string;
87
- "400": string;
88
- "500": string;
89
- "600": string;
90
- };
91
- purple: {
92
- "200": string;
93
- "300": string;
94
- "400": string;
95
- "500": string;
96
- "600": string;
97
- };
98
- conveyor: {
99
- black: string;
100
- };
101
- };
102
- borderColor: {
103
- success: string;
104
- failure: string;
105
- caution: string;
106
- border: string;
107
- placeholder: string;
108
- link: string;
109
- transparent: string;
110
- white: string;
111
- black: string;
112
- screen: string;
113
- lighten: {
114
- "100": string;
115
- "200": string;
116
- "300": string;
117
- };
118
- gray: {
119
- "100": string;
120
- "200": string;
121
- "300": string;
122
- "400": string;
123
- "500": string;
124
- "600": string;
125
- "700": string;
126
- "800": string;
127
- "900": string;
128
- };
129
- brandGreen: {
130
- "200": string;
131
- "300": string;
132
- "400": string;
133
- "500": string;
134
- "600": string;
135
- };
136
- blue: {
137
- "0": string;
138
- "100": string;
139
- "200": string;
140
- "300": string;
141
- "400": string;
142
- "500": string;
143
- "600": string;
144
- };
145
- green: {
146
- "100": string;
147
- "200": string;
148
- "300": string;
149
- "400": string;
150
- "500": string;
151
- "600": string;
152
- };
153
- gold: {
154
- "100": string;
155
- "200": string;
156
- "300": string;
157
- "400": string;
158
- "500": string;
159
- "600": string;
160
- };
161
- red: {
162
- "100": string;
163
- "200": string;
164
- "300": string;
165
- "400": string;
166
- "500": string;
167
- "600": string;
168
- };
169
- orange: {
170
- "200": string;
171
- "300": string;
172
- "400": string;
173
- "500": string;
174
- "600": string;
175
- };
176
- pink: {
177
- "200": string;
178
- "300": string;
179
- "400": string;
180
- "500": string;
181
- "600": string;
182
- };
183
- cyan: {
184
- "200": string;
185
- "300": string;
186
- "400": string;
187
- "500": string;
188
- "600": string;
189
- };
190
- purple: {
191
- "200": string;
192
- "300": string;
193
- "400": string;
194
- "500": string;
195
- "600": string;
196
- };
197
- conveyor: {
198
- black: string;
199
- };
200
- DEFAULT: string;
201
- };
202
- borderRadius: {
203
- none: string;
204
- px: string;
205
- sm: string;
206
- md: string;
207
- DEFAULT: string;
208
- lg: string;
209
- full: string;
210
- };
211
- borderWidth: {
212
- DEFAULT: string;
213
- "0": string;
214
- "2": string;
215
- "4": string;
216
- "8": string;
217
- };
218
- boxShadow: {
219
- DEFAULT: string;
220
- up: string;
221
- md: string;
222
- lg: string;
223
- inner: string;
224
- glow: string;
225
- none: string;
226
- focus: string;
227
- focusInside: string;
228
- focusBrand: string;
229
- popover: string;
230
- buttonPrimary: string;
231
- buttonSecondary: string;
232
- paper: string;
233
- };
234
- colors: {
235
- success: string;
236
- failure: string;
237
- caution: string;
238
- border: string;
239
- placeholder: string;
240
- link: string;
241
- transparent: string;
242
- white: string;
243
- black: string;
244
- screen: string;
245
- lighten: {
246
- "100": string;
247
- "200": string;
248
- "300": string;
249
- };
250
- gray: {
251
- "100": string;
252
- "200": string;
253
- "300": string;
254
- "400": string;
255
- "500": string;
256
- "600": string;
257
- "700": string;
258
- "800": string;
259
- "900": string;
260
- };
261
- brandGreen: {
262
- "200": string;
263
- "300": string;
264
- "400": string;
265
- "500": string;
266
- "600": string;
267
- };
268
- blue: {
269
- "0": string;
270
- "100": string;
271
- "200": string;
272
- "300": string;
273
- "400": string;
274
- "500": string;
275
- "600": string;
276
- };
277
- green: {
278
- "100": string;
279
- "200": string;
280
- "300": string;
281
- "400": string;
282
- "500": string;
283
- "600": string;
284
- };
285
- gold: {
286
- "100": string;
287
- "200": string;
288
- "300": string;
289
- "400": string;
290
- "500": string;
291
- "600": string;
292
- };
293
- red: {
294
- "100": string;
295
- "200": string;
296
- "300": string;
297
- "400": string;
298
- "500": string;
299
- "600": string;
300
- };
301
- orange: {
302
- "200": string;
303
- "300": string;
304
- "400": string;
305
- "500": string;
306
- "600": string;
307
- };
308
- pink: {
309
- "200": string;
310
- "300": string;
311
- "400": string;
312
- "500": string;
313
- "600": string;
314
- };
315
- cyan: {
316
- "200": string;
317
- "300": string;
318
- "400": string;
319
- "500": string;
320
- "600": string;
321
- };
322
- purple: {
323
- "200": string;
324
- "300": string;
325
- "400": string;
326
- "500": string;
327
- "600": string;
328
- };
329
- conveyor: {
330
- black: string;
331
- };
332
- };
333
- fontFamily: {
334
- sans: string[];
335
- serif: string[];
336
- mono: string[];
337
- };
338
- fontSize: {
339
- h1: string;
340
- h2: string;
341
- h3: string;
342
- h4: string;
343
- h5: string;
344
- h6: string;
345
- bodySm: string;
346
- body: string;
347
- bodyLg: string;
348
- icon: string;
349
- iconSm: string;
350
- };
351
- fontWeight: {
352
- regular: number;
353
- medium: number;
354
- bold: number;
355
- };
356
- gap: {
357
- px: string;
358
- "0": string;
359
- "1": string;
360
- "2": string;
361
- "3": string;
362
- "4": string;
363
- "5": string;
364
- "6": string;
365
- "7": string;
366
- "8": string;
367
- "9": string;
368
- "10": string;
369
- "12": string;
370
- "14": string;
371
- "16": string;
372
- "18": string;
373
- "20": string;
374
- "22": string;
375
- "24": string;
376
- "26": string;
377
- "28": string;
378
- "30": string;
379
- "32": string;
380
- "48": string;
381
- "64": string;
382
- };
383
- height: {
384
- auto: string;
385
- px: string;
386
- "0": string;
387
- "1": string;
388
- "2": string;
389
- "3": string;
390
- "4": string;
391
- "5": string;
392
- "6": string;
393
- "7": string;
394
- "8": string;
395
- "9": string;
396
- "10": string;
397
- "12": string;
398
- "14": string;
399
- "15": string;
400
- "16": string;
401
- "18": string;
402
- "20": string;
403
- "22": string;
404
- "24": string;
405
- "26": string;
406
- "28": string;
407
- "30": string;
408
- "32": string;
409
- "34": string;
410
- "36": string;
411
- "38": string;
412
- "40": string;
413
- "42": string;
414
- "44": string;
415
- "46": string;
416
- "48": string;
417
- "50": string;
418
- "52": string;
419
- "54": string;
420
- "56": string;
421
- "58": string;
422
- "60": string;
423
- "62": string;
424
- "64": string;
425
- full: string;
426
- screen: string;
427
- appbar: string;
428
- cell: string;
429
- };
430
- letterSpacing: {
431
- tight: string;
432
- normal: string;
433
- wide: string;
434
- };
435
- lineHeight: {
436
- none: number;
437
- tight: number;
438
- normal: number;
439
- loose: number;
440
- };
441
- margin: {
442
- auto: string;
443
- "0": string;
444
- px: string;
445
- "1": string;
446
- "2": string;
447
- "3": string;
448
- "4": string;
449
- "5": string;
450
- "6": string;
451
- "7": string;
452
- "8": string;
453
- "9": string;
454
- "10": string;
455
- "12": string;
456
- "14": string;
457
- "16": string;
458
- "18": string;
459
- "20": string;
460
- "22": string;
461
- "24": string;
462
- "26": string;
463
- "28": string;
464
- "30": string;
465
- "32": string;
466
- "48": string;
467
- "64": string;
468
- "-px": string;
469
- [-1]: string;
470
- [-2]: string;
471
- [-3]: string;
472
- [-4]: string;
473
- [-5]: string;
474
- [-6]: string;
475
- [-7]: string;
476
- [-8]: string;
477
- [-9]: string;
478
- [-10]: string;
479
- [-12]: string;
480
- [-14]: string;
481
- [-16]: string;
482
- [-18]: string;
483
- [-20]: string;
484
- [-22]: string;
485
- [-24]: string;
486
- [-26]: string;
487
- [-28]: string;
488
- [-30]: string;
489
- [-32]: string;
490
- [-48]: string;
491
- [-64]: string;
492
- };
493
- maxHeight: {
494
- full: string;
495
- screen: string;
496
- };
497
- maxWidth: {
498
- xs: string;
499
- sm: string;
500
- md: string;
501
- lg: string;
502
- xl: string;
503
- "2xl": string;
504
- "3xl": string;
505
- "4xl": string;
506
- "5xl": string;
507
- full: string;
508
- screen: string;
509
- };
510
- minHeight: {
511
- auto: string;
512
- px: string;
513
- "0": string;
514
- "1": string;
515
- "2": string;
516
- "3": string;
517
- "4": string;
518
- "5": string;
519
- "6": string;
520
- "7": string;
521
- "8": string;
522
- "9": string;
523
- "10": string;
524
- "12": string;
525
- "14": string;
526
- "15": string;
527
- "16": string;
528
- "18": string;
529
- "20": string;
530
- "22": string;
531
- "24": string;
532
- "26": string;
533
- "28": string;
534
- "30": string;
535
- "32": string;
536
- "34": string;
537
- "36": string;
538
- "38": string;
539
- "40": string;
540
- "42": string;
541
- "44": string;
542
- "46": string;
543
- "48": string;
544
- "50": string;
545
- "52": string;
546
- "54": string;
547
- "56": string;
548
- "58": string;
549
- "60": string;
550
- "62": string;
551
- "64": string;
552
- full: string;
553
- screen: string;
554
- appbar: string;
555
- cell: string;
556
- };
557
- minWidth: {
558
- "0": string;
559
- "1": string;
560
- "2": string;
561
- "3": string;
562
- "4": string;
563
- "5": string;
564
- "6": string;
565
- "7": string;
566
- "8": string;
567
- "9": string;
568
- "10": string;
569
- "12": string;
570
- "14": string;
571
- "16": string;
572
- "18": string;
573
- "20": string;
574
- "22": string;
575
- "24": string;
576
- "28": string;
577
- "30": string;
578
- "32": string;
579
- "34": string;
580
- "36": string;
581
- "38": string;
582
- "40": string;
583
- "42": string;
584
- "44": string;
585
- "46": string;
586
- "48": string;
587
- "56": string;
588
- "64": string;
589
- full: string;
590
- };
591
- padding: {
592
- px: string;
593
- "0": string;
594
- "1": string;
595
- "2": string;
596
- "3": string;
597
- "4": string;
598
- "5": string;
599
- "6": string;
600
- "7": string;
601
- "8": string;
602
- "9": string;
603
- "10": string;
604
- "12": string;
605
- "14": string;
606
- "16": string;
607
- "18": string;
608
- "20": string;
609
- "22": string;
610
- "24": string;
611
- "26": string;
612
- "28": string;
613
- "30": string;
614
- "32": string;
615
- "48": string;
616
- "64": string;
617
- };
618
- screens: {};
619
- textColor: {
620
- success: string;
621
- failure: string;
622
- caution: string;
623
- border: string;
624
- placeholder: string;
625
- link: string;
626
- transparent: string;
627
- white: string;
628
- black: string;
629
- screen: string;
630
- lighten: {
631
- "100": string;
632
- "200": string;
633
- "300": string;
634
- };
635
- gray: {
636
- "100": string;
637
- "200": string;
638
- "300": string;
639
- "400": string;
640
- "500": string;
641
- "600": string;
642
- "700": string;
643
- "800": string;
644
- "900": string;
645
- };
646
- brandGreen: {
647
- "200": string;
648
- "300": string;
649
- "400": string;
650
- "500": string;
651
- "600": string;
652
- };
653
- blue: {
654
- "0": string;
655
- "100": string;
656
- "200": string;
657
- "300": string;
658
- "400": string;
659
- "500": string;
660
- "600": string;
661
- };
662
- green: {
663
- "100": string;
664
- "200": string;
665
- "300": string;
666
- "400": string;
667
- "500": string;
668
- "600": string;
669
- };
670
- gold: {
671
- "100": string;
672
- "200": string;
673
- "300": string;
674
- "400": string;
675
- "500": string;
676
- "600": string;
677
- };
678
- red: {
679
- "100": string;
680
- "200": string;
681
- "300": string;
682
- "400": string;
683
- "500": string;
684
- "600": string;
685
- };
686
- orange: {
687
- "200": string;
688
- "300": string;
689
- "400": string;
690
- "500": string;
691
- "600": string;
692
- };
693
- pink: {
694
- "200": string;
695
- "300": string;
696
- "400": string;
697
- "500": string;
698
- "600": string;
699
- };
700
- cyan: {
701
- "200": string;
702
- "300": string;
703
- "400": string;
704
- "500": string;
705
- "600": string;
706
- };
707
- purple: {
708
- "200": string;
709
- "300": string;
710
- "400": string;
711
- "500": string;
712
- "600": string;
713
- };
714
- conveyor: {
715
- black: string;
716
- };
717
- };
718
- width: {
719
- auto: string;
720
- px: string;
721
- "1": string;
722
- "2": string;
723
- "3": string;
724
- "4": string;
725
- "5": string;
726
- "6": string;
727
- "7": string;
728
- "8": string;
729
- "9": string;
730
- "10": string;
731
- "12": string;
732
- "14": string;
733
- "16": string;
734
- "18": string;
735
- "20": string;
736
- "22": string;
737
- "24": string;
738
- "28": string;
739
- "30": string;
740
- "32": string;
741
- "34": string;
742
- "36": string;
743
- "38": string;
744
- "40": string;
745
- "42": string;
746
- "44": string;
747
- "46": string;
748
- "48": string;
749
- "56": string;
750
- "64": string;
751
- "1/2": string;
752
- "1/3": string;
753
- "2/3": string;
754
- "1/4": string;
755
- "3/4": string;
756
- "1/5": string;
757
- "2/5": string;
758
- "3/5": string;
759
- "4/5": string;
760
- "1/6": string;
761
- "5/6": string;
762
- full: string;
763
- screen: string;
764
- "max-content": string;
765
- };
766
- willChange: {
767
- auto: string;
768
- scroll: string;
769
- contents: string;
770
- opacity: string;
771
- transform: string;
772
- };
773
- zIndex: {
774
- auto: string;
775
- "0": number;
776
- "10": number;
777
- "20": number;
778
- "30": number;
779
- "40": number;
780
- "50": number;
781
- below: number;
782
- default: number;
783
- popup: number;
784
- dialog: number;
785
- dropdown: number;
786
- overlay: number;
787
- menu: number;
788
- modal: number;
789
- toast: number;
790
- max: number;
791
- };
792
- extend: {
793
- transitionProperty: {
794
- input: string[];
795
- };
796
- };
797
- };
798
- variants: {
799
- extend: {
800
- backgroundColor: string[];
801
- boxShadow: string[];
802
- display: string[];
803
- opacity: string[];
804
- placeholderColor: string[];
805
- visibility: string[];
806
- textColor: string[];
807
- };
808
- willChange: string[];
809
- };
810
- };