@newtonschool/grauity 0.0.13 → 0.1.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 (351) hide show
  1. package/README.md +138 -9
  2. package/dist/fonts/grauity-icons.eot +0 -0
  3. package/dist/fonts/grauity-icons.ttf +0 -0
  4. package/dist/fonts/grauity-icons.woff +0 -0
  5. package/dist/fonts/grauity-icons.woff2 +0 -0
  6. package/dist/hooks/index.d.ts +4 -0
  7. package/dist/hooks/index.d.ts.map +1 -0
  8. package/dist/hooks/useClickAway.d.ts +15 -0
  9. package/dist/hooks/useClickAway.d.ts.map +1 -0
  10. package/dist/hooks/useDisableBodyScroll.d.ts +7 -0
  11. package/dist/hooks/useDisableBodyScroll.d.ts.map +1 -0
  12. package/dist/hooks/useKeyboardEvent.d.ts +17 -0
  13. package/dist/hooks/useKeyboardEvent.d.ts.map +1 -0
  14. package/dist/index.d.ts +830 -11
  15. package/dist/index.d.ts.map +1 -1
  16. package/dist/main.cjs +1 -1
  17. package/dist/main.cjs.map +1 -1
  18. package/dist/main.css +10 -1
  19. package/dist/main.css.map +1 -1
  20. package/dist/module.css +10 -1
  21. package/dist/module.css.map +1 -1
  22. package/dist/module.mjs +1 -1
  23. package/dist/module.mjs.map +1 -1
  24. package/dist/stories/atoms/Colors/FoundationColors.stories.d.ts +7 -0
  25. package/dist/stories/atoms/Colors/FoundationColors.stories.d.ts.map +1 -0
  26. package/dist/stories/atoms/Colors/index.stories.d.ts +18 -0
  27. package/dist/stories/atoms/Colors/index.stories.d.ts.map +1 -0
  28. package/dist/stories/atoms/CornerRadius/index.stories.d.ts +7 -0
  29. package/dist/stories/atoms/CornerRadius/index.stories.d.ts.map +1 -0
  30. package/dist/stories/atoms/Spacing/index.stories.d.ts +7 -0
  31. package/dist/stories/atoms/Spacing/index.stories.d.ts.map +1 -0
  32. package/dist/stories/decorators/withEnableBodyScroll.d.ts +8 -0
  33. package/dist/stories/decorators/withEnableBodyScroll.d.ts.map +1 -0
  34. package/dist/stories/decorators/withInlineContainer.d.ts +15 -0
  35. package/dist/stories/decorators/withInlineContainer.d.ts.map +1 -0
  36. package/dist/stories/elements/Alert/Gallery.stories.d.ts +30 -0
  37. package/dist/stories/elements/Alert/Gallery.stories.d.ts.map +1 -0
  38. package/dist/stories/elements/Alert/index.stories.d.ts +30 -0
  39. package/dist/stories/elements/Alert/index.stories.d.ts.map +1 -0
  40. package/dist/stories/elements/AlertBanner/Gallery.stories.d.ts +33 -0
  41. package/dist/stories/elements/AlertBanner/Gallery.stories.d.ts.map +1 -0
  42. package/dist/stories/elements/AlertBanner/index.stories.d.ts +30 -0
  43. package/dist/stories/elements/AlertBanner/index.stories.d.ts.map +1 -0
  44. package/dist/stories/elements/Button/Gallery.stories.d.ts +10 -0
  45. package/dist/stories/elements/Button/Gallery.stories.d.ts.map +1 -0
  46. package/dist/stories/elements/Button/index.stories.d.ts +9 -0
  47. package/dist/stories/elements/Button/index.stories.d.ts.map +1 -0
  48. package/dist/stories/elements/Icon/index.stories.d.ts +14 -0
  49. package/dist/stories/elements/Icon/index.stories.d.ts.map +1 -0
  50. package/dist/stories/elements/IconButton/Gallery.stories.d.ts +10 -0
  51. package/dist/stories/elements/IconButton/Gallery.stories.d.ts.map +1 -0
  52. package/dist/stories/elements/IconButton/index.stories.d.ts +9 -0
  53. package/dist/stories/elements/IconButton/index.stories.d.ts.map +1 -0
  54. package/dist/stories/elements/Modal/ConfirmationDialog.source.d.ts +3 -0
  55. package/dist/stories/elements/Modal/ConfirmationDialog.source.d.ts.map +1 -0
  56. package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts +43 -0
  57. package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts.map +1 -0
  58. package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts +42 -0
  59. package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts.map +1 -0
  60. package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts +46 -0
  61. package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts.map +1 -0
  62. package/dist/stories/elements/Modal/index.stories.d.ts +32 -0
  63. package/dist/stories/elements/Modal/index.stories.d.ts.map +1 -0
  64. package/dist/stories/elements/Modal/multiStepArgs.d.ts +4 -0
  65. package/dist/stories/elements/Modal/multiStepArgs.d.ts.map +1 -0
  66. package/dist/stories/elements/Modal/singleStepArgs.d.ts +4 -0
  67. package/dist/stories/elements/Modal/singleStepArgs.d.ts.map +1 -0
  68. package/dist/stories/elements/Table/Manual.source.d.ts +3 -0
  69. package/dist/stories/elements/Table/Manual.source.d.ts.map +1 -0
  70. package/dist/stories/elements/Table/Manual.stories.d.ts +54 -0
  71. package/dist/stories/elements/Table/Manual.stories.d.ts.map +1 -0
  72. package/dist/stories/elements/Table/ManualColumnNesting.source.d.ts +3 -0
  73. package/dist/stories/elements/Table/ManualColumnNesting.source.d.ts.map +1 -0
  74. package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts +53 -0
  75. package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts.map +1 -0
  76. package/dist/stories/elements/Table/index.stories.d.ts +46 -0
  77. package/dist/stories/elements/Table/index.stories.d.ts.map +1 -0
  78. package/dist/stories/elements/Table/simpleArgs.d.ts +4 -0
  79. package/dist/stories/elements/Table/simpleArgs.d.ts.map +1 -0
  80. package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts +29 -0
  81. package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts.map +1 -0
  82. package/dist/stories/elements/Typography/index.stories.d.ts +28 -0
  83. package/dist/stories/elements/Typography/index.stories.d.ts.map +1 -0
  84. package/dist/stories/helper-components/ColorRenderer/index.d.ts +15 -0
  85. package/dist/stories/helper-components/ColorRenderer/index.d.ts.map +1 -0
  86. package/dist/stories/helper-components/DocPageWithPlayground.d.ts +12 -0
  87. package/dist/stories/helper-components/DocPageWithPlayground.d.ts.map +1 -0
  88. package/dist/stories/helper-components/TokenBlock/index.d.ts +21 -0
  89. package/dist/stories/helper-components/TokenBlock/index.d.ts.map +1 -0
  90. package/dist/stories/helper-components/TokenBlock/index.styles.d.ts +4 -0
  91. package/dist/stories/helper-components/TokenBlock/index.styles.d.ts.map +1 -0
  92. package/dist/stories/utils/index.d.ts +82 -0
  93. package/dist/stories/utils/index.d.ts.map +1 -0
  94. package/dist/ui/core/colors/colorTypes.d.ts +1 -0
  95. package/dist/ui/core/colors/colorTypes.d.ts.map +1 -0
  96. package/dist/ui/core/colors/index.d.ts +1 -0
  97. package/dist/ui/core/colors/index.d.ts.map +1 -0
  98. package/dist/ui/core/icons/iconTags.d.ts.map +1 -0
  99. package/dist/ui/core/icons/iconTypes.d.ts.map +1 -0
  100. package/dist/{core → ui/core}/icons/index.d.ts +1 -1
  101. package/dist/ui/core/icons/index.d.ts.map +1 -0
  102. package/dist/ui/core/index.d.ts +7 -0
  103. package/dist/ui/core/index.d.ts.map +1 -0
  104. package/dist/ui/core/miscellaneous-choices/index.d.ts.map +1 -0
  105. package/dist/ui/core/miscellaneous-choices/miscellaneousTypes.d.ts.map +1 -0
  106. package/dist/ui/core/sizes/index.d.ts.map +1 -0
  107. package/dist/ui/core/sizes/sizeTypes.d.ts +3 -0
  108. package/dist/ui/core/sizes/sizeTypes.d.ts.map +1 -0
  109. package/dist/ui/elements/Alert/Alert.d.ts +8 -0
  110. package/dist/ui/elements/Alert/Alert.d.ts.map +1 -0
  111. package/dist/ui/elements/Alert/Alert.styles.d.ts +7 -0
  112. package/dist/ui/elements/Alert/Alert.styles.d.ts.map +1 -0
  113. package/dist/ui/elements/Alert/Alert.test.d.ts +2 -0
  114. package/dist/ui/elements/Alert/Alert.test.d.ts.map +1 -0
  115. package/dist/ui/elements/Alert/constants.d.ts +140 -0
  116. package/dist/ui/elements/Alert/constants.d.ts.map +1 -0
  117. package/dist/ui/elements/Alert/index.d.ts +7 -0
  118. package/dist/ui/elements/Alert/index.d.ts.map +1 -0
  119. package/dist/ui/elements/Alert/types.d.ts +125 -0
  120. package/dist/ui/elements/Alert/types.d.ts.map +1 -0
  121. package/dist/ui/elements/Alert/utils.d.ts +1 -0
  122. package/dist/ui/elements/Alert/utils.d.ts.map +1 -0
  123. package/dist/ui/elements/AlertBanner/AlertBanner.d.ts +9 -0
  124. package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map +1 -0
  125. package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts +4 -0
  126. package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts.map +1 -0
  127. package/dist/ui/elements/AlertBanner/AlertBanner.test.d.ts +2 -0
  128. package/dist/ui/elements/AlertBanner/AlertBanner.test.d.ts.map +1 -0
  129. package/dist/ui/elements/AlertBanner/constants.d.ts +140 -0
  130. package/dist/ui/elements/AlertBanner/constants.d.ts.map +1 -0
  131. package/dist/ui/elements/AlertBanner/index.d.ts +7 -0
  132. package/dist/ui/elements/AlertBanner/index.d.ts.map +1 -0
  133. package/dist/ui/elements/AlertBanner/types.d.ts +111 -0
  134. package/dist/ui/elements/AlertBanner/types.d.ts.map +1 -0
  135. package/dist/ui/elements/AlertBanner/utils.d.ts +105 -0
  136. package/dist/ui/elements/AlertBanner/utils.d.ts.map +1 -0
  137. package/dist/ui/elements/Button/Button.d.ts +11 -0
  138. package/dist/ui/elements/Button/Button.d.ts.map +1 -0
  139. package/dist/ui/elements/Button/Button.styles.d.ts +4 -0
  140. package/dist/ui/elements/Button/Button.styles.d.ts.map +1 -0
  141. package/dist/ui/elements/Button/Button.test.d.ts +2 -0
  142. package/dist/ui/elements/Button/Button.test.d.ts.map +1 -0
  143. package/dist/ui/elements/Button/ButtonGroup.d.ts +11 -0
  144. package/dist/ui/elements/Button/ButtonGroup.d.ts.map +1 -0
  145. package/dist/ui/elements/Button/ButtonGroup.styles.d.ts +2 -0
  146. package/dist/ui/elements/Button/ButtonGroup.styles.d.ts.map +1 -0
  147. package/dist/ui/elements/Button/IconButton.d.ts +8 -0
  148. package/dist/ui/elements/Button/IconButton.d.ts.map +1 -0
  149. package/dist/ui/elements/Button/IconButton.test.d.ts +2 -0
  150. package/dist/ui/elements/Button/IconButton.test.d.ts.map +1 -0
  151. package/dist/ui/elements/Button/constants.d.ts +54 -0
  152. package/dist/ui/elements/Button/constants.d.ts.map +1 -0
  153. package/dist/ui/elements/Button/index.d.ts +9 -0
  154. package/dist/ui/elements/Button/index.d.ts.map +1 -0
  155. package/dist/ui/elements/Button/types.d.ts +226 -0
  156. package/dist/ui/elements/Button/types.d.ts.map +1 -0
  157. package/dist/ui/elements/Button/utils.d.ts +1 -0
  158. package/dist/ui/elements/Button/utils.d.ts.map +1 -0
  159. package/dist/ui/elements/Icon/Icon.d.ts +48 -0
  160. package/dist/ui/elements/Icon/Icon.d.ts.map +1 -0
  161. package/dist/ui/elements/Icon/Icon.styles.d.ts +5 -0
  162. package/dist/ui/elements/Icon/Icon.styles.d.ts.map +1 -0
  163. package/dist/ui/elements/Icon/index.d.ts +3 -0
  164. package/dist/ui/elements/Icon/index.d.ts.map +1 -0
  165. package/dist/ui/elements/Icon/types.d.ts +74 -0
  166. package/dist/ui/elements/Icon/types.d.ts.map +1 -0
  167. package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts +43 -0
  168. package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts.map +1 -0
  169. package/dist/ui/elements/Modal/ConfirmationDialog/index.test.d.ts +2 -0
  170. package/dist/ui/elements/Modal/ConfirmationDialog/index.test.d.ts.map +1 -0
  171. package/dist/ui/elements/Modal/Modal.d.ts +21 -0
  172. package/dist/ui/elements/Modal/Modal.d.ts.map +1 -0
  173. package/dist/ui/elements/Modal/Modal.styles.d.ts +18 -0
  174. package/dist/ui/elements/Modal/Modal.styles.d.ts.map +1 -0
  175. package/dist/ui/elements/Modal/Modal.test.d.ts +2 -0
  176. package/dist/ui/elements/Modal/Modal.test.d.ts.map +1 -0
  177. package/dist/ui/elements/Modal/MultiStepModal/index.d.ts +46 -0
  178. package/dist/ui/elements/Modal/MultiStepModal/index.d.ts.map +1 -0
  179. package/dist/ui/elements/Modal/MultiStepModal/index.test.d.ts +2 -0
  180. package/dist/ui/elements/Modal/MultiStepModal/index.test.d.ts.map +1 -0
  181. package/dist/ui/elements/Modal/constants.d.ts +1 -0
  182. package/dist/ui/elements/Modal/constants.d.ts.map +1 -0
  183. package/dist/ui/elements/Modal/index.d.ts +5 -0
  184. package/dist/ui/elements/Modal/index.d.ts.map +1 -0
  185. package/dist/ui/elements/Modal/types.d.ts +312 -0
  186. package/dist/ui/elements/Modal/types.d.ts.map +1 -0
  187. package/dist/ui/elements/Modal/utils.d.ts +1 -0
  188. package/dist/ui/elements/Modal/utils.d.ts.map +1 -0
  189. package/dist/ui/elements/Table/Table.d.ts +47 -0
  190. package/dist/ui/elements/Table/Table.d.ts.map +1 -0
  191. package/dist/ui/elements/Table/Table.styles.d.ts +8 -0
  192. package/dist/ui/elements/Table/Table.styles.d.ts.map +1 -0
  193. package/dist/ui/elements/Table/Table.test.d.ts +2 -0
  194. package/dist/ui/elements/Table/Table.test.d.ts.map +1 -0
  195. package/dist/ui/elements/Table/constants.d.ts +1 -0
  196. package/dist/ui/elements/Table/constants.d.ts.map +1 -0
  197. package/dist/ui/elements/Table/index.d.ts +3 -0
  198. package/dist/ui/elements/Table/index.d.ts.map +1 -0
  199. package/dist/ui/elements/Table/types.d.ts +223 -0
  200. package/dist/ui/elements/Table/types.d.ts.map +1 -0
  201. package/dist/ui/elements/Table/utils.d.ts +1 -0
  202. package/dist/ui/elements/Table/utils.d.ts.map +1 -0
  203. package/dist/ui/elements/Typography/Typography.d.ts +36 -0
  204. package/dist/ui/elements/Typography/Typography.d.ts.map +1 -0
  205. package/dist/ui/elements/Typography/Typography.styles.d.ts +6 -0
  206. package/dist/ui/elements/Typography/Typography.styles.d.ts.map +1 -0
  207. package/dist/ui/elements/Typography/constants.d.ts +22 -0
  208. package/dist/ui/elements/Typography/constants.d.ts.map +1 -0
  209. package/dist/ui/elements/Typography/index.d.ts +5 -0
  210. package/dist/ui/elements/Typography/index.d.ts.map +1 -0
  211. package/dist/ui/elements/Typography/types.d.ts +50 -0
  212. package/dist/ui/elements/Typography/types.d.ts.map +1 -0
  213. package/dist/ui/elements/Typography/utils.d.ts +2 -0
  214. package/dist/ui/elements/Typography/utils.d.ts.map +1 -0
  215. package/dist/ui/helpers/classNameBuilders.d.ts.map +1 -0
  216. package/dist/ui/helpers/index.d.ts +3 -0
  217. package/dist/ui/helpers/index.d.ts.map +1 -0
  218. package/dist/ui/index.d.ts +11 -0
  219. package/dist/ui/index.d.ts.map +1 -0
  220. package/dist/{init → ui/init}/GrauityInit.d.ts +15 -3
  221. package/dist/ui/init/GrauityInit.d.ts.map +1 -0
  222. package/dist/ui/init/index.d.ts.map +1 -0
  223. package/dist/ui/themes/GlobalStyle.d.ts +5 -0
  224. package/dist/ui/themes/GlobalStyle.d.ts.map +1 -0
  225. package/dist/ui/themes/ThemeContext.d.ts +24 -0
  226. package/dist/ui/themes/ThemeContext.d.ts.map +1 -0
  227. package/dist/ui/themes/constants.d.ts +6 -0
  228. package/dist/ui/themes/constants.d.ts.map +1 -0
  229. package/dist/ui/themes/darkThemeConstants.d.ts +70 -0
  230. package/dist/ui/themes/darkThemeConstants.d.ts.map +1 -0
  231. package/dist/ui/themes/lightThemeConstants.d.ts +70 -0
  232. package/dist/ui/themes/lightThemeConstants.d.ts.map +1 -0
  233. package/dist/ui/themes/tokens.d.ts +1 -0
  234. package/dist/ui/themes/tokens.d.ts.map +1 -0
  235. package/dist/ui/themes/types.d.ts +73 -0
  236. package/dist/ui/themes/types.d.ts.map +1 -0
  237. package/package.json +53 -28
  238. package/ui/core/colors/colorTypes.ts +2 -20
  239. package/ui/core/colors/index.ts +23 -23
  240. package/ui/core/icons/index.ts +1 -3
  241. package/ui/core/index.ts +7 -10
  242. package/ui/core/sizes/sizeTypes.ts +1 -0
  243. package/ui/css/fonts.scss +0 -8
  244. package/ui/css/index.scss +0 -8
  245. package/ui/css/reset.scss +2 -5
  246. package/ui/elements/Alert/Alert.styles.ts +66 -0
  247. package/ui/elements/Alert/Alert.test.tsx +81 -0
  248. package/ui/elements/Alert/Alert.tsx +153 -0
  249. package/ui/elements/Alert/constants.ts +169 -0
  250. package/ui/elements/Alert/index.ts +6 -0
  251. package/ui/elements/Alert/types.ts +150 -0
  252. package/ui/elements/AlertBanner/AlertBanner.styles.ts +35 -0
  253. package/ui/elements/AlertBanner/AlertBanner.test.tsx +70 -0
  254. package/ui/elements/AlertBanner/AlertBanner.tsx +137 -0
  255. package/ui/elements/AlertBanner/constants.ts +179 -0
  256. package/ui/elements/AlertBanner/index.ts +6 -0
  257. package/ui/elements/AlertBanner/types.ts +133 -0
  258. package/ui/elements/AlertBanner/utils.ts +52 -0
  259. package/ui/elements/Button/Button.styles.ts +88 -0
  260. package/ui/elements/Button/Button.test.tsx +78 -0
  261. package/ui/elements/Button/Button.tsx +134 -0
  262. package/ui/elements/Button/ButtonGroup.styles.ts +7 -0
  263. package/ui/elements/Button/ButtonGroup.tsx +21 -0
  264. package/ui/elements/Button/IconButton.test.tsx +39 -0
  265. package/ui/elements/Button/IconButton.tsx +118 -0
  266. package/ui/elements/Button/constants.ts +304 -0
  267. package/ui/elements/Button/index.ts +8 -0
  268. package/ui/elements/Button/types.ts +282 -0
  269. package/ui/elements/Button/utils.ts +0 -0
  270. package/ui/elements/Icon/Icon.styles.ts +98 -0
  271. package/ui/elements/Icon/Icon.tsx +17 -107
  272. package/ui/elements/Icon/index.ts +1 -2
  273. package/ui/elements/Icon/types.ts +96 -0
  274. package/ui/elements/Modal/ConfirmationDialog/index.test.tsx +116 -0
  275. package/ui/elements/Modal/ConfirmationDialog/index.tsx +151 -0
  276. package/ui/elements/Modal/Modal.styles.ts +230 -0
  277. package/ui/elements/Modal/Modal.test.tsx +117 -0
  278. package/ui/elements/Modal/Modal.tsx +179 -0
  279. package/ui/elements/Modal/MultiStepModal/index.test.tsx +116 -0
  280. package/ui/elements/Modal/MultiStepModal/index.tsx +184 -0
  281. package/ui/elements/Modal/constants.ts +0 -0
  282. package/ui/elements/Modal/index.ts +4 -0
  283. package/ui/elements/Modal/types.ts +379 -0
  284. package/ui/elements/Modal/utils.tsx +0 -0
  285. package/ui/elements/Table/Table.styles.ts +178 -0
  286. package/ui/elements/Table/Table.test.tsx +72 -0
  287. package/ui/elements/Table/Table.tsx +118 -0
  288. package/ui/elements/Table/constants.ts +0 -0
  289. package/ui/elements/Table/index.ts +2 -0
  290. package/ui/elements/Table/types.ts +270 -0
  291. package/ui/elements/Table/utils.ts +0 -0
  292. package/ui/elements/Typography/Typography.styles.ts +29 -0
  293. package/ui/elements/Typography/Typography.tsx +70 -0
  294. package/ui/elements/Typography/constants.ts +292 -0
  295. package/ui/elements/Typography/index.ts +9 -0
  296. package/ui/elements/Typography/types.ts +116 -0
  297. package/ui/elements/Typography/utils.ts +11 -0
  298. package/ui/fonts/grauity-icons.eot +0 -0
  299. package/ui/fonts/grauity-icons.ttf +0 -0
  300. package/ui/fonts/grauity-icons.woff +0 -0
  301. package/ui/fonts/grauity-icons.woff2 +0 -0
  302. package/ui/helpers/index.ts +1 -7
  303. package/ui/index.ts +42 -3
  304. package/ui/init/GrauityInit.tsx +30 -7
  305. package/ui/init/index.ts +0 -1
  306. package/ui/themes/GlobalStyle.ts +273 -0
  307. package/ui/themes/ThemeContext.tsx +140 -0
  308. package/ui/themes/constants.ts +8 -0
  309. package/ui/themes/darkThemeConstants.ts +73 -0
  310. package/ui/themes/lightThemeConstants.ts +73 -0
  311. package/ui/themes/tokens.ts +0 -0
  312. package/ui/themes/types.ts +77 -0
  313. package/dist/core/colors/colorTypes.d.ts +0 -3
  314. package/dist/core/colors/colorTypes.d.ts.map +0 -1
  315. package/dist/core/colors/index.d.ts +0 -14
  316. package/dist/core/colors/index.d.ts.map +0 -1
  317. package/dist/core/icons/iconTags.d.ts.map +0 -1
  318. package/dist/core/icons/iconTypes.d.ts.map +0 -1
  319. package/dist/core/icons/index.d.ts.map +0 -1
  320. package/dist/core/index.d.ts +0 -9
  321. package/dist/core/index.d.ts.map +0 -1
  322. package/dist/core/miscellaneous-choices/index.d.ts.map +0 -1
  323. package/dist/core/miscellaneous-choices/miscellaneousTypes.d.ts.map +0 -1
  324. package/dist/core/sizes/index.d.ts.map +0 -1
  325. package/dist/core/sizes/sizeTypes.d.ts +0 -3
  326. package/dist/core/sizes/sizeTypes.d.ts.map +0 -1
  327. package/dist/elements/Icon/Icon.d.ts +0 -115
  328. package/dist/elements/Icon/Icon.d.ts.map +0 -1
  329. package/dist/elements/Icon/index.d.ts +0 -3
  330. package/dist/elements/Icon/index.d.ts.map +0 -1
  331. package/dist/elements/index.d.ts +0 -3
  332. package/dist/elements/index.d.ts.map +0 -1
  333. package/dist/helpers/classNameBuilders.d.ts.map +0 -1
  334. package/dist/helpers/getElementTypeFromProps.d.ts +0 -14
  335. package/dist/helpers/getElementTypeFromProps.d.ts.map +0 -1
  336. package/dist/helpers/index.d.ts +0 -4
  337. package/dist/helpers/index.d.ts.map +0 -1
  338. package/dist/init/GrauityInit.d.ts.map +0 -1
  339. package/dist/init/index.d.ts.map +0 -1
  340. package/ui/css/colors.scss +0 -131
  341. package/ui/css/icons.scss +0 -92
  342. package/ui/elements/index.ts +0 -2
  343. package/ui/helpers/getElementTypeFromProps.ts +0 -32
  344. /package/dist/{core → ui/core}/icons/iconTags.d.ts +0 -0
  345. /package/dist/{core → ui/core}/icons/iconTypes.d.ts +0 -0
  346. /package/dist/{core → ui/core}/miscellaneous-choices/index.d.ts +0 -0
  347. /package/dist/{core → ui/core}/miscellaneous-choices/miscellaneousTypes.d.ts +0 -0
  348. /package/dist/{core → ui/core}/sizes/index.d.ts +0 -0
  349. /package/dist/{helpers → ui/helpers}/classNameBuilders.d.ts +0 -0
  350. /package/dist/{init → ui/init}/index.d.ts +0 -0
  351. /package/ui/{css/sizes.scss → elements/Alert/utils.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU;4EAQb,eAAe;;;;;;;;;;;;;;;;;;;CAiBjB,CAAC;AAsBF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { StyledTypographyInterface } from './types';
2
+ export declare const StyledTypography: import("styled-components").StyledComponent<string, any, {
3
+ as: import("./types").TypographyAsType;
4
+ } & StyledTypographyInterface, "as">;
5
+ export default StyledTypography;
6
+ //# sourceMappingURL=Typography.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/Typography.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAGpD,eAAO,MAAM,gBAAgB;;oCAqB5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { TypographyAsType, TypographyVariantType } from './types';
2
+ export declare const TYPOGRAPHY_VARIANTS_ENUM: {
3
+ [x: string]: TypographyVariantType;
4
+ };
5
+ export declare const TYPOGRAPHY_VARIANTS: readonly TypographyVariantType[];
6
+ export declare const TYPOGRAPHY_AS_ENUM: {
7
+ [x: string]: TypographyAsType;
8
+ };
9
+ export declare const TYPOGRAPHY_AS_LIST: readonly TypographyAsType[];
10
+ /**
11
+ * Mapping of Typography `variant` to CSS styles.
12
+ */
13
+ export declare const TYPOGRAPHY_VARIANT_STYLES_MAPPING: {
14
+ [x: string]: string;
15
+ };
16
+ /**
17
+ * Mapping of typography `variant` to `as` type, will be useful when Typography `as` is set to `auto`.
18
+ */
19
+ export declare const TYPOGRAPHY_VARIANT_AS_MAPPING: {
20
+ [x: string]: TypographyAsType;
21
+ };
22
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,wBAAwB,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAA;CAsCtE,CAAC;AAEN,eAAO,MAAM,mBAAmB,kCAE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAc/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,6BAE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC;;CA+K7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B;;CA0CzC,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { TYPOGRAPHY_AS_ENUM, TYPOGRAPHY_AS_LIST, TYPOGRAPHY_VARIANTS, TYPOGRAPHY_VARIANTS_ENUM, } from './constants';
2
+ export { TYPOGRAPHY_VARIANT_AS_MAPPING } from './constants';
3
+ export type { TypographyProps } from './types';
4
+ export { default } from './Typography';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GAC3B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+ export type TypographyAsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label' | 'caption' | 'code' | 'auto';
3
+ export type TypographyVariantType = 'heading-semibold-h40' | 'heading-semibold-h36' | 'heading-semibold-h28' | 'heading-semibold-h24' | 'heading-semibold-h20' | 'heading-semibold-h16' | 'paragraph-semibold-body1' | 'paragraph-semibold-body2' | 'paragraph-semibold-body3' | 'paragraph-semibold-body4' | 'paragraph-semibold-label' | 'paragraph-semibold-label2' | 'paragraph-semibold-callout' | 'paragraph-medium-body1' | 'paragraph-medium-body2' | 'paragraph-medium-body3' | 'paragraph-medium-body4' | 'paragraph-medium-label' | 'paragraph-medium-label2' | 'paragraph-medium-callout' | 'paragraph-medium-code' | 'heading-semibold-overline1' | 'heading-semibold-overline2' | 'action-semibold-primary' | 'action-semibold-link' | 'blog-semibold-title' | 'blog-medium-regular' | 'blog-medium-bold' | 'blog-medium-italic';
4
+ export interface StyledTypographyInterface {
5
+ variant?: TypographyVariantType;
6
+ as?: TypographyAsType;
7
+ color?: string;
8
+ textAlign?: string;
9
+ textTransform?: string;
10
+ fontSize?: string;
11
+ children: React.ReactNode;
12
+ }
13
+ export interface TypographyProps {
14
+ /**
15
+ * Variant of the Typography element
16
+ *
17
+ * Available choices:
18
+ *
19
+ * Default: `paragraph-medium-body1`
20
+ * */
21
+ variant?: TypographyVariantType;
22
+ /**
23
+ * Color of the Typography element
24
+ * */
25
+ color?: string;
26
+ /**
27
+ * Determines the type of the element rendered
28
+ * Available choices:
29
+ *
30
+ * Default: `p`
31
+ * */
32
+ as?: TypographyAsType;
33
+ /**
34
+ * Text alignment of the Typography element
35
+ * */
36
+ textAlign?: string;
37
+ /**
38
+ * Text transformation of the Typography element
39
+ * */
40
+ textTransform?: string;
41
+ /**
42
+ * Font size of the Typography element
43
+ * */
44
+ fontSize?: string;
45
+ /**
46
+ * Children of the component
47
+ * */
48
+ children: React.ReactNode;
49
+ }
50
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,gBAAgB,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAE3B,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GAGtB,0BAA0B,GAC1B,0BAA0B,GAC1B,0BAA0B,GAC1B,0BAA0B,GAC1B,0BAA0B,GAC1B,2BAA2B,GAC3B,4BAA4B,GAG5B,wBAAwB,GACxB,wBAAwB,GACxB,wBAAwB,GACxB,wBAAwB,GAGxB,wBAAwB,GACxB,yBAAyB,GACzB,0BAA0B,GAG1B,uBAAuB,GAGvB,4BAA4B,GAC5B,4BAA4B,GAG5B,yBAAyB,GACzB,sBAAsB,GAGtB,qBAAqB,GACrB,qBAAqB,GACrB,kBAAkB,GAClB,oBAAoB,CAAC;AAE3B,MAAM,WAAW,yBAAyB;IACtC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,EAAE,CAAC,EAAE,gBAAgB,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC5B;;;;;;SAMK;IACL,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAEhC;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;SAKK;IACL,EAAE,CAAC,EAAE,gBAAgB,CAAC;IAEtB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;SAEK;IACL,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}
@@ -0,0 +1,2 @@
1
+ export declare const getTypographyVariantStyles: (variant: string) => string;
2
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Typography/utils.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,0BAA0B,YAAa,MAAM,WAKjD,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"classNameBuilders.d.ts","sourceRoot":"","sources":["../../../ui/helpers/classNameBuilders.ts"],"names":[],"mappings":"AAUA;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,QAAS,GAAG,OAAO,MAAM,WAAe,CAAC;AAEhE;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,QAAS,GAAG,OAAO,MAAM,WACV,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,QAAS,GAAG,OAAO,MAAM,WACR,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { useKeyOnly, useKeyOrValueAndKey, useValueAndKey } from './classNameBuilders';
2
+ export { useKeyOnly, useKeyOrValueAndKey, useValueAndKey };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,EACV,mBAAmB,EACnB,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import './css/index.scss';
2
+ export { ICON_TAGS, TAG_ICONS } from './core';
3
+ export type { GrauityInitProps } from './init';
4
+ export { GrauityInit } from './init';
5
+ export { ThemeConsumer, ThemeContext, ThemeWrapper, } from './themes/ThemeContext';
6
+ export { Icon, type IconProps } from './elements/Icon';
7
+ export { BUTTON_ICON_POSITIONS_ENUM, BUTTON_SIZES_ENUM, BUTTON_VARIANTS, BUTTON_VARIANTS_ENUM, type ButtonProps, default as NSButton, ButtonGroup as NSButtonGroup, } from './elements/Button';
8
+ export { default as NSTypography, TYPOGRAPHY_AS_ENUM, TYPOGRAPHY_AS_LIST, TYPOGRAPHY_VARIANTS, TYPOGRAPHY_VARIANTS_ENUM, type TypographyProps, } from './elements/Typography';
9
+ export { default as NSTable, type TableProps } from './elements/Table';
10
+ export { type ConfirmationDialogProps, type ModalProps, ConfirmationDialog as NSConfirmationDialog, default as NSModal, MultiStepModal as NSMultiStepModal, } from './elements/Modal';
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,EACH,aAAa,EACb,YAAY,EACZ,YAAY,GACf,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAO,EACH,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,KAAK,WAAW,EAChB,OAAO,IAAI,QAAQ,EACnB,WAAW,IAAI,aAAa,GAC/B,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACH,OAAO,IAAI,YAAY,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,eAAe,GACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EACH,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,kBAAkB,IAAI,oBAAoB,EAC1C,OAAO,IAAI,OAAO,EAClB,cAAc,IAAI,gBAAgB,GACrC,MAAM,kBAAkB,CAAC"}
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
1
  import PropTypes from 'prop-types';
