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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (786) hide show
  1. package/package.json +34 -25
  2. package/public/components/Accordion/Accordion.d.ts +36 -17
  3. package/public/components/Accordion/Accordion.js +93 -55
  4. package/public/components/Accordion/context.d.ts +14 -0
  5. package/public/components/Accordion/context.js +33 -0
  6. package/public/components/Accordion/index.d.ts +1 -0
  7. package/public/components/Accordion/index.js +1 -0
  8. package/public/components/Accordion/types.d.ts +18 -0
  9. package/public/components/Accordion/types.js +2 -0
  10. package/public/components/Avatar/Avatar.d.ts +2 -1
  11. package/public/components/Avatar/Avatar.js +28 -23
  12. package/public/components/Avatar/AvatarGroup.d.ts +1 -1
  13. package/public/components/Avatar/AvatarGroup.js +11 -1
  14. package/public/components/Button/Button.d.ts +3 -2
  15. package/public/components/Button/Button.js +5 -2
  16. package/public/components/Checkbox/Checkbox.js +2 -20
  17. package/public/components/CloseButton/CloseButton.d.ts +1 -2
  18. package/public/components/ConveyorLogo/ConveyorLogo.d.ts +2 -1
  19. package/public/components/ConveyorLogo/ConveyorLogo.js +8 -8
  20. package/public/components/DatePicker/DatePicker.js +41 -9
  21. package/public/components/DateRangePicker/CustomDateRangeInput.js +3 -2
  22. package/public/components/Divider/Divider.d.ts +1 -9
  23. package/public/components/Divider/Divider.js +13 -24
  24. package/public/components/Drawer/Drawer.js +4 -2
  25. package/public/components/FileUpload/FileUpload.d.ts +4 -1
  26. package/public/components/FileUpload/FileUpload.js +4 -4
  27. package/public/components/FileUpload/FileUploadDnD.d.ts +3 -0
  28. package/public/components/FileUpload/FileUploadDnD.js +6 -3
  29. package/public/components/Flex/Flex.js +3 -4
  30. package/public/components/Frame/Frame.d.ts +1 -1
  31. package/public/components/Grid/Grid.d.ts +2 -2
  32. package/public/components/Grid/Grid.js +9 -3
  33. package/public/components/Icon/Icon.d.ts +24 -1
  34. package/public/components/Icon/Icon.js +52 -3
  35. package/public/components/Icon/svg/ArrowToBottom.d.ts +2 -0
  36. package/public/components/Icon/svg/ArrowToBottom.js +14 -0
  37. package/public/components/Icon/svg/BadgeCheck.d.ts +2 -0
  38. package/public/components/Icon/svg/BadgeCheck.js +13 -0
  39. package/public/components/Icon/svg/CommentAltCheck.d.ts +2 -0
  40. package/public/components/Icon/svg/CommentAltCheck.js +13 -0
  41. package/public/components/Icon/svg/Folders.d.ts +2 -0
  42. package/public/components/Icon/svg/Folders.js +13 -0
  43. package/public/components/Icon/svg/index.d.ts +4 -0
  44. package/public/components/Icon/svg/index.js +4 -0
  45. package/public/components/Input/Input.d.ts +3 -2
  46. package/public/components/Input/Input.js +7 -6
  47. package/public/components/Kbd/Kbd.d.ts +3 -0
  48. package/public/components/{Fixed/Fixed.js → Kbd/Kbd.js} +6 -6
  49. package/public/components/Kbd/index.d.ts +1 -0
  50. package/public/components/{Aside → Kbd}/index.js +1 -1
  51. package/public/components/Loading/Loading.d.ts +3 -2
  52. package/public/components/Loading/Loading.js +4 -7
  53. package/public/components/Markdown/Markdown.d.ts +1 -1
  54. package/public/components/Markdown/Markdown.js +4 -3
  55. package/public/components/MarkdownEditor/MarkdownEditor.js +1 -2
  56. package/public/components/MarkdownEditor/MarkdownHelp.js +4 -7
  57. package/public/components/MenuRenderer/MenuRenderer.js +2 -2
  58. package/public/components/Modal/Modal.d.ts +6 -0
  59. package/public/components/Modal/Modal.js +30 -20
  60. package/public/components/Modal/context.d.ts +6 -0
  61. package/public/components/Modal/context.js +15 -0
  62. package/public/components/Modal/index.d.ts +1 -0
  63. package/public/components/Modal/index.js +1 -0
  64. package/public/components/OptionButton/OptionButton.d.ts +28 -1
  65. package/public/components/OptionButton/OptionButton.js +65 -13
  66. package/public/components/OptionButton/context.d.ts +11 -0
  67. package/public/components/OptionButton/context.js +16 -0
  68. package/public/components/Overlay/Overlay.js +2 -2
  69. package/public/components/Paragraph/Paragraph.js +3 -7
  70. package/public/components/Popover/Popover.js +4 -4
  71. package/public/components/Reference/Reference.d.ts +2 -2
  72. package/public/components/ScrollSpy/ScrollSpy.d.ts +92 -0
  73. package/public/components/ScrollSpy/ScrollSpy.js +224 -0
  74. package/public/components/ScrollSpy/actions.d.ts +5 -0
  75. package/public/components/ScrollSpy/actions.js +11 -0
  76. package/public/components/ScrollSpy/index.d.ts +2 -0
  77. package/public/components/{Appbar → ScrollSpy}/index.js +2 -1
  78. package/public/components/ScrollSpy/reducers.d.ts +6 -0
  79. package/public/components/ScrollSpy/reducers.js +23 -0
  80. package/public/components/ScrollSpy/selectors.d.ts +3 -0
  81. package/public/components/ScrollSpy/selectors.js +7 -0
  82. package/public/components/ScrollSpy/types.d.ts +11 -0
  83. package/public/components/ScrollSpy/types.js +7 -0
  84. package/public/components/Select/Select.d.ts +3 -1
  85. package/public/components/Select/Select.js +20 -15
  86. package/public/components/Select/SelectPopover.d.ts +7 -1
  87. package/public/components/Select/SelectPopover.js +25 -13
  88. package/public/components/Select/index.d.ts +2 -0
  89. package/public/components/Select/index.js +3 -0
  90. package/public/components/Select/theme.js +22 -22
  91. package/public/components/SelectNew/hooks/useSelectLayout.js +2 -2
  92. package/public/components/Snackbar/Snackbar.d.ts +14 -22
  93. package/public/components/Snackbar/Snackbar.js +28 -85
  94. package/public/components/Snackbar/SnackbarProvider.d.ts +2 -0
  95. package/public/components/Snackbar/SnackbarProvider.js +21 -0
  96. package/public/components/Snackbar/constants.d.ts +2 -0
  97. package/public/components/Snackbar/constants.js +5 -0
  98. package/public/components/Snackbar/context.d.ts +4 -0
  99. package/public/components/Snackbar/context.js +17 -0
  100. package/public/components/Snackbar/helpers.d.ts +3 -0
  101. package/public/components/Snackbar/helpers.js +31 -0
  102. package/public/components/Snackbar/hooks.d.ts +2 -0
  103. package/public/components/Snackbar/hooks.js +47 -0
  104. package/public/components/Snackbar/index.d.ts +6 -0
  105. package/public/components/Snackbar/index.js +6 -0
  106. package/public/components/Snackbar/types.d.ts +43 -0
  107. package/public/components/Snackbar/types.js +2 -0
  108. package/public/components/SpeechBubble/SpeechBubble.d.ts +1 -0
  109. package/public/components/SpeechBubble/SpeechBubble.js +9 -2
  110. package/public/components/Stack/Stack.js +1 -1
  111. package/public/components/Svg/Svg.d.ts +3 -3
  112. package/public/components/Svg/Svg.js +1 -2
  113. package/public/components/Tab/Tab.js +1 -1
  114. package/public/components/Table/FilterDropdown.js +4 -4
  115. package/public/components/Table/Table.d.ts +5 -2
  116. package/public/components/Table/Table.js +11 -4
  117. package/public/components/Table/TableCell.d.ts +1 -0
  118. package/public/components/Table/TableCell.js +4 -2
  119. package/public/components/Table/TableHeaderCell.d.ts +2 -1
  120. package/public/components/Table/TableHeaderCell.js +24 -7
  121. package/public/components/Table/index.d.ts +3 -0
  122. package/public/components/Tag/Tag.d.ts +2 -2
  123. package/public/components/Toast/Toast.d.ts +3 -3
  124. package/public/components/Toast/Toast.js +6 -2
  125. package/public/components/Tooltip/Tooltip.d.ts +8 -4
  126. package/public/components/Tooltip/Tooltip.js +96 -72
  127. package/public/components/Tooltip/context.d.ts +7 -0
  128. package/public/components/Tooltip/context.js +15 -0
  129. package/public/components/Tooltip/index.d.ts +1 -0
  130. package/public/components/Tooltip/index.js +1 -0
  131. package/public/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
  132. package/public/components/VisuallyHidden/VisuallyHidden.js +3 -5
  133. package/public/css/styles.css +3400 -32484
  134. package/public/css/styles.min.css +1 -1
  135. package/public/css/styles.min.css.map +1 -1
  136. package/public/hooks/index.d.ts +5 -0
  137. package/public/hooks/index.js +11 -1
  138. package/public/hooks/useCopyToClipboard.d.ts +1 -0
  139. package/public/hooks/useCopyToClipboard.js +49 -0
  140. package/public/hooks/useIntersection.d.ts +8 -0
  141. package/public/hooks/useIntersection.js +26 -0
  142. package/public/hooks/useMatchMedia.d.ts +1 -0
  143. package/public/hooks/useMatchMedia.js +27 -0
  144. package/public/hooks/usePrefersReducedMotion.d.ts +1 -0
  145. package/public/hooks/usePrefersReducedMotion.js +9 -0
  146. package/public/hooks/useScreenOrientation.d.ts +1 -0
  147. package/public/hooks/useScreenOrientation.js +24 -0
  148. package/public/index.d.ts +3 -22
  149. package/public/index.js +4 -23
  150. package/public/src/style-dictionary/dist/tokens.css +378 -0
  151. package/public/src/style-dictionary/dist/tokens.d.ts +428 -0
  152. package/public/src/style-dictionary/dist/tokens.js +428 -0
  153. package/public/src/style-dictionary/dist/tokens.module.js +428 -0
  154. package/public/src/style-dictionary/tailwind.config.js +87 -0
  155. package/public/storybook-components/ComponentHeading.js +3 -5
  156. package/public/storybook-components/ComponentStatus.d.ts +1 -0
  157. package/public/storybook-components/ComponentStatus.js +4 -0
  158. package/public/storybook-components/EnumTable.js +2 -1
  159. package/public/storybook-components/Story.d.ts +2 -1
  160. package/public/storybook-components/Story.js +4 -1
  161. package/public/storybook-components/index.d.ts +1 -1
  162. package/public/storybook-components/index.js +1 -1
  163. package/public/style-dictionary/dist/tokens.d.ts +433 -0
  164. package/public/style-dictionary/dist/tokens.js +426 -0
  165. package/public/style-dictionary/dist/tokens.module.d.ts +431 -0
  166. package/public/style-dictionary/dist/tokens.module.js +424 -0
  167. package/public/style-dictionary/src/border-radius.d.ts +31 -0
  168. package/public/style-dictionary/src/border-radius.js +12 -0
  169. package/public/style-dictionary/src/border-width.d.ts +21 -0
  170. package/public/style-dictionary/src/border-width.js +11 -0
  171. package/public/style-dictionary/src/color.d.ts +249 -0
  172. package/public/style-dictionary/src/color.js +99 -0
  173. package/public/style-dictionary/src/font-size.d.ts +45 -0
  174. package/public/style-dictionary/src/font-size.js +16 -0
  175. package/public/style-dictionary/src/font-weight.d.ts +13 -0
  176. package/public/style-dictionary/src/font-weight.js +8 -0
  177. package/public/style-dictionary/src/height.d.ts +215 -0
  178. package/public/style-dictionary/src/height.js +13 -0
  179. package/public/style-dictionary/src/leading.d.ts +17 -0
  180. package/public/style-dictionary/src/leading.js +9 -0
  181. package/public/style-dictionary/src/screen-width.d.ts +17 -0
  182. package/public/style-dictionary/src/screen-width.js +9 -0
  183. package/public/style-dictionary/src/shadow.d.ts +63 -0
  184. package/public/style-dictionary/src/shadow.js +20 -0
  185. package/public/style-dictionary/src/spacing.d.ts +197 -0
  186. package/public/style-dictionary/src/spacing.js +70 -0
  187. package/public/style-dictionary/src/tracking.d.ts +13 -0
  188. package/public/style-dictionary/src/tracking.js +8 -0
  189. package/public/style-dictionary/src/type.d.ts +13 -0
  190. package/public/style-dictionary/src/type.js +35 -0
  191. package/public/style-dictionary/src/width.d.ts +287 -0
  192. package/public/style-dictionary/src/width.js +32 -0
  193. package/public/style-dictionary/src/z-index.d.ts +53 -0
  194. package/public/style-dictionary/src/z-index.js +22 -0
  195. package/public/style-dictionary/tailwind.config.d.ts +392 -0
  196. package/public/style-dictionary/tailwind.config.js +66 -0
  197. package/public/tokens/box-shadow.d.ts +1 -0
  198. package/public/tokens/box-shadow.js +10 -9
  199. package/public/tokens/font-family.js +1 -1
  200. package/public/tokens/height.d.ts +65 -43
  201. package/public/tokens/height.js +3 -44
  202. package/public/tokens/index.d.ts +526 -173
  203. package/public/tokens/index.js +1 -1
  204. package/public/tokens/margin.d.ts +129 -47
  205. package/public/tokens/margin.js +3 -47
  206. package/public/tokens/padding.d.ts +65 -24
  207. package/public/tokens/padding.js +2 -24
  208. package/public/tokens/sizing-scale.d.ts +133 -0
  209. package/public/tokens/sizing-scale.js +136 -0
  210. package/public/tokens/width.d.ts +197 -63
  211. package/public/tokens/width.js +6 -63
  212. package/public/types/index.d.ts +14 -18
  213. package/public/types/index.js +3 -24
  214. package/public/utilities/index.d.ts +1 -0
  215. package/public/utilities/index.js +3 -1
  216. package/public/utilities/mergeEventHandlers.d.ts +3 -0
  217. package/public/utilities/mergeEventHandlers.js +13 -0
  218. package/src/components/Accordion/Accordion.story.mdx +229 -22
  219. package/src/components/Accordion/Accordion.tsx +294 -113
  220. package/src/components/Accordion/context.ts +65 -0
  221. package/src/components/Accordion/index.css +25 -15
  222. package/src/components/Accordion/index.ts +1 -0
  223. package/src/components/Accordion/types.ts +59 -0
  224. package/src/components/Avatar/Avatar.story.mdx +60 -0
  225. package/src/components/Avatar/Avatar.tsx +62 -58
  226. package/src/components/Avatar/AvatarGroup.tsx +11 -9
  227. package/src/components/Avatar/index.css +10 -2
  228. package/src/components/Banner/Banner.story.mdx +4 -12
  229. package/src/components/Button/Button.story.mdx +116 -1
  230. package/src/components/Button/Button.tsx +13 -7
  231. package/src/components/Button/index.css +12 -6
  232. package/src/components/Button/product.css +12 -0
  233. package/src/components/Card/Card.story.mdx +56 -73
  234. package/src/components/Card/index.css +2 -2
  235. package/src/components/Checkbox/Checkbox.tsx +4 -24
  236. package/src/components/Checkbox/index.css +4 -3
  237. package/src/components/CloseButton/CloseButton.tsx +1 -1
  238. package/src/components/CloseButton/index.css +0 -5
  239. package/src/components/ConveyorLogo/ConveyorLogo.story.mdx +31 -0
  240. package/src/components/ConveyorLogo/ConveyorLogo.tsx +9 -6
  241. package/src/components/DatePicker/DatePicker.story.mdx +21 -0
  242. package/src/components/DatePicker/DatePicker.tsx +83 -14
  243. package/src/components/DatePicker/index.css +52 -8
  244. package/src/components/DateRangePicker/CustomDateRangeInput.tsx +25 -32
  245. package/src/components/DateRangePicker/index.css +1 -12
  246. package/src/components/Divider/Divider.tsx +26 -40
  247. package/src/components/Divider/index.css +16 -0
  248. package/src/components/Drawer/Drawer.story.mdx +68 -70
  249. package/src/components/Drawer/Drawer.tsx +9 -8
  250. package/src/components/Drawer/index.css +26 -1
  251. package/src/components/FileUpload/FileUpload.story.mdx +27 -1
  252. package/src/components/FileUpload/FileUpload.tsx +13 -6
  253. package/src/components/FileUpload/FileUploadDnD.tsx +21 -6
  254. package/src/components/FileUpload/index.css +2 -3
  255. package/src/components/Flex/Flex.story.mdx +130 -0
  256. package/src/components/Flex/Flex.tsx +7 -6
  257. package/src/components/Flex/index.css +3 -0
  258. package/src/components/Frame/Frame.story.mdx +146 -6
  259. package/src/components/Frame/Frame.tsx +1 -1
  260. package/src/components/Frame/index.css +8 -13
  261. package/src/components/Grid/Grid.story.mdx +205 -3
  262. package/src/components/Grid/Grid.tsx +44 -5
  263. package/src/components/Grid/index.css +3 -0
  264. package/src/components/Icon/Icon.tsx +93 -9
  265. package/src/components/Icon/svg/ArrowToBottom.tsx +17 -0
  266. package/src/components/Icon/svg/BadgeCheck.tsx +13 -0
  267. package/src/components/Icon/svg/CommentAltCheck.tsx +13 -0
  268. package/src/components/Icon/svg/Folders.tsx +13 -0
  269. package/src/components/Icon/svg/index.ts +4 -0
  270. package/src/components/Input/Input.story.mdx +199 -13
  271. package/src/components/Input/Input.tsx +39 -6
  272. package/src/components/Input/brand.css +6 -12
  273. package/src/components/Input/index.css +14 -0
  274. package/src/components/Input/product.css +10 -52
  275. package/src/components/Kbd/Kbd.story.mdx +44 -0
  276. package/src/components/Kbd/Kbd.tsx +11 -0
  277. package/src/components/Kbd/index.css +17 -0
  278. package/src/components/Kbd/index.ts +1 -0
  279. package/src/components/Link/index.css +4 -14
  280. package/src/components/Loading/Loading.story.mdx +16 -9
  281. package/src/components/Loading/Loading.tsx +17 -8
  282. package/src/components/Loading/index.css +1 -67
  283. package/src/components/Markdown/Markdown.story.mdx +67 -0
  284. package/src/components/Markdown/Markdown.tsx +5 -2
  285. package/src/components/Markdown/index.css +8 -11
  286. package/src/components/MarkdownEditor/MarkdownEditor.tsx +2 -3
  287. package/src/components/MarkdownEditor/MarkdownHelp.tsx +7 -10
  288. package/src/components/MarkdownEditor/index.css +5 -1
  289. package/src/components/Menu/index.css +2 -6
  290. package/src/components/MenuRenderer/MenuRenderer.story.mdx +1 -1
  291. package/src/components/MenuRenderer/MenuRenderer.tsx +1 -1
  292. package/src/components/Modal/Modal.story.mdx +83 -0
  293. package/src/components/Modal/Modal.tsx +61 -43
  294. package/src/components/Modal/context.ts +20 -0
  295. package/src/components/Modal/index.css +8 -3
  296. package/src/components/Modal/index.ts +1 -0
  297. package/src/components/OptionButton/OptionButton.story.mdx +175 -21
  298. package/src/components/OptionButton/OptionButton.tsx +215 -26
  299. package/src/components/OptionButton/context.ts +22 -0
  300. package/src/components/OptionButton/index.css +16 -4
  301. package/src/components/Overlay/Overlay.story.mdx +26 -0
  302. package/src/components/Overlay/Overlay.tsx +2 -3
  303. package/src/components/Overlay/index.css +1 -0
  304. package/src/components/Paragraph/Paragraph.story.mdx +16 -2
  305. package/src/components/Paragraph/Paragraph.tsx +5 -13
  306. package/src/components/Paragraph/index.css +6 -0
  307. package/src/components/Popover/Popover.tsx +1 -1
  308. package/src/components/Popover/index.css +5 -6
  309. package/src/components/Radio/index.css +3 -6
  310. package/src/components/Reference/Reference.tsx +2 -2
  311. package/src/components/Reference/index.css +1 -7
  312. package/src/components/ScrollSpy/ScrollSpy.story.mdx +14 -0
  313. package/src/components/ScrollSpy/ScrollSpy.tsx +407 -0
  314. package/src/components/ScrollSpy/actions.ts +8 -0
  315. package/src/components/ScrollSpy/index.css +7 -0
  316. package/src/components/ScrollSpy/index.ts +2 -0
  317. package/src/components/ScrollSpy/reducers.ts +24 -0
  318. package/src/components/ScrollSpy/selectors.ts +5 -0
  319. package/src/components/ScrollSpy/types.ts +13 -0
  320. package/src/components/Select/Select.story.mdx +54 -12
  321. package/src/components/Select/Select.tsx +51 -13
  322. package/src/components/Select/SelectPopover.tsx +68 -25
  323. package/src/components/Select/index.css +6 -0
  324. package/src/components/Select/index.ts +14 -0
  325. package/src/components/Select/theme.ts +22 -22
  326. package/src/components/SelectNew/hooks/useSelectLayout.ts +1 -1
  327. package/src/components/Snackbar/Snackbar.story.mdx +96 -9
  328. package/src/components/Snackbar/Snackbar.tsx +56 -145
  329. package/src/components/Snackbar/SnackbarProvider.tsx +31 -0
  330. package/src/components/Snackbar/constants.ts +2 -0
  331. package/src/components/Snackbar/context.ts +20 -0
  332. package/src/components/Snackbar/helpers.tsx +52 -0
  333. package/src/components/Snackbar/hooks.ts +57 -0
  334. package/src/components/Snackbar/index.css +2 -12
  335. package/src/components/Snackbar/index.ts +6 -0
  336. package/src/components/Snackbar/types.ts +180 -0
  337. package/src/components/SpeechBubble/SpeechBubble.story.mdx +76 -0
  338. package/src/components/SpeechBubble/SpeechBubble.tsx +22 -1
  339. package/src/components/SpeechBubble/index.css +7 -4
  340. package/src/components/Stack/Stack.tsx +1 -1
  341. package/src/components/Stack/index.css +0 -416
  342. package/src/components/Svg/Svg.story.mdx +36 -0
  343. package/src/components/Svg/Svg.tsx +6 -4
  344. package/src/components/Tab/Tab.tsx +2 -2
  345. package/src/components/Tab/index.css +4 -10
  346. package/src/components/Table/FilterDropdown.tsx +1 -1
  347. package/src/components/Table/Table.story.mdx +243 -0
  348. package/src/components/Table/Table.tsx +36 -1
  349. package/src/components/Table/TableCell.tsx +24 -1
  350. package/src/components/Table/TableHeaderCell.tsx +64 -11
  351. package/src/components/Table/index.css +138 -20
  352. package/src/components/Table/index.ts +3 -0
  353. package/src/components/Tag/Tag.story.mdx +1 -1
  354. package/src/components/Tag/Tag.tsx +2 -2
  355. package/src/components/Tag/index.css +6 -17
  356. package/src/components/Text/Text.story.mdx +34 -0
  357. package/src/components/Toast/Toast.story.mdx +1 -1
  358. package/src/components/Toast/Toast.tsx +14 -10
  359. package/src/components/Toast/index.css +4 -7
  360. package/src/components/Toggle/index.css +2 -16
  361. package/src/components/Token/Token.story.mdx +2 -2
  362. package/src/components/Token/index.css +2 -9
  363. package/src/components/Tooltip/Tooltip.story.mdx +350 -118
  364. package/src/components/Tooltip/Tooltip.tsx +198 -83
  365. package/src/components/Tooltip/context.ts +21 -0
  366. package/src/components/Tooltip/index.css +22 -14
  367. package/src/components/Tooltip/index.ts +1 -0
  368. package/src/components/VisuallyHidden/VisuallyHidden.story.mdx +54 -0
  369. package/src/components/VisuallyHidden/VisuallyHidden.tsx +10 -5
  370. package/src/components/VisuallyHidden/index.css +3 -0
  371. package/src/css/base.css +29 -0
  372. package/src/css/components.css +7 -13
  373. package/src/css/fonts.css +13 -10
  374. package/src/css/styles.css +1 -13
  375. package/src/css/utilities/animations.css +13 -0
  376. package/src/css/utilities.css +13 -0
  377. package/src/docs/Colors.story.mdx +13 -13
  378. package/src/docs/Spacing.story.mdx +4 -20
  379. package/src/docs/Tokens.story.mdx +230 -0
  380. package/src/docs/Typography.story.mdx +27 -101
  381. package/src/docs/hooks/useDisclosureHook.story.mdx +58 -0
  382. package/src/docs/hooks/useKeyPressHook.story.mdx +54 -0
  383. package/src/docs/hooks/useMatchMediaHook.story.mdx +42 -0
  384. package/src/docs/hooks/useOutsideClickHook.story.mdx +56 -0
  385. package/src/docs/hooks/usePrefersReducedMotion.story.mdx +61 -0
  386. package/src/docs/hooks/useScreenOrientationHook.story.mdx +56 -0
  387. package/src/docs/hooks/useStepHook.story.mdx +102 -0
  388. package/src/hooks/index.ts +5 -0
  389. package/src/hooks/useCopyToClipboard.ts +61 -0
  390. package/src/hooks/useIntersection.ts +45 -0
  391. package/src/hooks/useMatchMedia.ts +40 -0
  392. package/src/hooks/usePrefersReducedMotion.ts +9 -0
  393. package/src/hooks/useScreenOrientation.ts +27 -0
  394. package/src/index.ts +3 -22
  395. package/src/storybook-components/ComponentHeading.tsx +4 -19
  396. package/src/storybook-components/ComponentStatus.tsx +4 -0
  397. package/src/storybook-components/EnumTable.tsx +3 -2
  398. package/src/storybook-components/Story.tsx +13 -1
  399. package/src/storybook-components/index.tsx +1 -1
  400. package/src/style-dictionary/dist/tokens.css +378 -0
  401. package/src/style-dictionary/dist/tokens.d.ts +428 -0
  402. package/src/style-dictionary/dist/tokens.js +428 -0
  403. package/src/style-dictionary/dist/tokens.module.js +428 -0
  404. package/src/style-dictionary/src/border-radius.js +11 -0
  405. package/src/style-dictionary/src/border-width.js +10 -0
  406. package/src/style-dictionary/src/color.js +98 -0
  407. package/src/style-dictionary/src/font-size.js +15 -0
  408. package/src/style-dictionary/src/font-weight.js +7 -0
  409. package/src/style-dictionary/src/height.js +13 -0
  410. package/src/style-dictionary/src/leading.js +8 -0
  411. package/src/style-dictionary/src/screen-width.js +8 -0
  412. package/src/style-dictionary/src/shadow.js +20 -0
  413. package/src/style-dictionary/src/spacing.js +69 -0
  414. package/src/style-dictionary/src/tracking.js +7 -0
  415. package/src/style-dictionary/src/type.js +34 -0
  416. package/src/style-dictionary/src/width.js +32 -0
  417. package/src/style-dictionary/src/z-index.js +21 -0
  418. package/src/style-dictionary/tailwind.config.js +87 -0
  419. package/src/tokens/borders.ts +6 -0
  420. package/src/tokens/box-shadow.ts +15 -9
  421. package/src/tokens/colors.ts +6 -0
  422. package/src/tokens/font-family.ts +4 -1
  423. package/src/tokens/font-size.ts +3 -0
  424. package/src/tokens/font-weight.ts +3 -0
  425. package/src/tokens/height.ts +6 -44
  426. package/src/tokens/index.ts +5 -4
  427. package/src/tokens/letter-spacing.ts +3 -0
  428. package/src/tokens/line-height.ts +3 -0
  429. package/src/tokens/margin.ts +7 -47
  430. package/src/tokens/padding.ts +6 -24
  431. package/src/tokens/screens.ts +3 -0
  432. package/src/tokens/sizing-scale.ts +140 -0
  433. package/src/tokens/width.ts +16 -63
  434. package/src/tokens/will-change.ts +3 -0
  435. package/src/tokens/z-index.ts +3 -0
  436. package/src/types/index.ts +37 -24
  437. package/src/utilities/index.ts +1 -0
  438. package/src/utilities/mergeEventHandlers.ts +20 -0
  439. package/public/components/Absolute/Absolute.d.ts +0 -2
  440. package/public/components/Absolute/Absolute.js +0 -14
  441. package/public/components/Absolute/index.d.ts +0 -1
  442. package/public/components/Absolute/index.js +0 -5
  443. package/public/components/Appbar/Appbar.d.ts +0 -61
  444. package/public/components/Appbar/Appbar.js +0 -44
  445. package/public/components/Appbar/AppbarClaimProfileButton.d.ts +0 -2
  446. package/public/components/Appbar/AppbarClaimProfileButton.js +0 -10
  447. package/public/components/Appbar/AppbarDropdownIcon.d.ts +0 -1
  448. package/public/components/Appbar/AppbarDropdownIcon.js +0 -10
  449. package/public/components/Appbar/AppbarLogInButton.d.ts +0 -2
  450. package/public/components/Appbar/AppbarLogInButton.js +0 -26
  451. package/public/components/Appbar/AppbarLogo.d.ts +0 -2
  452. package/public/components/Appbar/AppbarLogo.js +0 -31
  453. package/public/components/Appbar/AppbarOrganization.d.ts +0 -17
  454. package/public/components/Appbar/AppbarOrganization.js +0 -35
  455. package/public/components/Appbar/AppbarProductMenu.d.ts +0 -13
  456. package/public/components/Appbar/AppbarProductMenu.js +0 -67
  457. package/public/components/Appbar/AppbarTabMarker.d.ts +0 -1
  458. package/public/components/Appbar/AppbarTabMarker.js +0 -11
  459. package/public/components/Appbar/AppbarTabs.d.ts +0 -10
  460. package/public/components/Appbar/AppbarTabs.js +0 -42
  461. package/public/components/Appbar/AppbarUser.d.ts +0 -27
  462. package/public/components/Appbar/AppbarUser.js +0 -76
  463. package/public/components/Appbar/config.d.ts +0 -7
  464. package/public/components/Appbar/config.js +0 -13
  465. package/public/components/Appbar/context.d.ts +0 -10
  466. package/public/components/Appbar/context.js +0 -16
  467. package/public/components/Appbar/index.d.ts +0 -1
  468. package/public/components/AptibleLogo/AptibleLogo.d.ts +0 -7
  469. package/public/components/AptibleLogo/AptibleLogo.js +0 -25
  470. package/public/components/AptibleLogo/AptibleLogo.story.d.ts +0 -1
  471. package/public/components/AptibleLogo/AptibleLogo.story.js +0 -37
  472. package/public/components/AptibleLogo/index.d.ts +0 -1
  473. package/public/components/AptibleLogo/index.js +0 -5
  474. package/public/components/ArrowButton/ArrowButton.d.ts +0 -9
  475. package/public/components/ArrowButton/ArrowButton.js +0 -22
  476. package/public/components/ArrowButton/index.d.ts +0 -1
  477. package/public/components/ArrowButton/index.js +0 -13
  478. package/public/components/ArrowLink/ArrowLink.d.ts +0 -9
  479. package/public/components/ArrowLink/ArrowLink.js +0 -21
  480. package/public/components/ArrowLink/index.d.ts +0 -1
  481. package/public/components/ArrowLink/index.js +0 -13
  482. package/public/components/Aside/Aside.d.ts +0 -14
  483. package/public/components/Aside/Aside.js +0 -28
  484. package/public/components/Aside/index.d.ts +0 -1
  485. package/public/components/Combobox/Combobox.d.ts +0 -2
  486. package/public/components/Combobox/Combobox.js +0 -75
  487. package/public/components/Combobox/ComboboxMulti.d.ts +0 -2
  488. package/public/components/Combobox/ComboboxMulti.js +0 -57
  489. package/public/components/Combobox/index.d.ts +0 -2
  490. package/public/components/Combobox/index.js +0 -14
  491. package/public/components/Combobox/ui.d.ts +0 -73
  492. package/public/components/Combobox/ui.js +0 -97
  493. package/public/components/Combobox/useSelect.d.ts +0 -60
  494. package/public/components/Combobox/useSelect.js +0 -239
  495. package/public/components/Fixed/Fixed.d.ts +0 -2
  496. package/public/components/Fixed/Fixed.story.d.ts +0 -1
  497. package/public/components/Fixed/Fixed.story.js +0 -12
  498. package/public/components/Fixed/index.d.ts +0 -1
  499. package/public/components/Fixed/index.js +0 -5
  500. package/public/components/Flex/Flex.story.d.ts +0 -1
  501. package/public/components/Flex/Flex.story.js +0 -12
  502. package/public/components/IntegrationLogo/IntegrationLogo.d.ts +0 -10
  503. package/public/components/IntegrationLogo/IntegrationLogo.js +0 -33
  504. package/public/components/IntegrationLogo/IntegrationLogoSvg.d.ts +0 -9
  505. package/public/components/IntegrationLogo/IntegrationLogoSvg.js +0 -52
  506. package/public/components/IntegrationLogo/index.d.ts +0 -1
  507. package/public/components/IntegrationLogo/index.js +0 -13
  508. package/public/components/IntegrationLogo/svg/addigy.d.ts +0 -2
  509. package/public/components/IntegrationLogo/svg/addigy.js +0 -17
  510. package/public/components/IntegrationLogo/svg/aws.d.ts +0 -2
  511. package/public/components/IntegrationLogo/svg/aws.js +0 -22
  512. package/public/components/IntegrationLogo/svg/bamboohr.d.ts +0 -2
  513. package/public/components/IntegrationLogo/svg/bamboohr.js +0 -18
  514. package/public/components/IntegrationLogo/svg/bitbucket.d.ts +0 -2
  515. package/public/components/IntegrationLogo/svg/bitbucket.js +0 -18
  516. package/public/components/IntegrationLogo/svg/conveyor.d.ts +0 -2
  517. package/public/components/IntegrationLogo/svg/conveyor.js +0 -20
  518. package/public/components/IntegrationLogo/svg/default.d.ts +0 -2
  519. package/public/components/IntegrationLogo/svg/default.js +0 -13
  520. package/public/components/IntegrationLogo/svg/deploy.d.ts +0 -2
  521. package/public/components/IntegrationLogo/svg/deploy.js +0 -17
  522. package/public/components/IntegrationLogo/svg/events-api.d.ts +0 -2
  523. package/public/components/IntegrationLogo/svg/events-api.js +0 -26
  524. package/public/components/IntegrationLogo/svg/gcp.d.ts +0 -3
  525. package/public/components/IntegrationLogo/svg/gcp.js +0 -15
  526. package/public/components/IntegrationLogo/svg/github.d.ts +0 -3
  527. package/public/components/IntegrationLogo/svg/github.js +0 -12
  528. package/public/components/IntegrationLogo/svg/gitlab.d.ts +0 -2
  529. package/public/components/IntegrationLogo/svg/gitlab.js +0 -19
  530. package/public/components/IntegrationLogo/svg/gsuite.d.ts +0 -2
  531. package/public/components/IntegrationLogo/svg/gsuite.js +0 -15
  532. package/public/components/IntegrationLogo/svg/index.d.ts +0 -21
  533. package/public/components/IntegrationLogo/svg/index.js +0 -54
  534. package/public/components/IntegrationLogo/svg/jamf.d.ts +0 -2
  535. package/public/components/IntegrationLogo/svg/jamf.js +0 -20
  536. package/public/components/IntegrationLogo/svg/jira.d.ts +0 -2
  537. package/public/components/IntegrationLogo/svg/jira.js +0 -21
  538. package/public/components/IntegrationLogo/svg/jumpcloud.d.ts +0 -2
  539. package/public/components/IntegrationLogo/svg/jumpcloud.js +0 -28
  540. package/public/components/IntegrationLogo/svg/okta.d.ts +0 -2
  541. package/public/components/IntegrationLogo/svg/okta.js +0 -16
  542. package/public/components/IntegrationLogo/svg/onelogin.d.ts +0 -2
  543. package/public/components/IntegrationLogo/svg/onelogin.js +0 -18
  544. package/public/components/IntegrationLogo/svg/salesforce.d.ts +0 -2
  545. package/public/components/IntegrationLogo/svg/salesforce.js +0 -20
  546. package/public/components/IntegrationLogo/svg/slack.d.ts +0 -2
  547. package/public/components/IntegrationLogo/svg/slack.js +0 -19
  548. package/public/components/IntegrationLogo/svg/wrapper.d.ts +0 -11
  549. package/public/components/IntegrationLogo/svg/wrapper.js +0 -13
  550. package/public/components/IntegrationLogo/svg/zoom.d.ts +0 -2
  551. package/public/components/IntegrationLogo/svg/zoom.js +0 -23
  552. package/public/components/Meta/Meta.d.ts +0 -6
  553. package/public/components/Meta/Meta.js +0 -21
  554. package/public/components/Meta/Meta.story.d.ts +0 -1
  555. package/public/components/Meta/Meta.story.js +0 -39
  556. package/public/components/Meta/index.d.ts +0 -1
  557. package/public/components/Meta/index.js +0 -5
  558. package/public/components/Overlay/Overlay.story.d.ts +0 -1
  559. package/public/components/Overlay/Overlay.story.js +0 -12
  560. package/public/components/Pagination/Pagination.d.ts +0 -9
  561. package/public/components/Pagination/Pagination.js +0 -36
  562. package/public/components/Pagination/Pagination.story.d.ts +0 -1
  563. package/public/components/Pagination/Pagination.story.js +0 -37
  564. package/public/components/Pagination/index.d.ts +0 -1
  565. package/public/components/Pagination/index.js +0 -13
  566. package/public/components/ProductIcon/ProductIcon.d.ts +0 -7
  567. package/public/components/ProductIcon/ProductIcon.js +0 -31
  568. package/public/components/ProductIcon/ProductIcon.story.d.ts +0 -1
  569. package/public/components/ProductIcon/ProductIcon.story.js +0 -20
  570. package/public/components/ProductIcon/ProductIconComply.d.ts +0 -2
  571. package/public/components/ProductIcon/ProductIconComply.js +0 -11
  572. package/public/components/ProductIcon/ProductIconDeploy.d.ts +0 -2
  573. package/public/components/ProductIcon/ProductIconDeploy.js +0 -11
  574. package/public/components/ProductIcon/ProductIconExchange.d.ts +0 -2
  575. package/public/components/ProductIcon/ProductIconExchange.js +0 -11
  576. package/public/components/ProductIcon/ProductIconTrustCenter.d.ts +0 -2
  577. package/public/components/ProductIcon/ProductIconTrustCenter.js +0 -11
  578. package/public/components/ProductIcon/index.d.ts +0 -1
  579. package/public/components/ProductIcon/index.js +0 -5
  580. package/public/components/PropertyDiff/PropertyDiff.d.ts +0 -7
  581. package/public/components/PropertyDiff/PropertyDiff.js +0 -22
  582. package/public/components/PropertyDiff/index.d.ts +0 -1
  583. package/public/components/PropertyDiff/index.js +0 -13
  584. package/public/components/Relative/Relative.d.ts +0 -2
  585. package/public/components/Relative/Relative.js +0 -14
  586. package/public/components/Relative/Relative.story.d.ts +0 -1
  587. package/public/components/Relative/Relative.story.js +0 -12
  588. package/public/components/Relative/index.d.ts +0 -1
  589. package/public/components/Relative/index.js +0 -5
  590. package/public/components/SearchFilter/SearchFilter.d.ts +0 -17
  591. package/public/components/SearchFilter/SearchFilter.js +0 -103
  592. package/public/components/SearchFilter/index.d.ts +0 -1
  593. package/public/components/SearchFilter/index.js +0 -13
  594. package/public/components/SpeechBubble/SpeechBubble.story.d.ts +0 -1
  595. package/public/components/SpeechBubble/SpeechBubble.story.js +0 -19
  596. package/public/components/StatusLabel/StatusLabel.d.ts +0 -16
  597. package/public/components/StatusLabel/StatusLabel.js +0 -40
  598. package/public/components/StatusLabel/index.d.ts +0 -1
  599. package/public/components/StatusLabel/index.js +0 -13
  600. package/public/components/StatusPanel/StatusPanel.d.ts +0 -11
  601. package/public/components/StatusPanel/StatusPanel.js +0 -24
  602. package/public/components/StatusPanel/index.d.ts +0 -1
  603. package/public/components/StatusPanel/index.js +0 -13
  604. package/public/components/Sticky/Sticky.d.ts +0 -2
  605. package/public/components/Sticky/Sticky.js +0 -14
  606. package/public/components/Sticky/Sticky.story.d.ts +0 -1
  607. package/public/components/Sticky/Sticky.story.js +0 -12
  608. package/public/components/Sticky/index.d.ts +0 -1
  609. package/public/components/Sticky/index.js +0 -5
  610. package/public/components/Svg/Svg.story.d.ts +0 -1
  611. package/public/components/Svg/Svg.story.js +0 -14
  612. package/public/components/Text/Text.story.d.ts +0 -1
  613. package/public/components/Text/Text.story.js +0 -31
  614. package/public/components/TopBar/TopBar.d.ts +0 -14
  615. package/public/components/TopBar/TopBar.js +0 -24
  616. package/public/components/TopBar/TopBarBreadcrumbs.d.ts +0 -10
  617. package/public/components/TopBar/TopBarBreadcrumbs.js +0 -34
  618. package/public/components/TopBar/TopBarSubNav.d.ts +0 -2
  619. package/public/components/TopBar/TopBarSubNav.js +0 -16
  620. package/public/components/TopBar/TopBarSubNavItem.d.ts +0 -5
  621. package/public/components/TopBar/TopBarSubNavItem.js +0 -17
  622. package/public/components/TopBar/index.d.ts +0 -1
  623. package/public/components/TopBar/index.js +0 -13
  624. package/public/components/VendorLogo/VendorLogo.d.ts +0 -20
  625. package/public/components/VendorLogo/VendorLogo.js +0 -57
  626. package/public/components/VendorLogo/index.d.ts +0 -1
  627. package/public/components/VendorLogo/index.js +0 -13
  628. package/public/components/VisuallyHidden/VisuallyHidden.story.d.ts +0 -1
  629. package/public/components/VisuallyHidden/VisuallyHidden.story.js +0 -36
  630. package/public/components/useStep/ExampleSetupWizard.d.ts +0 -4
  631. package/public/components/useStep/ExampleSetupWizard.js +0 -33
  632. package/public/storybook-components/TailwindPropertyClasses.d.ts +0 -9
  633. package/public/storybook-components/TailwindPropertyClasses.js +0 -194
  634. package/public/tailwind.config.d.ts +0 -1
  635. package/public/tailwind.config.js +0 -4
  636. package/public/tokens/_tailwind-config.d.ts +0 -810
  637. package/public/tokens/_tailwind-config.js +0 -50
  638. package/src/components/Absolute/Absolute.story.mdx +0 -26
  639. package/src/components/Absolute/Absolute.tsx +0 -9
  640. package/src/components/Absolute/index.ts +0 -1
  641. package/src/components/Appbar/Appbar.story.mdx +0 -201
  642. package/src/components/Appbar/Appbar.tsx +0 -124
  643. package/src/components/Appbar/AppbarClaimProfileButton.tsx +0 -13
  644. package/src/components/Appbar/AppbarDropdownIcon.tsx +0 -6
  645. package/src/components/Appbar/AppbarLogInButton.tsx +0 -28
  646. package/src/components/Appbar/AppbarLogo.tsx +0 -43
  647. package/src/components/Appbar/AppbarOrganization.tsx +0 -96
  648. package/src/components/Appbar/AppbarProductMenu.tsx +0 -125
  649. package/src/components/Appbar/AppbarTabMarker.tsx +0 -5
  650. package/src/components/Appbar/AppbarTabs.tsx +0 -46
  651. package/src/components/Appbar/AppbarUser.tsx +0 -179
  652. package/src/components/Appbar/config.ts +0 -12
  653. package/src/components/Appbar/context.ts +0 -20
  654. package/src/components/Appbar/index.css +0 -324
  655. package/src/components/Appbar/index.ts +0 -1
  656. package/src/components/AptibleLogo/AptibleLogo.story.tsx +0 -22
  657. package/src/components/AptibleLogo/AptibleLogo.tsx +0 -42
  658. package/src/components/AptibleLogo/index.ts +0 -1
  659. package/src/components/ArrowButton/ArrowButton.story.mdx +0 -110
  660. package/src/components/ArrowButton/ArrowButton.tsx +0 -54
  661. package/src/components/ArrowButton/index.css +0 -42
  662. package/src/components/ArrowButton/index.ts +0 -1
  663. package/src/components/ArrowLink/ArrowLink.story.mdx +0 -65
  664. package/src/components/ArrowLink/ArrowLink.tsx +0 -42
  665. package/src/components/ArrowLink/index.ts +0 -1
  666. package/src/components/Aside/Aside.story.mdx +0 -65
  667. package/src/components/Aside/Aside.tsx +0 -59
  668. package/src/components/Aside/index.css +0 -11
  669. package/src/components/Aside/index.ts +0 -1
  670. package/src/components/Combobox/Combobox.story.mdx +0 -199
  671. package/src/components/Combobox/Combobox.tsx +0 -162
  672. package/src/components/Combobox/ComboboxMulti.tsx +0 -169
  673. package/src/components/Combobox/TODO.md +0 -33
  674. package/src/components/Combobox/index.css +0 -97
  675. package/src/components/Combobox/index.ts +0 -2
  676. package/src/components/Combobox/ui.tsx +0 -211
  677. package/src/components/Combobox/useSelect.ts +0 -347
  678. package/src/components/Fixed/Fixed.md +0 -16
  679. package/src/components/Fixed/Fixed.story.tsx +0 -12
  680. package/src/components/Fixed/Fixed.tsx +0 -9
  681. package/src/components/Fixed/index.ts +0 -1
  682. package/src/components/Flex/Flex.md +0 -14
  683. package/src/components/Flex/Flex.story.tsx +0 -12
  684. package/src/components/IntegrationLogo/IntegrationLogo.story.mdx +0 -159
  685. package/src/components/IntegrationLogo/IntegrationLogo.tsx +0 -54
  686. package/src/components/IntegrationLogo/IntegrationLogoSvg.tsx +0 -79
  687. package/src/components/IntegrationLogo/index.ts +0 -1
  688. package/src/components/IntegrationLogo/svg/addigy.tsx +0 -23
  689. package/src/components/IntegrationLogo/svg/aws.tsx +0 -52
  690. package/src/components/IntegrationLogo/svg/bamboohr.tsx +0 -34
  691. package/src/components/IntegrationLogo/svg/bitbucket.tsx +0 -37
  692. package/src/components/IntegrationLogo/svg/conveyor.tsx +0 -41
  693. package/src/components/IntegrationLogo/svg/default.tsx +0 -11
  694. package/src/components/IntegrationLogo/svg/deploy.tsx +0 -29
  695. package/src/components/IntegrationLogo/svg/events-api.tsx +0 -75
  696. package/src/components/IntegrationLogo/svg/gcp.tsx +0 -26
  697. package/src/components/IntegrationLogo/svg/github.tsx +0 -14
  698. package/src/components/IntegrationLogo/svg/gitlab.tsx +0 -40
  699. package/src/components/IntegrationLogo/svg/gsuite.tsx +0 -24
  700. package/src/components/IntegrationLogo/svg/index.ts +0 -21
  701. package/src/components/IntegrationLogo/svg/jamf.tsx +0 -36
  702. package/src/components/IntegrationLogo/svg/jira.tsx +0 -44
  703. package/src/components/IntegrationLogo/svg/jumpcloud.tsx +0 -86
  704. package/src/components/IntegrationLogo/svg/okta.tsx +0 -28
  705. package/src/components/IntegrationLogo/svg/onelogin.tsx +0 -34
  706. package/src/components/IntegrationLogo/svg/salesforce.tsx +0 -39
  707. package/src/components/IntegrationLogo/svg/slack.tsx +0 -40
  708. package/src/components/IntegrationLogo/svg/wrapper.tsx +0 -35
  709. package/src/components/IntegrationLogo/svg/zoom.tsx +0 -51
  710. package/src/components/Meta/Meta.md +0 -14
  711. package/src/components/Meta/Meta.story.tsx +0 -24
  712. package/src/components/Meta/Meta.tsx +0 -26
  713. package/src/components/Meta/index.ts +0 -1
  714. package/src/components/Overlay/Overlay.md +0 -14
  715. package/src/components/Overlay/Overlay.story.tsx +0 -12
  716. package/src/components/Pagination/Pagination.story.tsx +0 -25
  717. package/src/components/Pagination/Pagination.tsx +0 -78
  718. package/src/components/Pagination/index.css +0 -46
  719. package/src/components/Pagination/index.ts +0 -1
  720. package/src/components/ProductIcon/ProductIcon.md +0 -22
  721. package/src/components/ProductIcon/ProductIcon.story.tsx +0 -26
  722. package/src/components/ProductIcon/ProductIcon.tsx +0 -45
  723. package/src/components/ProductIcon/ProductIconComply.tsx +0 -17
  724. package/src/components/ProductIcon/ProductIconDeploy.tsx +0 -17
  725. package/src/components/ProductIcon/ProductIconExchange.tsx +0 -17
  726. package/src/components/ProductIcon/ProductIconTrustCenter.tsx +0 -17
  727. package/src/components/ProductIcon/index.css +0 -13
  728. package/src/components/ProductIcon/index.ts +0 -1
  729. package/src/components/PropertyDiff/PropertDiff.story.mdx +0 -46
  730. package/src/components/PropertyDiff/PropertyDiff.tsx +0 -48
  731. package/src/components/PropertyDiff/index.css +0 -33
  732. package/src/components/PropertyDiff/index.ts +0 -1
  733. package/src/components/Relative/Relative.md +0 -16
  734. package/src/components/Relative/Relative.story.tsx +0 -12
  735. package/src/components/Relative/Relative.tsx +0 -9
  736. package/src/components/Relative/index.ts +0 -1
  737. package/src/components/SearchFilter/SearchFilter.md +0 -17
  738. package/src/components/SearchFilter/SearchFilter.story.mdx +0 -186
  739. package/src/components/SearchFilter/SearchFilter.tsx +0 -187
  740. package/src/components/SearchFilter/index.css +0 -83
  741. package/src/components/SearchFilter/index.ts +0 -1
  742. package/src/components/SpeechBubble/SpeechBubble.md +0 -14
  743. package/src/components/SpeechBubble/SpeechBubble.story.tsx +0 -26
  744. package/src/components/StatusLabel/StatusLabel.story.mdx +0 -316
  745. package/src/components/StatusLabel/StatusLabel.tsx +0 -112
  746. package/src/components/StatusLabel/index.css +0 -23
  747. package/src/components/StatusLabel/index.ts +0 -1
  748. package/src/components/StatusPanel/StatusPanel.story.mdx +0 -109
  749. package/src/components/StatusPanel/StatusPanel.tsx +0 -51
  750. package/src/components/StatusPanel/index.css +0 -52
  751. package/src/components/StatusPanel/index.ts +0 -1
  752. package/src/components/Sticky/Sticky.md +0 -16
  753. package/src/components/Sticky/Sticky.story.tsx +0 -12
  754. package/src/components/Sticky/Sticky.tsx +0 -9
  755. package/src/components/Sticky/index.ts +0 -1
  756. package/src/components/Svg/Svg.md +0 -14
  757. package/src/components/Svg/Svg.story.tsx +0 -15
  758. package/src/components/Text/Text.md +0 -14
  759. package/src/components/Text/Text.story.tsx +0 -12
  760. package/src/components/TopBar/TopBar.story.mdx +0 -154
  761. package/src/components/TopBar/TopBar.tsx +0 -40
  762. package/src/components/TopBar/TopBarBreadcrumbs.tsx +0 -79
  763. package/src/components/TopBar/TopBarSubNav.tsx +0 -19
  764. package/src/components/TopBar/TopBarSubNavItem.tsx +0 -21
  765. package/src/components/TopBar/index.css +0 -102
  766. package/src/components/TopBar/index.ts +0 -1
  767. package/src/components/VendorLogo/VendorLogo.story.mdx +0 -209
  768. package/src/components/VendorLogo/VendorLogo.tsx +0 -110
  769. package/src/components/VendorLogo/index.css +0 -46
  770. package/src/components/VendorLogo/index.ts +0 -1
  771. package/src/components/VisuallyHidden/VisuallyHidden.md +0 -23
  772. package/src/components/VisuallyHidden/VisuallyHidden.story.tsx +0 -19
  773. package/src/components/useStep/ExampleSetupWizard.tsx +0 -63
  774. package/src/components/useStep/useStep.story.mdx +0 -76
  775. package/src/docs/TailwindClasses.story.mdx +0 -15
  776. package/src/docs/brand-components/BrandButton.story.mdx +0 -103
  777. package/src/docs/brand-components/BrandCheckbox.story.mdx +0 -63
  778. package/src/docs/brand-components/BrandFormGroup.story.mdx +0 -76
  779. package/src/docs/brand-components/BrandInput.story.mdx +0 -41
  780. package/src/docs/brand-components/BrandRadio.story.mdx +0 -45
  781. package/src/docs/brand-components/BrandTextArea.story.mdx +0 -41
  782. package/src/recipes/TopBarNavigation.story.mdx +0 -114
  783. package/src/storybook-components/TailwindPropertyClasses.tsx +0 -285
  784. package/src/tailwind.config.ts +0 -6
  785. package/src/templates/Index.story.mdx +0 -177
  786. package/src/tokens/_tailwind-config.ts +0 -69
package/public/tokens/_tailwind-config.d.ts DELETED
@@ -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
- };