@heliosgraphics/ui 2.0.0-alpha.100

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 (441) hide show
  1. package/LICENSE.md +21 -0
  2. package/components/Alert/Alert.meta.ts +45 -0
  3. package/components/Alert/Alert.module.css +41 -0
  4. package/components/Alert/Alert.tsx +54 -0
  5. package/components/Alert/Alert.types.ts +15 -0
  6. package/components/Alert/index.ts +1 -0
  7. package/components/Breadcrumb/Breadcrumb.meta.ts +17 -0
  8. package/components/Breadcrumb/Breadcrumb.tsx +55 -0
  9. package/components/Breadcrumb/Breadcrumb.types.ts +13 -0
  10. package/components/Breadcrumb/index.ts +2 -0
  11. package/components/Browser/Browser.meta.ts +27 -0
  12. package/components/Browser/Browser.module.css +3 -0
  13. package/components/Browser/Browser.tsx +16 -0
  14. package/components/Browser/Browser.types.ts +9 -0
  15. package/components/Browser/index.ts +1 -0
  16. package/components/Button/Button.meta.ts +46 -0
  17. package/components/Button/Button.module.css +337 -0
  18. package/components/Button/Button.spec.tsx +6 -0
  19. package/components/Button/Button.tsx +207 -0
  20. package/components/Button/Button.types.ts +30 -0
  21. package/components/Button/index.ts +2 -0
  22. package/components/ButtonGroup/ButtonGroup.meta.ts +37 -0
  23. package/components/ButtonGroup/ButtonGroup.module.css +55 -0
  24. package/components/ButtonGroup/ButtonGroup.spec.tsx +6 -0
  25. package/components/ButtonGroup/ButtonGroup.tsx +41 -0
  26. package/components/ButtonGroup/ButtonGroup.types.ts +11 -0
  27. package/components/ButtonGroup/index.ts +2 -0
  28. package/components/Checkbox/Checkbox.meta.ts +54 -0
  29. package/components/Checkbox/Checkbox.module.css +99 -0
  30. package/components/Checkbox/Checkbox.tsx +80 -0
  31. package/components/Checkbox/Checkbox.types.ts +17 -0
  32. package/components/Checkbox/index.ts +1 -0
  33. package/components/Clock/Clock.meta.ts +14 -0
  34. package/components/Clock/Clock.module.css +27 -0
  35. package/components/Clock/Clock.tsx +66 -0
  36. package/components/Clock/Clock.types.ts +1 -0
  37. package/components/Clock/Clock.utils.ts +16 -0
  38. package/components/Clock/index.ts +1 -0
  39. package/components/Column/Column.meta.ts +22 -0
  40. package/components/Column/Column.tsx +21 -0
  41. package/components/Column/Column.types.ts +8 -0
  42. package/components/Column/index.ts +2 -0
  43. package/components/Confirm/Confirm.meta.ts +51 -0
  44. package/components/Confirm/Confirm.tsx +40 -0
  45. package/components/Confirm/Confirm.types.ts +17 -0
  46. package/components/Confirm/index.ts +1 -0
  47. package/components/DatePicker/DatePicker.meta.ts +25 -0
  48. package/components/DatePicker/DatePicker.module.css +72 -0
  49. package/components/DatePicker/DatePicker.tsx +126 -0
  50. package/components/DatePicker/DatePicker.types.ts +8 -0
  51. package/components/DatePicker/DatePicker.utils.ts +53 -0
  52. package/components/DatePicker/index.ts +1 -0
  53. package/components/Debug/Debug.meta.ts +22 -0
  54. package/components/Debug/Debug.module.css +17 -0
  55. package/components/Debug/Debug.tsx +48 -0
  56. package/components/Debug/Debug.types.ts +6 -0
  57. package/components/Debug/Debug.utils.ts +23 -0
  58. package/components/Debug/index.ts +1 -0
  59. package/components/Details/Details.meta.ts +22 -0
  60. package/components/Details/Details.module.css +36 -0
  61. package/components/Details/Details.tsx +21 -0
  62. package/components/Details/Details.types.ts +8 -0
  63. package/components/Details/index.ts +1 -0
  64. package/components/Dialog/Dialog.meta.ts +48 -0
  65. package/components/Dialog/Dialog.module.css +109 -0
  66. package/components/Dialog/Dialog.tsx +100 -0
  67. package/components/Dialog/Dialog.types.ts +13 -0
  68. package/components/Dialog/index.ts +1 -0
  69. package/components/Donut/Donut.meta.ts +25 -0
  70. package/components/Donut/Donut.module.css +8 -0
  71. package/components/Donut/Donut.tsx +63 -0
  72. package/components/Donut/Donut.types.ts +12 -0
  73. package/components/Donut/Donut.utils.ts +11 -0
  74. package/components/Donut/index.ts +2 -0
  75. package/components/Dot/Dot.meta.ts +26 -0
  76. package/components/Dot/Dot.module.css +24 -0
  77. package/components/Dot/Dot.spec.tsx +6 -0
  78. package/components/Dot/Dot.tsx +46 -0
  79. package/components/Dot/Dot.types.ts +8 -0
  80. package/components/Dot/index.ts +1 -0
  81. package/components/Dropdown/Dropdown.meta.ts +30 -0
  82. package/components/Dropdown/Dropdown.module.css +92 -0
  83. package/components/Dropdown/Dropdown.tsx +117 -0
  84. package/components/Dropdown/Dropdown.types.ts +10 -0
  85. package/components/Dropdown/index.ts +2 -0
  86. package/components/Fieldset/Fieldset.meta.ts +18 -0
  87. package/components/Fieldset/Fieldset.module.css +3 -0
  88. package/components/Fieldset/Fieldset.tsx +14 -0
  89. package/components/Fieldset/Fieldset.types.ts +7 -0
  90. package/components/Fieldset/index.ts +1 -0
  91. package/components/Flex/Flex.meta.ts +47 -0
  92. package/components/Flex/Flex.tsx +40 -0
  93. package/components/Flex/Flex.types.ts +38 -0
  94. package/components/Flex/Flex.utils.spec.ts +97 -0
  95. package/components/Flex/Flex.utils.ts +162 -0
  96. package/components/Flex/index.ts +4 -0
  97. package/components/Grid/Grid.meta.ts +22 -0
  98. package/components/Grid/Grid.tsx +17 -0
  99. package/components/Grid/Grid.types.ts +8 -0
  100. package/components/Grid/index.ts +1 -0
  101. package/components/Heading/Heading.meta.ts +23 -0
  102. package/components/Heading/Heading.module.css +19 -0
  103. package/components/Heading/Heading.tsx +69 -0
  104. package/components/Heading/Heading.types.ts +9 -0
  105. package/components/Heading/components/H0/H0.meta.ts +11 -0
  106. package/components/Heading/components/H0/H0.module.css +4 -0
  107. package/components/Heading/components/H0/H0.tsx +12 -0
  108. package/components/Heading/components/H0/H0.types.ts +3 -0
  109. package/components/Heading/components/H0/index.ts +1 -0
  110. package/components/Heading/components/H1/H1.meta.ts +11 -0
  111. package/components/Heading/components/H1/H1.tsx +9 -0
  112. package/components/Heading/components/H1/H1.types.ts +3 -0
  113. package/components/Heading/components/H1/index.ts +1 -0
  114. package/components/Heading/components/H2/H2.meta.ts +11 -0
  115. package/components/Heading/components/H2/H2.tsx +9 -0
  116. package/components/Heading/components/H2/H2.types.ts +3 -0
  117. package/components/Heading/components/H2/index.ts +1 -0
  118. package/components/Heading/components/H3/H3.meta.ts +11 -0
  119. package/components/Heading/components/H3/H3.tsx +9 -0
  120. package/components/Heading/components/H3/H3.types.ts +3 -0
  121. package/components/Heading/components/H3/index.ts +1 -0
  122. package/components/Heading/components/H4/H4.meta.ts +11 -0
  123. package/components/Heading/components/H4/H4.tsx +9 -0
  124. package/components/Heading/components/H4/H4.types.ts +3 -0
  125. package/components/Heading/components/H4/index.ts +1 -0
  126. package/components/Heading/components/H5/H5.meta.ts +11 -0
  127. package/components/Heading/components/H5/H5.tsx +9 -0
  128. package/components/Heading/components/H5/H5.types.ts +3 -0
  129. package/components/Heading/components/H5/index.ts +1 -0
  130. package/components/Heading/components/H6/H6.meta.ts +11 -0
  131. package/components/Heading/components/H6/H6.tsx +9 -0
  132. package/components/Heading/components/H6/H6.types.ts +3 -0
  133. package/components/Heading/components/H6/index.ts +1 -0
  134. package/components/Heading/index.ts +2 -0
  135. package/components/Icon/Icon.meta.ts +28 -0
  136. package/components/Icon/Icon.module.css +22 -0
  137. package/components/Icon/Icon.tsx +32 -0
  138. package/components/Icon/Icon.types.ts +9 -0
  139. package/components/Icon/index.ts +1 -0
  140. package/components/Input/Input.meta.ts +53 -0
  141. package/components/Input/Input.module.css +82 -0
  142. package/components/Input/Input.tsx +124 -0
  143. package/components/Input/Input.types.ts +28 -0
  144. package/components/Input/index.ts +1 -0
  145. package/components/Layout/Layout.meta.ts +19 -0
  146. package/components/Layout/Layout.module.css +7 -0
  147. package/components/Layout/Layout.tsx +33 -0
  148. package/components/Layout/Layout.types.ts +19 -0
  149. package/components/Layout/components/LayoutAside/LayoutAside.meta.ts +15 -0
  150. package/components/Layout/components/LayoutAside/LayoutAside.module.css +40 -0
  151. package/components/Layout/components/LayoutAside/LayoutAside.tsx +27 -0
  152. package/components/Layout/components/LayoutAside/LayoutAside.types.ts +14 -0
  153. package/components/Layout/components/LayoutAside/components/LayoutAsideContent/LayoutAsideContent.meta.ts +15 -0
  154. package/components/Layout/components/LayoutAside/components/LayoutAsideContent/LayoutAsideContent.module.css +5 -0
  155. package/components/Layout/components/LayoutAside/components/LayoutAsideContent/LayoutAsideContent.tsx +19 -0
  156. package/components/Layout/components/LayoutAside/components/LayoutAsideContent/LayoutAsideContent.types.ts +5 -0
  157. package/components/Layout/components/LayoutAside/components/LayoutAsideContent/index.ts +1 -0
  158. package/components/Layout/components/LayoutAside/components/LayoutAsideFooter/LayoutAsideFooter.meta.ts +15 -0
  159. package/components/Layout/components/LayoutAside/components/LayoutAsideFooter/LayoutAsideFooter.module.css +10 -0
  160. package/components/Layout/components/LayoutAside/components/LayoutAsideFooter/LayoutAsideFooter.tsx +19 -0
  161. package/components/Layout/components/LayoutAside/components/LayoutAsideFooter/LayoutAsideFooter.types.ts +5 -0
  162. package/components/Layout/components/LayoutAside/components/LayoutAsideFooter/index.ts +1 -0
  163. package/components/Layout/components/LayoutAside/components/LayoutAsideToggle/LayoutAsideToggle.meta.ts +14 -0
  164. package/components/Layout/components/LayoutAside/components/LayoutAsideToggle/LayoutAsideToggle.tsx +31 -0
  165. package/components/Layout/components/LayoutAside/components/LayoutAsideToggle/LayoutAsideToggle.types.ts +1 -0
  166. package/components/Layout/components/LayoutAside/components/LayoutAsideToggle/index.ts +1 -0
  167. package/components/Layout/components/LayoutAside/index.ts +13 -0
  168. package/components/Layout/components/LayoutMain/LayoutMain.meta.ts +15 -0
  169. package/components/Layout/components/LayoutMain/LayoutMain.module.css +15 -0
  170. package/components/Layout/components/LayoutMain/LayoutMain.tsx +23 -0
  171. package/components/Layout/components/LayoutMain/LayoutMain.types.ts +12 -0
  172. package/components/Layout/components/LayoutMain/components/LayoutMainContent/LayoutMainContent.meta.ts +15 -0
  173. package/components/Layout/components/LayoutMain/components/LayoutMainContent/LayoutMainContent.module.css +4 -0
  174. package/components/Layout/components/LayoutMain/components/LayoutMainContent/LayoutMainContent.tsx +49 -0
  175. package/components/Layout/components/LayoutMain/components/LayoutMainContent/LayoutMainContent.types.ts +5 -0
  176. package/components/Layout/components/LayoutMain/components/LayoutMainContent/LayoutMainContent.utils.ts +65 -0
  177. package/components/Layout/components/LayoutMain/components/LayoutMainContent/index.ts +1 -0
  178. package/components/Layout/components/LayoutMain/index.ts +9 -0
  179. package/components/Layout/components/LayoutNavigation/LayoutNavigation.meta.ts +15 -0
  180. package/components/Layout/components/LayoutNavigation/LayoutNavigation.module.css +12 -0
  181. package/components/Layout/components/LayoutNavigation/LayoutNavigation.tsx +24 -0
  182. package/components/Layout/components/LayoutNavigation/LayoutNavigation.types.ts +5 -0
  183. package/components/Layout/components/LayoutNavigation/index.ts +1 -0
  184. package/components/Layout/components/LayoutSubNavigation/LayoutSubNavigation.meta.ts +15 -0
  185. package/components/Layout/components/LayoutSubNavigation/LayoutSubNavigation.module.css +12 -0
  186. package/components/Layout/components/LayoutSubNavigation/LayoutSubNavigation.tsx +24 -0
  187. package/components/Layout/components/LayoutSubNavigation/LayoutSubNavigation.types.ts +5 -0
  188. package/components/Layout/components/LayoutSubNavigation/index.ts +1 -0
  189. package/components/Layout/index.ts +17 -0
  190. package/components/Loading/Loading.meta.ts +20 -0
  191. package/components/Loading/Loading.module.css +65 -0
  192. package/components/Loading/Loading.tsx +57 -0
  193. package/components/Loading/Loading.types.ts +7 -0
  194. package/components/Loading/index.ts +1 -0
  195. package/components/Markdown/Markdown.meta.ts +28 -0
  196. package/components/Markdown/Markdown.module.css +274 -0
  197. package/components/Markdown/Markdown.tsx +27 -0
  198. package/components/Markdown/Markdown.types.ts +7 -0
  199. package/components/Markdown/Markdown.utils.spec.ts +11 -0
  200. package/components/Markdown/Markdown.utils.ts +10 -0
  201. package/components/Markdown/index.ts +1 -0
  202. package/components/Masonry/Masonry.meta.ts +24 -0
  203. package/components/Masonry/Masonry.tsx +49 -0
  204. package/components/Masonry/Masonry.types.ts +10 -0
  205. package/components/Masonry/index.ts +1 -0
  206. package/components/Menu/Menu.meta.ts +15 -0
  207. package/components/Menu/Menu.tsx +18 -0
  208. package/components/Menu/Menu.types.ts +15 -0
  209. package/components/Menu/components/MenuCategory/MenuCategory.meta.ts +32 -0
  210. package/components/Menu/components/MenuCategory/MenuCategory.module.css +73 -0
  211. package/components/Menu/components/MenuCategory/MenuCategory.tsx +88 -0
  212. package/components/Menu/components/MenuCategory/MenuCategory.types.ts +10 -0
  213. package/components/Menu/components/MenuCategory/index.ts +1 -0
  214. package/components/Menu/components/MenuFilter/MenuFilter.meta.ts +24 -0
  215. package/components/Menu/components/MenuFilter/MenuFilter.module.css +11 -0
  216. package/components/Menu/components/MenuFilter/MenuFilter.tsx +25 -0
  217. package/components/Menu/components/MenuFilter/MenuFilter.types.ts +7 -0
  218. package/components/Menu/components/MenuFilter/index.ts +1 -0
  219. package/components/Menu/components/MenuItem/MenuItem.meta.ts +42 -0
  220. package/components/Menu/components/MenuItem/MenuItem.module.css +37 -0
  221. package/components/Menu/components/MenuItem/MenuItem.tsx +73 -0
  222. package/components/Menu/components/MenuItem/MenuItem.types.ts +12 -0
  223. package/components/Menu/components/MenuItem/index.ts +1 -0
  224. package/components/Menu/index.ts +14 -0
  225. package/components/Overlay/Overlay.meta.ts +25 -0
  226. package/components/Overlay/Overlay.module.css +85 -0
  227. package/components/Overlay/Overlay.tsx +47 -0
  228. package/components/Overlay/Overlay.types.ts +9 -0
  229. package/components/Overlay/index.ts +1 -0
  230. package/components/Pie/Pie.meta.ts +23 -0
  231. package/components/Pie/Pie.module.css +5 -0
  232. package/components/Pie/Pie.tsx +47 -0
  233. package/components/Pie/Pie.types.ts +12 -0
  234. package/components/Pie/index.ts +2 -0
  235. package/components/Pill/Pill.meta.ts +64 -0
  236. package/components/Pill/Pill.module.css +64 -0
  237. package/components/Pill/Pill.tsx +89 -0
  238. package/components/Pill/Pill.types.ts +19 -0
  239. package/components/Pill/index.ts +1 -0
  240. package/components/Placeholder/Placeholder.meta.ts +25 -0
  241. package/components/Placeholder/Placeholder.module.css +3 -0
  242. package/components/Placeholder/Placeholder.tsx +24 -0
  243. package/components/Placeholder/Placeholder.types.ts +7 -0
  244. package/components/Placeholder/index.ts +1 -0
  245. package/components/Progress/Progress.meta.ts +35 -0
  246. package/components/Progress/Progress.module.css +22 -0
  247. package/components/Progress/Progress.tsx +30 -0
  248. package/components/Progress/Progress.types.ts +9 -0
  249. package/components/Progress/index.ts +1 -0
  250. package/components/Radio/Radio.meta.ts +21 -0
  251. package/components/Radio/Radio.module.css +101 -0
  252. package/components/Radio/Radio.tsx +73 -0
  253. package/components/Radio/Radio.types.ts +8 -0
  254. package/components/Radio/index.ts +1 -0
  255. package/components/Range/Range.meta.ts +26 -0
  256. package/components/Range/Range.module.css +68 -0
  257. package/components/Range/Range.tsx +49 -0
  258. package/components/Range/Range.types.ts +13 -0
  259. package/components/Range/index.ts +1 -0
  260. package/components/Segments/Segments.meta.ts +27 -0
  261. package/components/Segments/Segments.module.css +46 -0
  262. package/components/Segments/Segments.tsx +79 -0
  263. package/components/Segments/Segments.types.ts +15 -0
  264. package/components/Segments/Segments.utils.ts +19 -0
  265. package/components/Segments/components/SegmentButton/SegmentButton.meta.ts +32 -0
  266. package/components/Segments/components/SegmentButton/SegmentButton.module.css +34 -0
  267. package/components/Segments/components/SegmentButton/SegmentButton.tsx +61 -0
  268. package/components/Segments/components/SegmentButton/SegmentButton.types.ts +10 -0
  269. package/components/Segments/components/SegmentButton/index.ts +1 -0
  270. package/components/Segments/index.ts +9 -0
  271. package/components/Select/Select.meta.ts +43 -0
  272. package/components/Select/Select.module.css +76 -0
  273. package/components/Select/Select.tsx +53 -0
  274. package/components/Select/Select.types.ts +18 -0
  275. package/components/Select/index.ts +2 -0
  276. package/components/Separator/Separator.meta.ts +69 -0
  277. package/components/Separator/Separator.module.css +11 -0
  278. package/components/Separator/Separator.spec.tsx +6 -0
  279. package/components/Separator/Separator.tsx +36 -0
  280. package/components/Separator/Separator.types.ts +10 -0
  281. package/components/Separator/components/HRMarkup/HRMarkup.meta.ts +15 -0
  282. package/components/Separator/components/HRMarkup/HRMarkup.tsx +10 -0
  283. package/components/Separator/components/HRMarkup/HRMarkup.types.ts +5 -0
  284. package/components/Separator/components/HRMarkup/index.ts +1 -0
  285. package/components/Separator/components/HorizontalSeparator/HorizontalSeparator.meta.ts +22 -0
  286. package/components/Separator/components/HorizontalSeparator/HorizontalSeparator.module.css +22 -0
  287. package/components/Separator/components/HorizontalSeparator/HorizontalSeparator.tsx +22 -0
  288. package/components/Separator/components/HorizontalSeparator/HorizontalSeparator.types.ts +3 -0
  289. package/components/Separator/components/HorizontalSeparator/index.ts +1 -0
  290. package/components/Separator/components/VerticalSeparator/VerticalSeparator.meta.ts +22 -0
  291. package/components/Separator/components/VerticalSeparator/VerticalSeparator.module.css +20 -0
  292. package/components/Separator/components/VerticalSeparator/VerticalSeparator.tsx +22 -0
  293. package/components/Separator/components/VerticalSeparator/VerticalSeparator.types.ts +3 -0
  294. package/components/Separator/components/VerticalSeparator/index.ts +1 -0
  295. package/components/Separator/index.ts +1 -0
  296. package/components/Setup/Setup.global.css +14 -0
  297. package/components/Setup/Setup.meta.ts +22 -0
  298. package/components/Setup/Setup.tsx +53 -0
  299. package/components/Setup/Setup.types.ts +13 -0
  300. package/components/Setup/Setup.utils.ts +61 -0
  301. package/components/Setup/css/core.colors-helpers.css +322 -0
  302. package/components/Setup/css/core.colors.css +428 -0
  303. package/components/Setup/css/core.scale.css +49 -0
  304. package/components/Setup/css/core.setup.css +28 -0
  305. package/components/Setup/css/core.typography.css +57 -0
  306. package/components/Setup/css/feat.atomics.css +126 -0
  307. package/components/Setup/css/feat.markdown.css +39 -0
  308. package/components/Setup/css/feat.responsive.css +590 -0
  309. package/components/Setup/index.ts +1 -0
  310. package/components/Shimmer/Shimmer.meta.ts +32 -0
  311. package/components/Shimmer/Shimmer.module.css +24 -0
  312. package/components/Shimmer/Shimmer.tsx +31 -0
  313. package/components/Shimmer/Shimmer.types.ts +7 -0
  314. package/components/Shimmer/index.ts +1 -0
  315. package/components/Slider/Slider.meta.ts +22 -0
  316. package/components/Slider/Slider.module.css +49 -0
  317. package/components/Slider/Slider.tsx +18 -0
  318. package/components/Slider/Slider.types.ts +6 -0
  319. package/components/Slider/index.ts +1 -0
  320. package/components/Spacer/Spacer.meta.ts +17 -0
  321. package/components/Spacer/Spacer.tsx +8 -0
  322. package/components/Spacer/Spacer.types.ts +3 -0
  323. package/components/Spacer/index.ts +1 -0
  324. package/components/Table/Table.meta.ts +36 -0
  325. package/components/Table/Table.module.css +53 -0
  326. package/components/Table/Table.tsx +21 -0
  327. package/components/Table/Table.types.ts +8 -0
  328. package/components/Table/index.ts +1 -0
  329. package/components/Tabs/Tabs.meta.ts +24 -0
  330. package/components/Tabs/Tabs.module.css +43 -0
  331. package/components/Tabs/Tabs.tsx +63 -0
  332. package/components/Tabs/Tabs.types.ts +14 -0
  333. package/components/Tabs/index.ts +1 -0
  334. package/components/Text/Text.meta.ts +38 -0
  335. package/components/Text/Text.module.css +41 -0
  336. package/components/Text/Text.tsx +59 -0
  337. package/components/Text/Text.types.ts +20 -0
  338. package/components/Text/Text.utils.spec.ts +13 -0
  339. package/components/Text/Text.utils.ts +50 -0
  340. package/components/Text/components/Div/Div.meta.ts +11 -0
  341. package/components/Text/components/Div/Div.tsx +9 -0
  342. package/components/Text/components/Div/Div.types.ts +3 -0
  343. package/components/Text/components/Div/index.ts +1 -0
  344. package/components/Text/components/Micro/Micro.meta.ts +11 -0
  345. package/components/Text/components/Micro/Micro.tsx +9 -0
  346. package/components/Text/components/Micro/Micro.types.ts +3 -0
  347. package/components/Text/components/Micro/index.ts +1 -0
  348. package/components/Text/components/P/P.meta.ts +11 -0
  349. package/components/Text/components/P/P.tsx +9 -0
  350. package/components/Text/components/P/P.types.ts +3 -0
  351. package/components/Text/components/P/index.ts +1 -0
  352. package/components/Text/components/Small/Small.meta.ts +11 -0
  353. package/components/Text/components/Small/Small.tsx +9 -0
  354. package/components/Text/components/Small/Small.types.ts +3 -0
  355. package/components/Text/components/Small/index.ts +1 -0
  356. package/components/Text/components/Tiny/Tiny.meta.ts +11 -0
  357. package/components/Text/components/Tiny/Tiny.tsx +9 -0
  358. package/components/Text/components/Tiny/Tiny.types.ts +3 -0
  359. package/components/Text/components/Tiny/index.ts +1 -0
  360. package/components/Text/index.ts +2 -0
  361. package/components/Textarea/Textarea.meta.ts +26 -0
  362. package/components/Textarea/Textarea.module.css +52 -0
  363. package/components/Textarea/Textarea.tsx +68 -0
  364. package/components/Textarea/Textarea.types.ts +16 -0
  365. package/components/Textarea/index.ts +1 -0
  366. package/components/Tile/Tile.meta.ts +24 -0
  367. package/components/Tile/Tile.module.css +35 -0
  368. package/components/Tile/Tile.tsx +70 -0
  369. package/components/Tile/Tile.types.ts +16 -0
  370. package/components/Tile/index.ts +1 -0
  371. package/components/Timestamp/Timestamp.meta.ts +22 -0
  372. package/components/Timestamp/Timestamp.tsx +21 -0
  373. package/components/Timestamp/Timestamp.types.ts +6 -0
  374. package/components/Timestamp/index.ts +1 -0
  375. package/components/Toggle/Toggle.meta.ts +40 -0
  376. package/components/Toggle/Toggle.module.css +137 -0
  377. package/components/Toggle/Toggle.tsx +62 -0
  378. package/components/Toggle/Toggle.types.ts +9 -0
  379. package/components/Toggle/index.ts +1 -0
  380. package/components/Tooltip/Tooltip.meta.ts +78 -0
  381. package/components/Tooltip/Tooltip.module.css +63 -0
  382. package/components/Tooltip/Tooltip.tsx +115 -0
  383. package/components/Tooltip/Tooltip.types.ts +31 -0
  384. package/components/Tooltip/Tooltip.utils.ts +14 -0
  385. package/components/Tooltip/components/TooltipContent/TooltipContent.meta.ts +12 -0
  386. package/components/Tooltip/components/TooltipContent/TooltipContent.tsx +27 -0
  387. package/components/Tooltip/components/TooltipContent/TooltipContent.types.ts +3 -0
  388. package/components/Tooltip/components/TooltipContent/index.ts +1 -0
  389. package/components/Tooltip/components/TooltipTrigger/TooltipTrigger.meta.ts +12 -0
  390. package/components/Tooltip/components/TooltipTrigger/TooltipTrigger.tsx +19 -0
  391. package/components/Tooltip/components/TooltipTrigger/TooltipTrigger.types.ts +3 -0
  392. package/components/Tooltip/components/TooltipTrigger/index.ts +1 -0
  393. package/components/Tooltip/index.ts +6 -0
  394. package/components/shared/InputLabel/InputLabel.meta.ts +22 -0
  395. package/components/shared/InputLabel/InputLabel.module.css +14 -0
  396. package/components/shared/InputLabel/InputLabel.tsx +20 -0
  397. package/components/shared/InputLabel/InputLabel.types.ts +6 -0
  398. package/components/shared/InputLabel/index.ts +1 -0
  399. package/components/shared/ResultList/ResultList.meta.ts +20 -0
  400. package/components/shared/ResultList/ResultList.module.css +71 -0
  401. package/components/shared/ResultList/ResultList.tsx +67 -0
  402. package/components/shared/ResultList/ResultList.types.ts +19 -0
  403. package/components/shared/ResultList/index.ts +2 -0
  404. package/constants/animations.ts +5 -0
  405. package/constants/colors.ts +14 -0
  406. package/constants/components.ts +101 -0
  407. package/constants/emphasis.ts +3 -0
  408. package/constants/hooks.ts +1 -0
  409. package/constants/icons.ts +4 -0
  410. package/constants/intentions.ts +28 -0
  411. package/constants/meta.ts +60 -0
  412. package/constants/positions.ts +3 -0
  413. package/constants/scale.ts +5 -0
  414. package/constants/scope.ts +151 -0
  415. package/contexts/LayoutContext/LayoutContext.tsx +93 -0
  416. package/contexts/LayoutContext/LayoutContext.types.ts +11 -0
  417. package/contexts/LayoutContext/index.ts +2 -0
  418. package/globals.d.ts +14 -0
  419. package/hooks/useChatScroll.tsx +98 -0
  420. package/hooks/useDebounce.tsx +19 -0
  421. package/hooks/useIntersection.tsx +19 -0
  422. package/hooks/useInterval.tsx +27 -0
  423. package/hooks/useKeyPress.tsx +33 -0
  424. package/hooks/useLayoutContext.tsx +23 -0
  425. package/hooks/usePrevious.tsx +13 -0
  426. package/hooks/usePrint.tsx +31 -0
  427. package/hooks/useResizeObserver.tsx +38 -0
  428. package/hooks/useTheme.tsx +40 -0
  429. package/index.ts +96 -0
  430. package/package.json +67 -0
  431. package/types/colors.ts +13 -0
  432. package/types/icons.ts +3 -0
  433. package/types/intentions.ts +13 -0
  434. package/types/meta.ts +24 -0
  435. package/types/positions.ts +3 -0
  436. package/types/scale.ts +29 -0
  437. package/types/scope.ts +67 -0
  438. package/types/themes.ts +2 -0
  439. package/types/typography.ts +1 -0
  440. package/utils/colors.ts +11 -0
  441. package/utils/date.ts +54 -0