2
+ import * as React from 'react';
3
3
  export interface GrauityInitProps {
4
4
  /**
5
5
  * An element type to render as (string or function).
@@ -8,32 +8,44 @@ export interface GrauityInitProps {
8
8
  /**
9
9
  * The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.
10
10
  * */
11
- fontSize: string;
11
+ fontSize?: string;
12
12
  /**
13
13
  * The multiplier is multiplied will all the `ems` of the grauity components.
14
14
  * */
15
15
  multiplier?: number;
16
+ /**
17
+ * Additional classes to be added to the component
18
+ * */
19
+ className?: string;
16
20
  /**
17
21
  * The children to be rendered inside this component.
18
22
  * */
19
23
  children?: React.ReactNode;
24
+ /**
25
+ * Additional styles to be added to the component
26
+ * */
27
+ style?: object;
20
28
  }
21
29
  /**
22
30
  * This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.
23
31
  * But nonetheless all the grauity components should be the children of this component.
24
32
  * */
25
- declare function GrauityInit({ as, fontSize, multiplier, children }: GrauityInitProps): JSX.Element;
33
+ declare function GrauityInit({ as, fontSize, multiplier, className, style, children, }: GrauityInitProps): JSX.Element;
26
34
  declare namespace GrauityInit {
27
35
  var propTypes: {
28
36
  as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
29
37
  fontSize: PropTypes.Requireable<string>;
30
38
  multiplier: PropTypes.Requireable<number>;
39
+ className: PropTypes.Requireable<string>;
40
+ style: PropTypes.Requireable<object>;
31
41
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
32
42
  };
33
43
  var defaultProps: {
34
44
  as: string;
35
45
  fontSize: string;
36
46
  multiplier: number;
47
+ className: string;
48
+ style: {};
37
49
  children: any;
38
50
  };
39
51
  }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GrauityInit.d.ts","sourceRoot":"","sources":["../../../ui/init/GrauityInit.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC7B;;SAEK;IACL,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC;IAEtB;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;KAGK;AACL,iBAAS,WAAW,CAAC,EACjB,EAAE,EACF,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,GACX,EAAE,gBAAgB,eAiBlB;kBAxBQ,WAAW;;;;;;;;;;;;;;;;;;AA4CpB,eAAe,WAAW,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/init/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { CustomGlobalStyleInterface } from './types';
2
+ export declare const constantGlobalStyle = "\n --neutral-0: #FFFFFF;\n --neutral-100: #F6F7F9;\n --neutral-200: #EDEFF3;\n --neutral-300: #E1E5EA;\n --neutral-400: #C9CFD9;\n --neutral-500: #B2B9C7;\n --neutral-600: #8C95A6;\n --neutral-700: #5B6271;\n --neutral-750: #30363D;\n --neutral-800: #23282F;\n --neutral-900: #16191D;\n --neutral-1000: #0B0C0E;\n\n --brand-0: #E5F1FF;\n --brand-100: #C2DDFF;\n --brand-200: #94C4FF;\n --brand-300: #61A8FF;\n --brand-400: #2989FF;\n --brand-500: #0673F9;\n --brand-600: #005ED1;\n --brand-700: #004599;\n --brand-800: #003270;\n --brand-900: #002452;\n\n --error-0: #FFE5E7;\n --error-100: #FBBBBF;\n --error-200: #FA9499;\n --error-300: #F8636B;\n --error-400: #EE3F44;\n --error-500: #D22D3A;\n --error-600: #A01B22;\n --error-700: #7E1219;\n --error-800: #63080D;\n --error-900: #4A040A;\n\n --success-0: #D9FCED;\n --success-100: #ACF7D3;\n --success-200: #7EE7B8;\n --success-300: #50CE99;\n --success-400: #13B97C;\n --success-500: #009965;\n --success-600: #007A51;\n --success-700: #005C3D;\n --success-800: #003D29;\n --success-900: #002D1E;\n\n --warning-0: #FFF1E5;\n --warning-100: #FFD2BA;\n --warning-200: #FFB286;\n --warning-300: #FD9254;\n --warning-400: #F37216;\n --warning-500: #DE5A02;\n --warning-600: #A83E00;\n --warning-700: #802D00;\n --warning-800: #5C1F00;\n --warning-900: #441704;\n\n --yellow-0: #FFF3D6;\n --yellow-100: #FFE4AD;\n --yellow-200: #FFD580;\n --yellow-300: #FEC553;\n --yellow-400: #FEB000;\n --yellow-500: #F59700;\n --yellow-600: #D17300;\n --yellow-700: #944500;\n --yellow-800: #5C2900;\n --yellow-900: #3D1A00;\n\n --purple-0: #F5E5FF;\n --purple-100: #E1D1FF;\n --purple-200: #CEBCFE;\n --purple-300: #B49DFE;\n --purple-400: #967CFD;\n --purple-500: #7B55EE;\n --purple-600: #6138D3;\n --purple-700: #46279B;\n --purple-800: #331D72;\n --purple-900: #221056;\n\n --alpha-20: rgba(255, 255, 255, 0.20);\n --alpha-12: rgba(255, 255, 255, 0.12);\n --alpha-80: rgba(255, 255, 255, 0.80);\n --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n --spacing-0px: 0px;\n --spacing-1px: 1px;\n --spacing-2px: 2px;\n --spacing-3px: 3px;\n --spacing-4px: 4px;\n --spacing-5px: 5px;\n --spacing-6px: 6px;\n --spacing-7px: 7px;\n --spacing-8px: 8px;\n --spacing-9px: 9px;\n --spacing-10px: 10px;\n --spacing-12px: 12px;\n --spacing-14px: 14px;\n --spacing-16px: 16px;\n --spacing-18px: 18px;\n --spacing-20px: 20px;\n --spacing-24px: 24px;\n --spacing-28px: 28px;\n --spacing-32px: 32px;\n --spacing-36px: 36px;\n --spacing-40px: 40px;\n --spacing-48px: 48px;\n --spacing-56px: 56px;\n --spacing-64px: 64px;\n --spacing-72px: 72px;\n --spacing-80px: 80px;\n --spacing-128px: 128px;\n --spacing-160px: 160px;\n\n --corner-radius-0px: 0px;\n --corner-radius-2px: 2px;\n --corner-radius-4px: 4px;\n --corner-radius-8px: 8px;\n --corner-radius-12px: 12px;\n --corner-radius-16px: 16px;\n --corner-radius-20px: 20px;\n --corner-radius-24px: 24px;\n --corner-radius-32px: 32px;\n --corner-radius-40px: 40px;\n --corner-radius-50percent: 50%;\n --corner-radius-100percent: 100%;\n\n --font-size-2px: 2px;\n --font-size-4px: 4px;\n --font-size-6px: 6px;\n --font-size-8px: 8px;\n --font-size-10px: 10px;\n --font-size-11px: 11px;\n --font-size-12px: 12px;\n --font-size-14px: 14px;\n --font-size-16px: 16px;\n --font-size-18px: 18px;\n --font-size-20px: 20px;\n --font-size-24px: 24px;\n --font-size-28px: 28px;\n --font-size-32px: 32px;\n --font-size-36px: 36px;\n --font-size-40px: 40px;\n --font-size-48px: 48px;\n --font-size-56px: 56px;\n --font-size-64px: 64px;\n --font-size-72px: 72px;\n --font-size-80px: 80px;\n --font-size-96px: 96px;\n\n --font-weight-100: 100;\n --font-weight-200: 200;\n --font-weight-300: 300;\n --font-weight-400: 400;\n --font-weight-450: 450;\n --font-weight-500: 500;\n --font-weight-550: 550;\n --font-weight-600: 600;\n --font-weight-650: 650;\n --font-weight-700: 700;\n --font-weight-800: 800;\n --font-weight-900: 900;\n\n --font-weight-medium: var(--font-weight-500);\n --font-weight-semibold: var(--font-weight-600);\n --font-weight-bold: var(--font-weight-700);\n\n --backdrop-blur-0: blur(0px);\n --backdrop-blur-4px: blur(4px);\n --backdrop-blur-8px: blur(8px);\n --backdrop-blur-12px: blur(12px);\n --backdrop-blur-16px: blur(16px);\n --backdrop-blur-20px: blur(20px);\n\n --backdrop-blur: var(--backdrop-blur-8px);\n";
3
+ declare const GlobalStyle: import("styled-components").GlobalStyleComponent<CustomGlobalStyleInterface, import("styled-components").DefaultTheme>;
4
+ export default GlobalStyle;
5
+ //# sourceMappingURL=GlobalStyle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../ui/themes/GlobalStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,mBAAmB,yqJA+K/B,CAAC;AAEF,QAAA,MAAM,WAAW,wHAyFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,24 @@
1
+ import PropTypes from 'prop-types';
2
+ import React from 'react';
3
+ import { ThemeType } from './types';
4
+ declare const ThemeContext: React.Context<any>;
5
+ interface ThemeWrapperProps {
6
+ children: React.ReactNode;
7
+ defaultTheme?: ThemeType;
8
+ usePreferredColorScheme?: boolean;
9
+ }
10
+ declare const ThemeWrapper: {
11
+ ({ children, defaultTheme, usePreferredColorScheme, }: ThemeWrapperProps): JSX.Element;
12
+ propTypes: {
13
+ children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
14
+ defaultTheme: PropTypes.Requireable<ThemeType>;
15
+ usePreferredColorScheme: PropTypes.Requireable<boolean>;
16
+ };
17
+ defaultProps: {
18
+ defaultTheme: ThemeType;
19
+ usePreferredColorScheme: boolean;
20
+ };
21
+ };
22
+ declare const ThemeConsumer: React.Consumer<any>;
23
+ export { ThemeConsumer, ThemeContext, ThemeWrapper };
24
+ //# sourceMappingURL=ThemeContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../ui/themes/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,YAAY,oBAAsB,CAAC;AAEzC,UAAU,iBAAiB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,YAAY;2DAIf,iBAAiB;;;;;;;;;;CAgGnB,CAAC;AAaF,QAAA,MAAM,aAAa,qBAAwB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { ThemeType } from './types';
2
+ declare const THEMES: {
3
+ [x: string]: ThemeType;
4
+ };
5
+ export default THEMES;
6
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../ui/themes/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,MAAM,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAGrC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,70 @@
1
+ declare const DARK_THEME_CONFIG: {
2
+ colors: {
3
+ text: {
4
+ textPrimary: string;
5
+ textSecondary: string;
6
+ textDisabled: string;
7
+ textAction: string;
8
+ textAction2: string;
9
+ textBrand: string;
10
+ textSuccess: string;
11
+ textError: string;
12
+ textWarning: string;
13
+ textYellow: string;
14
+ textPurple: string;
15
+ };
16
+ background: {
17
+ bgPrimary: string;
18
+ bgSecondary: string;
19
+ bgTertiary: string;
20
+ bgBrand: string;
21
+ bgSuccess: string;
22
+ bgError: string;
23
+ bgWarning: string;
24
+ bgYellow: string;
25
+ bgPurple: string;
26
+ bgDisabled: string;
27
+ bgActionBrand: string;
28
+ bgActionSuccess: string;
29
+ bgActionError: string;
30
+ bgActionWarning: string;
31
+ bgActionYellow: string;
32
+ bgActionPurple: string;
33
+ bgInvertPrimary: string;
34
+ bgInvertSecondary: string;
35
+ bgInvertTertiary: string;
36
+ bgPrimaryHover: string;
37
+ bgInvertPrimaryHover: string;
38
+ bgActionBrandHover: string;
39
+ bgActionSuccessHover: string;
40
+ bgActionErrorHover: string;
41
+ bgActionWarningHover: string;
42
+ bgActionYellowHover: string;
43
+ };
44
+ border: {
45
+ border: string;
46
+ borderBrand: string;
47
+ borderSuccess: string;
48
+ borderError: string;
49
+ borderWarning: string;
50
+ borderYellow: string;
51
+ borderPurple: string;
52
+ borderNeutral: string;
53
+ };
54
+ alpha: {
55
+ alphaHover: string;
56
+ alphaPressed: string;
57
+ alphaOverlay: string;
58
+ };
59
+ };
60
+ visibility: {
61
+ lightVisible: string;
62
+ darkVisible: string;
63
+ };
64
+ font: {
65
+ fontFamily: string;
66
+ fontFamilyCode: string;
67
+ };
68
+ };
69
+ export default DARK_THEME_CONFIG;
70
+ //# sourceMappingURL=darkThemeConstants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"darkThemeConstants.d.ts","sourceRoot":"","sources":["../../../ui/themes/darkThemeConstants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -0,0 +1,70 @@
1
+ declare const LIGHT_THEME_CONFIG: {
2
+ colors: {
3
+ text: {
4
+ textPrimary: string;
5
+ textSecondary: string;
6
+ textDisabled: string;
7
+ textAction: string;
8
+ textAction2: string;
9
+ textBrand: string;
10
+ textSuccess: string;
11
+ textError: string;
12
+ textWarning: string;
13
+ textYellow: string;
14
+ textPurple: string;
15
+ };
16
+ background: {
17
+ bgPrimary: string;
18
+ bgSecondary: string;
19
+ bgTertiary: string;
20
+ bgBrand: string;
21
+ bgSuccess: string;
22
+ bgError: string;
23
+ bgWarning: string;
24
+ bgYellow: string;
25
+ bgPurple: string;
26
+ bgDisabled: string;
27
+ bgActionBrand: string;
28
+ bgActionSuccess: string;
29
+ bgActionError: string;
30
+ bgActionWarning: string;
31
+ bgActionYellow: string;
32
+ bgActionPurple: string;
33
+ bgInvertPrimary: string;
34
+ bgInvertSecondary: string;
35
+ bgInvertTertiary: string;
36
+ bgPrimaryHover: string;
37
+ bgInvertPrimaryHover: string;
38
+ bgActionBrandHover: string;
39
+ bgActionSuccessHover: string;
40
+ bgActionErrorHover: string;
41
+ bgActionWarningHover: string;
42
+ bgActionYellowHover: string;
43
+ };
44
+ border: {
45
+ border: string;
46
+ borderBrand: string;
47
+ borderSuccess: string;
48
+ borderError: string;
49
+ borderWarning: string;
50
+ borderYellow: string;
51
+ borderPurple: string;
52
+ borderNeutral: string;
53
+ };
54
+ alpha: {
55
+ alphaHover: string;
56
+ alphaPressed: string;
57
+ alphaOverlay: string;
58
+ };
59
+ };
60
+ visibility: {
61
+ lightVisible: string;
62
+ darkVisible: string;
63
+ };
64
+ font: {
65
+ fontFamily: string;
66
+ fontFamilyCode: string;
67
+ };
68
+ };
69
+ export default LIGHT_THEME_CONFIG;
70
+ //# sourceMappingURL=lightThemeConstants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lightThemeConstants.d.ts","sourceRoot":"","sources":["../../../ui/themes/lightThemeConstants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../ui/themes/tokens.ts"],"names":[],"mappings":""}
@@ -0,0 +1,73 @@
1
+ import { DefaultTheme } from 'styled-components';
2
+ export type ThemeType = 'light' | 'dark';
3
+ export interface CustomGlobalStyleInterface extends DefaultTheme {
4
+ theme: {
5
+ colors: {
6
+ text: {
7
+ textPrimary: string;
8
+ textSecondary: string;
9
+ textDisabled: string;
10
+ textAction: string;
11
+ textAction2: string;
12
+ textBrand: string;
13
+ textSuccess: string;
14
+ textError: string;
15
+ textWarning: string;
16
+ textYellow: string;
17
+ textPurple: string;
18
+ };
19
+ background: {
20
+ bgPrimary: string;
21
+ bgSecondary: string;
22
+ bgTertiary: string;
23
+ bgBrand: string;
24
+ bgSuccess: string;
25
+ bgError: string;
26
+ bgWarning: string;
27
+ bgYellow: string;
28
+ bgPurple: string;
29
+ bgDisabled: string;
30
+ bgActionBrand: string;
31
+ bgActionSuccess: string;
32
+ bgActionError: string;
33
+ bgActionWarning: string;
34
+ bgActionYellow: string;
35
+ bgActionPurple: string;
36
+ bgInvertPrimary: string;
37
+ bgInvertSecondary: string;
38
+ bgInvertTertiary: string;
39
+ bgPrimaryHover: string;
40
+ bgInvertPrimaryHover: string;
41
+ bgActionBrandHover: string;
42
+ bgActionSuccessHover: string;
43
+ bgActionErrorHover: string;
44
+ bgActionWarningHover: string;
45
+ bgActionYellowHover: string;
46
+ };
47
+ alpha: {
48
+ alphaHover: string;
49
+ alphaPressed: string;
50
+ alphaOverlay: string;
51
+ };
52
+ border: {
53
+ border: string;
54
+ borderBrand: string;
55
+ borderSuccess: string;
56
+ borderError: string;
57
+ borderWarning: string;
58
+ borderYellow: string;
59
+ borderPurple: string;
60
+ borderNeutral: string;
61
+ };
62
+ };
63
+ visibility: {
64
+ lightVisible: string;
65
+ darkVisible: string;
66
+ };
67
+ font: {
68
+ fontFamily: string;
69
+ fontFamilyCode: string;
70
+ };
71
+ };
72
+ }
73
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../ui/themes/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC5D,KAAK,EAAE;QACH,MAAM,EAAE;YACJ,IAAI,EAAE;gBACF,WAAW,EAAE,MAAM,CAAC;gBACpB,aAAa,EAAE,MAAM,CAAC;gBACtB,YAAY,EAAE,MAAM,CAAC;gBACrB,UAAU,EAAE,MAAM,CAAC;gBACnB,WAAW,EAAE,MAAM,CAAC;gBACpB,SAAS,EAAE,MAAM,CAAC;gBAClB,WAAW,EAAE,MAAM,CAAC;gBACpB,SAAS,EAAE,MAAM,CAAC;gBAClB,WAAW,EAAE,MAAM,CAAC;gBACpB,UAAU,EAAE,MAAM,CAAC;gBACnB,UAAU,EAAE,MAAM,CAAC;aACtB,CAAC;YACF,UAAU,EAAE;gBACR,SAAS,EAAE,MAAM,CAAC;gBAClB,WAAW,EAAE,MAAM,CAAC;gBACpB,UAAU,EAAE,MAAM,CAAC;gBACnB,OAAO,EAAE,MAAM,CAAC;gBAChB,SAAS,EAAE,MAAM,CAAC;gBAClB,OAAO,EAAE,MAAM,CAAC;gBAChB,SAAS,EAAE,MAAM,CAAC;gBAClB,QAAQ,EAAE,MAAM,CAAC;gBACjB,QAAQ,EAAE,MAAM,CAAC;gBACjB,UAAU,EAAE,MAAM,CAAC;gBAEnB,aAAa,EAAE,MAAM,CAAC;gBACtB,eAAe,EAAE,MAAM,CAAC;gBACxB,aAAa,EAAE,MAAM,CAAC;gBACtB,eAAe,EAAE,MAAM,CAAC;gBACxB,cAAc,EAAE,MAAM,CAAC;gBACvB,cAAc,EAAE,MAAM,CAAC;gBAEvB,eAAe,EAAE,MAAM,CAAC;gBACxB,iBAAiB,EAAE,MAAM,CAAC;gBAC1B,gBAAgB,EAAE,MAAM,CAAC;gBAEzB,cAAc,EAAE,MAAM,CAAC;gBACvB,oBAAoB,EAAE,MAAM,CAAC;gBAC7B,kBAAkB,EAAE,MAAM,CAAC;gBAC3B,oBAAoB,EAAE,MAAM,CAAC;gBAC7B,kBAAkB,EAAE,MAAM,CAAC;gBAC3B,oBAAoB,EAAE,MAAM,CAAC;gBAC7B,mBAAmB,EAAE,MAAM,CAAC;aAC/B,CAAC;YACF,KAAK,EAAE;gBACH,UAAU,EAAE,MAAM,CAAC;gBACnB,YAAY,EAAE,MAAM,CAAC;gBACrB,YAAY,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,MAAM,EAAE;gBACJ,MAAM,EAAE,MAAM,CAAC;gBACf,WAAW,EAAE,MAAM,CAAC;gBACpB,aAAa,EAAE,MAAM,CAAC;gBACtB,WAAW,EAAE,MAAM,CAAC;gBACpB,aAAa,EAAE,MAAM,CAAC;gBACtB,YAAY,EAAE,MAAM,CAAC;gBACrB,YAAY,EAAE,MAAM,CAAC;gBACrB,aAAa,EAAE,MAAM,CAAC;aACzB,CAAC;SACL,CAAC;QACF,UAAU,EAAE;YACR,YAAY,EAAE,MAAM,CAAC;YACrB,WAAW,EAAE,MAAM,CAAC;SACvB,CAAC;QACF,IAAI,EAAE;YACF,UAAU,EAAE,MAAM,CAAC;YACnB,cAAc,EAAE,MAAM,CAAC;SAC1B,CAAC;KACL,CAAC;CACL"}