package/components/Setup/css/core.colors-helpers.css ADDED
@@ -0,0 +1,322 @@
1
+ @layer helios {
2
+ /* colors */
3
+ .ui-gray {
4
+ --bg-active: var(--ui-bg-active-gray);
5
+ --bg-disabled: var(--ui-bg-disabled-gray);
6
+ --bg-hover: var(--ui-bg-hover-gray);
7
+ --bg: var(--ui-bg-gray);
8
+
9
+ --text-disabled: var(--ui-text-disabled-gray);
10
+ --text: var(--ui-text-gray-tone);
11
+
12
+ --border: var(--ui-border-gray);
13
+ --border-hover: var(--ui-border-hover-gray);
14
+ --border-active: var(--ui-border-active-gray);
15
+ --border-focus: var(--ui-border-focus-gray);
16
+ --border-selected: var(--ui-border-selected-gray);
17
+ }
18
+
19
+ .ui-gray-soft {
20
+ --bg-active: var(--ui-bg-soft-active-gray);
21
+ --bg-disabled: var(--ui-bg-soft-disabled-gray);
22
+ --bg-hover: var(--ui-bg-soft-hover-gray);
23
+ --bg: var(--ui-bg-soft-gray);
24
+
25
+ --text-disabled: var(--ui-text-soft-disabled-gray);
26
+ --text: var(--ui-text-soft-gray);
27
+
28
+ --border: var(--ui-border-soft-gray);
29
+ --border-hover: var(--ui-border-soft-hover-gray);
30
+ --border-active: var(--ui-border-soft-active-gray);
31
+ --border-focus: var(--ui-border-focus-gray);
32
+ --border-selected: var(--ui-border-selected-gray);
33
+ }
34
+
35
+ .ui-purple {
36
+ --bg-active: var(--ui-bg-active-purple);
37
+ --bg-disabled: var(--ui-bg-disabled-purple);
38
+ --bg-hover: var(--ui-bg-hover-purple);
39
+ --bg: var(--ui-bg-purple);
40
+
41
+ --text-disabled: var(--ui-text-disabled-purple);
42
+ --text: var(--ui-text-purple-tone);
43
+
44
+ --border: var(--ui-border-purple);
45
+ --border-hover: var(--ui-border-hover-purple);
46
+ --border-active: var(--ui-border-active-purple);
47
+ --border-focus: var(--ui-border-focus-purple);
48
+ --border-selected: var(--ui-border-selected-purple);
49
+ }
50
+
51
+ .ui-purple-soft {
52
+ --bg-active: var(--ui-bg-soft-active-purple);
53
+ --bg-disabled: var(--ui-bg-soft-disabled-purple);
54
+ --bg-hover: var(--ui-bg-soft-hover-purple);
55
+ --bg: var(--ui-bg-soft-purple);
56
+
57
+ --text-disabled: var(--ui-text-soft-disabled-purple);
58
+ --text: var(--ui-text-soft-purple);
59
+
60
+ --border: var(--ui-border-soft-purple);
61
+ --border-hover: var(--ui-border-soft-hover-purple);
62
+ --border-active: var(--ui-border-soft-active-purple);
63
+ --border-focus: var(--ui-border-focus-purple);
64
+ --border-selected: var(--ui-border-selected-purple);
65
+ }
66
+
67
+ .ui-blue {
68
+ --bg-active: var(--ui-bg-active-blue);
69
+ --bg-disabled: var(--ui-bg-disabled-blue);
70
+ --bg-hover: var(--ui-bg-hover-blue);
71
+ --bg: var(--ui-bg-blue);
72
+
73
+ --text-disabled: var(--ui-text-disabled-blue);
74
+ --text: var(--ui-text-blue-tone);
75
+
76
+ --border: var(--ui-border-blue);
77
+ --border-hover: var(--ui-border-hover-blue);
78
+ --border-active: var(--ui-border-active-blue);
79
+ --border-focus: var(--ui-border-focus-blue);
80
+ --border-selected: var(--ui-border-selected-blue);
81
+ }
82
+
83
+ .ui-blue-soft {
84
+ --bg-active: var(--ui-bg-soft-active-blue);
85
+ --bg-disabled: var(--ui-bg-soft-disabled-blue);
86
+ --bg-hover: var(--ui-bg-soft-hover-blue);
87
+ --bg: var(--ui-bg-soft-blue);
88
+
89
+ --text-disabled: var(--ui-text-soft-disabled-blue);
90
+ --text: var(--ui-text-soft-blue);
91
+
92
+ --border: var(--ui-border-soft-blue);
93
+ --border-hover: var(--ui-border-soft-hover-blue);
94
+ --border-active: var(--ui-border-soft-active-blue);
95
+ --border-focus: var(--ui-border-focus-blue);
96
+ --border-selected: var(--ui-border-selected-blue);
97
+ }
98
+
99
+ .ui-aqua {
100
+ --bg-active: var(--ui-bg-active-aqua);
101
+ --bg-disabled: var(--ui-bg-disabled-aqua);
102
+ --bg-hover: var(--ui-bg-hover-aqua);
103
+ --bg: var(--ui-bg-aqua);
104
+
105
+ --text-disabled: var(--ui-text-disabled-aqua);
106
+ --text: var(--ui-text-aqua-tone);
107
+
108
+ --border: var(--ui-border-aqua);
109
+ --border-hover: var(--ui-border-hover-aqua);
110
+ --border-active: var(--ui-border-active-aqua);
111
+ --border-focus: var(--ui-border-focus-aqua);
112
+ --border-selected: var(--ui-border-selected-aqua);
113
+ }
114
+
115
+ .ui-aqua-soft {
116
+ --bg-active: var(--ui-bg-soft-active-aqua);
117
+ --bg-disabled: var(--ui-bg-soft-disabled-aqua);
118
+ --bg-hover: var(--ui-bg-soft-hover-aqua);
119
+ --bg: var(--ui-bg-soft-aqua);
120
+
121
+ --text-disabled: var(--ui-text-soft-disabled-aqua);
122
+ --text: var(--ui-text-soft-aqua);
123
+
124
+ --border: var(--ui-border-soft-aqua);
125
+ --border-hover: var(--ui-border-soft-hover-aqua);
126
+ --border-active: var(--ui-border-soft-active-aqua);
127
+ --border-focus: var(--ui-border-focus-aqua);
128
+ --border-selected: var(--ui-border-selected-aqua);
129
+ }
130
+
131
+ .ui-green {
132
+ --bg-active: var(--ui-bg-active-green);
133
+ --bg-disabled: var(--ui-bg-disabled-green);
134
+ --bg-hover: var(--ui-bg-hover-green);
135
+ --bg: var(--ui-bg-green);
136
+
137
+ --text-disabled: var(--ui-text-disabled-green);
138
+ --text: var(--ui-text-green-tone);
139
+
140
+ --border: var(--ui-border-green);
141
+ --border-hover: var(--ui-border-hover-green);
142
+ --border-active: var(--ui-border-active-green);
143
+ --border-focus: var(--ui-border-focus-green);
144
+ --border-selected: var(--ui-border-selected-green);
145
+ }
146
+
147
+ .ui-green-soft {
148
+ --bg-active: var(--ui-bg-soft-active-green);
149
+ --bg-disabled: var(--ui-bg-soft-disabled-green);
150
+ --bg-hover: var(--ui-bg-soft-hover-green);
151
+ --bg: var(--ui-bg-soft-green);
152
+
153
+ --text-disabled: var(--ui-text-soft-disabled-green);
154
+ --text: var(--ui-text-soft-green);
155
+
156
+ --border: var(--ui-border-soft-green);
157
+ --border-hover: var(--ui-border-soft-hover-green);
158
+ --border-active: var(--ui-border-soft-active-green);
159
+ --border-focus: var(--ui-border-focus-green);
160
+ --border-selected: var(--ui-border-selected-green);
161
+ }
162
+
163
+ .ui-olive {
164
+ --bg-active: var(--ui-bg-active-olive);
165
+ --bg-disabled: var(--ui-bg-disabled-olive);
166
+ --bg-hover: var(--ui-bg-hover-olive);
167
+ --bg: var(--ui-bg-olive);
168
+
169
+ --text-disabled: var(--ui-text-disabled-olive);
170
+ --text: var(--ui-text-olive-tone);
171
+
172
+ --border: var(--ui-border-olive);
173
+ --border-hover: var(--ui-border-hover-olive);
174
+ --border-active: var(--ui-border-active-olive);
175
+ --border-focus: var(--ui-border-focus-olive);
176
+ --border-selected: var(--ui-border-selected-olive);
177
+ }
178
+
179
+ .ui-olive-soft {
180
+ --bg-active: var(--ui-bg-soft-active-olive);
181
+ --bg-disabled: var(--ui-bg-soft-disabled-olive);
182
+ --bg-hover: var(--ui-bg-soft-hover-olive);
183
+ --bg: var(--ui-bg-soft-olive);
184
+
185
+ --text-disabled: var(--ui-text-soft-disabled-olive);
186
+ --text: var(--ui-text-soft-olive);
187
+
188
+ --border: var(--ui-border-soft-olive);
189
+ --border-hover: var(--ui-border-soft-hover-olive);
190
+ --border-active: var(--ui-border-soft-active-olive);
191
+ --border-focus: var(--ui-border-focus-olive);
192
+ --border-selected: var(--ui-border-selected-olive);
193
+ }
194
+
195
+ .ui-yellow {
196
+ --bg-active: var(--ui-bg-active-yellow);
197
+ --bg-disabled: var(--ui-bg-disabled-yellow);
198
+ --bg-hover: var(--ui-bg-hover-yellow);
199
+ --bg: var(--ui-bg-yellow);
200
+
201
+ --text-disabled: var(--ui-text-disabled-yellow);
202
+ --text: var(--ui-text-yellow-tone);
203
+
204
+ --border: var(--ui-border-yellow);
205
+ --border-hover: var(--ui-border-hover-yellow);
206
+ --border-active: var(--ui-border-active-yellow);
207
+ --border-focus: var(--ui-border-focus-yellow);
208
+ --border-selected: var(--ui-border-selected-yellow);
209
+ }
210
+
211
+ .ui-yellow-soft {
212
+ --bg-active: var(--ui-bg-soft-active-yellow);
213
+ --bg-disabled: var(--ui-bg-soft-disabled-yellow);
214
+ --bg-hover: var(--ui-bg-soft-hover-yellow);
215
+ --bg: var(--ui-bg-soft-yellow);
216
+
217
+ --text-disabled: var(--ui-text-soft-disabled-yellow);
218
+ --text: var(--ui-text-soft-yellow);
219
+
220
+ --border: var(--ui-border-soft-yellow);
221
+ --border-hover: var(--ui-border-soft-hover-yellow);
222
+ --border-active: var(--ui-border-soft-active-yellow);
223
+ --border-focus: var(--ui-border-focus-yellow);
224
+ --border-selected: var(--ui-border-selected-yellow);
225
+ }
226
+
227
+ .ui-orange {
228
+ --bg-active: var(--ui-bg-active-orange);
229
+ --bg-disabled: var(--ui-bg-disabled-orange);
230
+ --bg-hover: var(--ui-bg-hover-orange);
231
+ --bg: var(--ui-bg-orange);
232
+
233
+ --text-disabled: var(--ui-text-disabled-orange);
234
+ --text: var(--ui-text-orange-tone);
235
+
236
+ --border: var(--ui-border-orange);
237
+ --border-hover: var(--ui-border-hover-orange);
238
+ --border-active: var(--ui-border-active-orange);
239
+ --border-focus: var(--ui-border-focus-orange);
240
+ --border-selected: var(--ui-border-selected-orange);
241
+ }
242
+
243
+ .ui-orange-soft {
244
+ --bg-active: var(--ui-bg-soft-active-orange);
245
+ --bg-disabled: var(--ui-bg-soft-disabled-orange);
246
+ --bg-hover: var(--ui-bg-soft-hover-orange);
247
+ --bg: var(--ui-bg-soft-orange);
248
+
249
+ --text-disabled: var(--ui-text-soft-disabled-orange);
250
+ --text: var(--ui-text-soft-orange);
251
+
252
+ --border: var(--ui-border-soft-orange);
253
+ --border-hover: var(--ui-border-soft-hover-orange);
254
+ --border-active: var(--ui-border-soft-active-orange);
255
+ --border-focus: var(--ui-border-focus-orange);
256
+ --border-selected: var(--ui-border-selected-orange);
257
+ }
258
+
259
+ .ui-red {
260
+ --bg-active: var(--ui-bg-active-red);
261
+ --bg-disabled: var(--ui-bg-disabled-red);
262
+ --bg-hover: var(--ui-bg-hover-red);
263
+ --bg: var(--ui-bg-red);
264
+
265
+ --text-disabled: var(--ui-text-disabled-red);
266
+ --text: var(--ui-text-red-tone);
267
+
268
+ --border: var(--ui-border-red);
269
+ --border-hover: var(--ui-border-hover-red);
270
+ --border-active: var(--ui-border-active-red);
271
+ --border-focus: var(--ui-border-focus-red);
272
+ --border-selected: var(--ui-border-selected-red);
273
+ }
274
+
275
+ .ui-red-soft {
276
+ --bg-active: var(--ui-bg-soft-active-red);
277
+ --bg-disabled: var(--ui-bg-soft-disabled-red);
278
+ --bg-hover: var(--ui-bg-soft-hover-red);
279
+ --bg: var(--ui-bg-soft-red);
280
+
281
+ --text-disabled: var(--ui-text-soft-disabled-red);
282
+ --text: var(--ui-text-soft-red);
283
+
284
+ --border: var(--ui-border-soft-red);
285
+ --border-hover: var(--ui-border-soft-hover-red);
286
+ --border-active: var(--ui-border-soft-active-red);
287
+ --border-focus: var(--ui-border-focus-red);
288
+ --border-selected: var(--ui-border-selected-red);
289
+ }
290
+
291
+ .ui-pink {
292
+ --bg-active: var(--ui-bg-active-pink);
293
+ --bg-disabled: var(--ui-bg-disabled-pink);
294
+ --bg-hover: var(--ui-bg-hover-pink);
295
+ --bg: var(--ui-bg-pink);
296
+
297
+ --text-disabled: var(--ui-text-disabled-pink);
298
+ --text: var(--ui-text-pink-tone);
299
+
300
+ --border: var(--ui-border-pink);
301
+ --border-hover: var(--ui-border-hover-pink);
302
+ --border-active: var(--ui-border-active-pink);
303
+ --border-focus: var(--ui-border-focus-pink);
304
+ --border-selected: var(--ui-border-selected-pink);
305
+ }
306
+
307
+ .ui-pink-soft {
308
+ --bg-active: var(--ui-bg-soft-active-pink);
309
+ --bg-disabled: var(--ui-bg-soft-disabled-pink);
310
+ --bg-hover: var(--ui-bg-soft-hover-pink);
311
+ --bg: var(--ui-bg-soft-pink);
312
+
313
+ --text-disabled: var(--ui-text-soft-disabled-pink);
314
+ --text: var(--ui-text-soft-pink);
315
+
316
+ --border: var(--ui-border-soft-pink);
317
+ --border-hover: var(--ui-border-soft-hover-pink);
318
+ --border-active: var(--ui-border-soft-active-pink);
319
+ --border-focus: var(--ui-border-focus-pink);
320
+ --border-selected: var(--ui-border-selected-pink);
321
+ }
322
+ }