trepur_components 2.3.7 → 2.3.9

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 (335) hide show
  1. package/.eslintrc.cjs +33 -4
  2. package/.prettierignore +10 -0
  3. package/README.md +1 -1
  4. package/package.json +9 -5
  5. package/src/components/Accordion/Accordion.stories.tsx +21 -98
  6. package/src/components/Accordion/const.tsx +34 -0
  7. package/src/components/Accordion/index.tsx +19 -25
  8. package/src/components/AlertBar/AlertBar.stories.tsx +78 -84
  9. package/src/components/AlertBar/index.tsx +69 -100
  10. package/src/components/Avatar/Avatar.stories.tsx +2 -7
  11. package/src/components/Avatar/index.tsx +4 -7
  12. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +29 -0
  13. package/src/components/Breadcrumbs/index.tsx +89 -0
  14. package/src/components/Button/Button.stories.tsx +24 -0
  15. package/src/components/Button/index.tsx +59 -0
  16. package/src/components/Calendar/Calendar.stories.tsx +21 -0
  17. package/src/components/Calendar/index.tsx +92 -0
  18. package/src/components/Card/Card.stories.tsx +14 -0
  19. package/src/components/Card/index.tsx +39 -0
  20. package/src/components/Carousel/Carousel.stories.tsx +44 -0
  21. package/src/components/Carousel/index.tsx +301 -0
  22. package/src/components/Carousel/utils.ts +53 -0
  23. package/src/components/CarouselThumbnail/CarouselThumbnail.stories.tsx +29 -0
  24. package/src/components/CarouselThumbnail/const.ts +17 -0
  25. package/src/components/CarouselThumbnail/index.tsx +169 -0
  26. package/src/components/CarouselThumbnail/utils.ts +87 -0
  27. package/src/components/Checkbox/Checkbox.stories.tsx +27 -0
  28. package/src/components/Checkbox/index.tsx +44 -0
  29. package/src/components/Collapsible/Collapsible.stories.tsx +67 -0
  30. package/src/components/Collapsible/index.tsx +169 -0
  31. package/src/components/Counter/Counter.stories.tsx +20 -0
  32. package/src/components/Counter/index.tsx +98 -0
  33. package/src/components/DetailUpdater/DetailUpdater.stories.tsx +37 -0
  34. package/{archive → src/components}/DetailUpdater/index.tsx +20 -25
  35. package/src/components/Dialog/Dialog.stories.tsx +65 -0
  36. package/src/components/Dialog/index.tsx +29 -0
  37. package/src/components/Dropdown/Dropdown.stories.tsx +22 -0
  38. package/src/components/Dropdown/index.tsx +117 -0
  39. package/src/components/Dropdown/utils.ts +15 -0
  40. package/{archive → src/components}/FileUploader/FilePreview.tsx +11 -14
  41. package/src/components/FileUploader/FileUploader.stories.tsx +28 -0
  42. package/src/components/FileUploader/index.tsx +177 -0
  43. package/src/components/Footer/Footer.stories.tsx +47 -0
  44. package/src/components/Footer/index.tsx +96 -0
  45. package/src/components/FooterNav/FooterNav.stories.tsx +32 -0
  46. package/src/components/FooterNav/index.tsx +75 -0
  47. package/{archive → src/components}/Form/Form.stories.tsx +2 -2
  48. package/src/components/Form/index.tsx +41 -0
  49. package/src/components/Gallery/Gallery.stories.tsx +39 -0
  50. package/src/components/Gallery/index.tsx +31 -0
  51. package/src/components/Greeting/Greeting.stories.tsx +16 -0
  52. package/src/components/Greeting/index.tsx +49 -0
  53. package/src/components/HamburgerIcon/HamburgerIcon.stories.tsx +14 -0
  54. package/src/components/HamburgerIcon/index.tsx +75 -0
  55. package/src/components/Icon/Icon.stories.tsx +41 -0
  56. package/src/components/Icon/index.tsx +33 -0
  57. package/src/components/Image/Image.stories.tsx +17 -0
  58. package/src/components/Image/index.tsx +25 -0
  59. package/src/components/ImageCard/ImageCard.stories.tsx +29 -0
  60. package/src/components/ImageCard/index.tsx +75 -0
  61. package/src/components/Input/Input.stories.tsx +25 -0
  62. package/src/components/Input/index.tsx +139 -0
  63. package/{archive → src/components}/MenuButton/MenuButton.stories.tsx +2 -2
  64. package/src/components/MenuButton/index.tsx +66 -0
  65. package/{archive → src/components}/Modal/Modal.stories.tsx +4 -8
  66. package/{archive → src/components}/Modal/index.tsx +9 -12
  67. package/src/components/Nav/Nav.stories.tsx +80 -0
  68. package/src/components/Nav/index.tsx +171 -0
  69. package/src/components/NavItem/NavItem.stories.tsx +17 -0
  70. package/src/components/NavItem/index.tsx +39 -0
  71. package/src/components/Pill/Pill.stories.tsx +51 -0
  72. package/src/components/Pill/index.tsx +69 -0
  73. package/{archive → src/components}/Search/Search.stories.tsx +2 -2
  74. package/{archive → src/components}/Search/index.tsx +12 -16
  75. package/{archive → src/components}/Select/Select.stories.tsx +2 -3
  76. package/{archive → src/components}/Select/index.tsx +21 -30
  77. package/{archive → src/components}/Showcase/Showcase.stories.tsx +4 -3
  78. package/src/components/Showcase/index.tsx +62 -0
  79. package/{archive → src/components}/SideNav/SideNav.stories.tsx +2 -2
  80. package/{archive → src/components}/SideNav/index.tsx +8 -15
  81. package/{archive → src/components}/SocialButton/SocialButton.stories.tsx +2 -2
  82. package/{archive → src/components}/SocialButton/index.tsx +14 -22
  83. package/src/components/SplitCard/SplitCard.stories.tsx +34 -0
  84. package/src/components/SplitCard/index.tsx +132 -0
  85. package/src/components/Stars/Star.stories.tsx +18 -0
  86. package/src/components/Stars/index.tsx +38 -0
  87. package/src/components/Testimonial/Testimonial.stories.tsx +37 -0
  88. package/src/components/Testimonial/index.tsx +123 -0
  89. package/src/components/TextArea/TextArea.stories.tsx +24 -0
  90. package/src/components/TextArea/index.tsx +133 -0
  91. package/src/components/Timeline/Timeline.stories.tsx +45 -0
  92. package/src/components/Timeline/index.tsx +65 -0
  93. package/src/components/Tubestops/Tubestops.stories.tsx +22 -0
  94. package/src/components/Tubestops/index.tsx +132 -0
  95. package/src/components/Video/Video.stories.tsx +58 -0
  96. package/src/components/Video/assets/example.mp4 +0 -0
  97. package/src/components/Video/assets/example.ogv +0 -0
  98. package/src/components/Video/assets/example.webm +0 -0
  99. package/src/components/Video/index.tsx +92 -0
  100. package/src/components/index.ts +66 -112
  101. package/src/custom.d.ts +14 -0
  102. package/src/documentation/Colours.mdx +34 -34
  103. package/src/documentation/Introduction.mdx +9 -5
  104. package/src/documentation/assets/index.ts +3 -0
  105. package/src/documentation/assets/trepurComponentsLogo.svg +32 -0
  106. package/src/documentation/typography/Fonts/Fonts.stories.tsx +14 -0
  107. package/src/documentation/typography/Fonts/Fonts.tsx +73 -0
  108. package/src/styles/global.css +1 -1
  109. package/src/styles/themes/local.css +91 -39
  110. package/src/styles/themes/test.css +28 -0
  111. package/src/utils/screens.ts +1 -1
  112. package/tailwind/colors.ts +53 -385
  113. package/tailwind/preset.ts +4 -0
  114. package/tailwind.config.ts +12 -80
  115. package/tsconfig.json +8 -2
  116. package/archive/Breadcrumbs/Breadcrumbs.stories.tsx +0 -46
  117. package/archive/Breadcrumbs/index.tsx +0 -42
  118. package/archive/BreadcrumbsBordered/BreadcrumbsBordered.stories.tsx +0 -52
  119. package/archive/BreadcrumbsBordered/index.tsx +0 -44
  120. package/archive/BreadcrumbsItem/BreadcrumbsItem.stories.tsx +0 -40
  121. package/archive/BreadcrumbsItem/index.tsx +0 -149
  122. package/archive/Button/Button.stories.tsx +0 -150
  123. package/archive/Button/index.tsx +0 -111
  124. package/archive/Button/style.module.css +0 -76
  125. package/archive/Calendar/Calendar.stories.tsx +0 -82
  126. package/archive/Calendar/index.tsx +0 -76
  127. package/archive/Card/Card.stories.tsx +0 -75
  128. package/archive/Card/index.tsx +0 -102
  129. package/archive/Card/style.module.css +0 -75
  130. package/archive/CardWithTopImage/CardWithTopImage.stories.tsx +0 -50
  131. package/archive/CardWithTopImage/index.tsx +0 -39
  132. package/archive/CardWithTopImage/style.module.css +0 -11
  133. package/archive/Carousel/Carousel.stories.tsx +0 -451
  134. package/archive/Carousel/index.tsx +0 -388
  135. package/archive/Carousel/style.module.css +0 -99
  136. package/archive/CarouselThumbnail/CarouselThumbnail.stories.tsx +0 -350
  137. package/archive/CarouselThumbnail/index.tsx +0 -302
  138. package/archive/CarouselThumbnail/style.module.css +0 -67
  139. package/archive/Checkbox/Checkbox.stories.tsx +0 -34
  140. package/archive/Checkbox/index.tsx +0 -51
  141. package/archive/Checkbox/style.module.css +0 -15
  142. package/archive/Collapsible/Collapsible.stories.tsx +0 -67
  143. package/archive/Collapsible/index.tsx +0 -116
  144. package/archive/Collapsible/style.module.css +0 -47
  145. package/archive/Column/Column.stories.tsx +0 -89
  146. package/archive/Column/index.tsx +0 -119
  147. package/archive/Column/style.module.css +0 -151
  148. package/archive/ComponentWrapper/ComponentWrapper.stories.tsx +0 -40
  149. package/archive/ComponentWrapper/index.tsx +0 -55
  150. package/archive/ComponentWrapper/style.module.css +0 -40
  151. package/archive/Container/Container.stories.tsx +0 -40
  152. package/archive/Container/index.tsx +0 -24
  153. package/archive/Container/style.module.css +0 -4
  154. package/archive/Counter/Counter.stories.tsx +0 -19
  155. package/archive/Counter/index.tsx +0 -66
  156. package/archive/Counter/style.module.css +0 -19
  157. package/archive/DetailUpdater/DetailUpdater.stories.tsx +0 -96
  158. package/archive/DetailUpdater/style.module.css +0 -31
  159. package/archive/Dialog/Dialog.stories.tsx +0 -131
  160. package/archive/Dialog/index.tsx +0 -91
  161. package/archive/Dialog/style.module.css +0 -44
  162. package/archive/DropdownMenu/DropdownMenu.stories.tsx +0 -59
  163. package/archive/DropdownMenu/index.tsx +0 -51
  164. package/archive/DropdownMenu/style.module.css +0 -38
  165. package/archive/DynamicTextSection/DynamicTextSection.stories.tsx +0 -74
  166. package/archive/DynamicTextSection/index.tsx +0 -36
  167. package/archive/DynamicTextSection/style.module.css +0 -0
  168. package/archive/FileUploader/FileUploader.stories.tsx +0 -28
  169. package/archive/FileUploader/index.tsx +0 -135
  170. package/archive/FileUploader/style.module.css +0 -54
  171. package/archive/FilterItem/FilterItem.stories.tsx +0 -33
  172. package/archive/FilterItem/index.tsx +0 -101
  173. package/archive/FilterItem/style.module.css +0 -27
  174. package/archive/Footer/Footer.stories.tsx +0 -59
  175. package/archive/Footer/index.tsx +0 -50
  176. package/archive/Footer/style.module.css +0 -19
  177. package/archive/FooterNav/FooterNav.stories.tsx +0 -125
  178. package/archive/FooterNav/index.tsx +0 -57
  179. package/archive/FooterNav/style.module.css +0 -32
  180. package/archive/FooterNavItem/FooterNavItem.stories.tsx +0 -53
  181. package/archive/FooterNavItem/index.tsx +0 -80
  182. package/archive/FooterNavItem/style.module.css +0 -139
  183. package/archive/Form/index.tsx +0 -61
  184. package/archive/Form/style.module.css +0 -0
  185. package/archive/FyreCard/FyreCard.stories.tsx +0 -31
  186. package/archive/FyreCard/index.tsx +0 -52
  187. package/archive/FyreCard/style.module.css +0 -19
  188. package/archive/Greeting/Greeting.stories.tsx +0 -41
  189. package/archive/Greeting/index.tsx +0 -32
  190. package/archive/HamburgerIcon/HamburgerIcon.stories.tsx +0 -32
  191. package/archive/HamburgerIcon/index.tsx +0 -103
  192. package/archive/HamburgerIcon/style.module.css +0 -85
  193. package/archive/HorizontalLine/HorizontalLine.stories.tsx +0 -54
  194. package/archive/HorizontalLine/index.tsx +0 -40
  195. package/archive/HorizontalLine/style.module.css +0 -55
  196. package/archive/Icon/Icon.stories.tsx +0 -164
  197. package/archive/Icon/index.tsx +0 -115
  198. package/archive/Icon/style.module.css +0 -253
  199. package/archive/IconCard/IconCard.stories.tsx +0 -46
  200. package/archive/IconCard/index.tsx +0 -57
  201. package/archive/IconCard/style.module.css +0 -18
  202. package/archive/Image/Image.stories.tsx +0 -87
  203. package/archive/Image/index.tsx +0 -132
  204. package/archive/Image/style.module.css +0 -109
  205. package/archive/ImageInfo/ImageInfo.stories.tsx +0 -39
  206. package/archive/ImageInfo/index.tsx +0 -95
  207. package/archive/ImageInfo/style.module.css +0 -47
  208. package/archive/ImageLink/ImageLink.stories.tsx +0 -37
  209. package/archive/ImageLink/index.tsx +0 -49
  210. package/archive/ImageLink/style.module.css +0 -23
  211. package/archive/ImageLinkList/ImageLinkList.stories.tsx +0 -34
  212. package/archive/ImageLinkList/index.tsx +0 -33
  213. package/archive/ImageLinkList/style.module.css +0 -3
  214. package/archive/InformationIcon/InformationIcon.stories.tsx +0 -83
  215. package/archive/InformationIcon/index.tsx +0 -128
  216. package/archive/InformationIcon/style.module.css +0 -71
  217. package/archive/InformationIconBlock/InformationIconBlock.stories.tsx +0 -32
  218. package/archive/InformationIconBlock/index.tsx +0 -63
  219. package/archive/InformationIconBlock/style.module.css +0 -7
  220. package/archive/Input/Input.stories.tsx +0 -84
  221. package/archive/Input/index.tsx +0 -131
  222. package/archive/Input/style.module.css +0 -60
  223. package/archive/Jumbotron/Jumbotron.stories.tsx +0 -21
  224. package/archive/Jumbotron/index.tsx +0 -31
  225. package/archive/Jumbotron/style.module.css +0 -8
  226. package/archive/MenuButton/index.tsx +0 -82
  227. package/archive/MenuButton/style.module.css +0 -45
  228. package/archive/Modal/style.module.css +0 -35
  229. package/archive/NavItem/NavItem.stories.tsx +0 -90
  230. package/archive/NavItem/index.tsx +0 -65
  231. package/archive/NavItem/style.module.css +0 -71
  232. package/archive/NavOld/NavOld.stories.tsx +0 -193
  233. package/archive/NavOld/StickyNav.tsx +0 -191
  234. package/archive/NavOld/index.tsx +0 -273
  235. package/archive/NavOld/style.module.css +0 -156
  236. package/archive/NavTwo/Dropdown.tsx +0 -35
  237. package/archive/NavTwo/Nav.stories.tsx +0 -38
  238. package/archive/NavTwo/Sidebar.tsx +0 -34
  239. package/archive/NavTwo/StickyNav.tsx +0 -34
  240. package/archive/NavTwo/index.tsx +0 -45
  241. package/archive/NavTwo/style.module.css +0 -35
  242. package/archive/NewsCard/NewsCard.stories.tsx +0 -72
  243. package/archive/NewsCard/index.tsx +0 -57
  244. package/archive/NewsCard/style.module.css +0 -15
  245. package/archive/Pill/Pill.stories.tsx +0 -44
  246. package/archive/Pill/index.tsx +0 -64
  247. package/archive/Pill/style.module.css +0 -32
  248. package/archive/ProductCard/ProductCard.stories.tsx +0 -61
  249. package/archive/ProductCard/index.tsx +0 -111
  250. package/archive/ProductCard/style.module.css +0 -53
  251. package/archive/ProductCardV2/ProductCardV2.stories.tsx +0 -50
  252. package/archive/ProductCardV2/index.tsx +0 -119
  253. package/archive/ProductCardV2/style.module.css +0 -59
  254. package/archive/Proficiencies/Proficiencies.stories.tsx +0 -50
  255. package/archive/Proficiencies/index.tsx +0 -63
  256. package/archive/Proficiencies/style.module.css +0 -31
  257. package/archive/Profile/Profile.stories.tsx +0 -49
  258. package/archive/Profile/index.tsx +0 -103
  259. package/archive/Profile/style.module.css +0 -47
  260. package/archive/Row/Row.stories.tsx +0 -53
  261. package/archive/Row/index.tsx +0 -23
  262. package/archive/Row/style.module.css +0 -3
  263. package/archive/Search/style.module.css +0 -23
  264. package/archive/Select/style.module.css +0 -52
  265. package/archive/Showcase/index.tsx +0 -75
  266. package/archive/Showcase/style.module.css +0 -47
  267. package/archive/SideNav/style.module.css +0 -43
  268. package/archive/SocialBlock/SocialBlock.stories.tsx +0 -58
  269. package/archive/SocialBlock/index.tsx +0 -63
  270. package/archive/SocialButton/style.module.css +0 -77
  271. package/archive/StarRating/StarRating.stories.tsx +0 -23
  272. package/archive/StarRating/index.tsx +0 -71
  273. package/archive/Testimonial/Testimonial.stories.tsx +0 -110
  274. package/archive/Testimonial/index.tsx +0 -61
  275. package/archive/Testimonial/style.module.css +0 -27
  276. package/archive/TextAndTitle/TextAndTitle.stories.tsx +0 -70
  277. package/archive/TextAndTitle/index.tsx +0 -123
  278. package/archive/TextAndTitle/style.module.css +0 -75
  279. package/archive/TextArea/TextArea.stories.tsx +0 -55
  280. package/archive/TextArea/index.tsx +0 -125
  281. package/archive/TextArea/style.module.css +0 -60
  282. package/archive/Timeline/Timeline.stories.tsx +0 -92
  283. package/archive/Timeline/index.tsx +0 -254
  284. package/archive/Timeline/style.module.css +0 -134
  285. package/archive/TimelineV2/TimelineV2.stories.tsx +0 -95
  286. package/archive/TimelineV2/index.tsx +0 -70
  287. package/archive/TimelineV2/style.module.css +0 -28
  288. package/archive/Tubestops/Tubestops.stories.tsx +0 -42
  289. package/archive/Tubestops/index.tsx +0 -58
  290. package/archive/Tubestops/style.module.css +0 -54
  291. package/archive/UserIcon/UserIcon.stories.tsx +0 -52
  292. package/archive/UserIcon/index.tsx +0 -46
  293. package/archive/UserIcon/style.module.css +0 -19
  294. package/archive/Video/Video.stories.tsx +0 -23
  295. package/archive/Video/index.tsx +0 -47
  296. package/archive/theme.ts +0 -39
  297. package/archive/typography/Fonts/Fonts.stories.tsx +0 -14
  298. package/archive/typography/Fonts/Fonts.tsx +0 -181
  299. package/lib/components/Accordion/Accordion.stories.d.ts +0 -94
  300. package/lib/components/Accordion/index.d.ts +0 -8
  301. package/lib/components/Accordion/index.js +0 -15
  302. package/lib/components/AlertBar/AlertBar.stories.d.ts +0 -162
  303. package/lib/components/AlertBar/index.d.ts +0 -12
  304. package/lib/components/AlertBar/index.js +0 -49
  305. package/lib/components/Avatar/Avatar.stories.d.ts +0 -44
  306. package/lib/components/Avatar/index.d.ts +0 -4
  307. package/lib/components/index.d.ts +0 -4
  308. package/lib/index.d.ts +0 -1
  309. package/lib/index.js +0 -6
  310. package/lib/styles/global.css +0 -75
  311. package/lib/styles/themes/local.css +0 -40
  312. package/lib/styles/themes/palette.css +0 -131
  313. package/lib/tailwind/boxShadow.ts +0 -9
  314. package/lib/tailwind/colors.ts +0 -410
  315. package/lib/tailwind/container.ts +0 -11
  316. package/lib/tailwind/preset.ts +0 -88
  317. package/lib/tailwind/spacing.ts +0 -14
  318. package/lib/utils/controls.d.ts +0 -36
  319. package/lib/utils/matchMedia.d.ts +0 -2
  320. package/lib/utils/screens.d.ts +0 -7
  321. package/src/styles/themes/palette.css +0 -131
  322. package/svg.d.ts +0 -4
  323. /package/{archive → src/components}/Calendar/style.css +0 -0
  324. /package/{archive → src/components}/Checkbox/Checkbox.mdx +0 -0
  325. /package/{archive → src}/fonts/Sora/OFL.txt +0 -0
  326. /package/{archive → src}/fonts/Sora/README.txt +0 -0
  327. /package/{archive → src}/fonts/Sora/Sora-VariableFont_wght.ttf +0 -0
  328. /package/{archive → src}/fonts/Sora/static/Sora-Bold.ttf +0 -0
  329. /package/{archive → src}/fonts/Sora/static/Sora-ExtraBold.ttf +0 -0
  330. /package/{archive → src}/fonts/Sora/static/Sora-ExtraLight.ttf +0 -0
  331. /package/{archive → src}/fonts/Sora/static/Sora-Light.ttf +0 -0
  332. /package/{archive → src}/fonts/Sora/static/Sora-Medium.ttf +0 -0
  333. /package/{archive → src}/fonts/Sora/static/Sora-Regular.ttf +0 -0
  334. /package/{archive → src}/fonts/Sora/static/Sora-SemiBold.ttf +0 -0
  335. /package/{archive → src}/fonts/Sora/static/Sora-Thin.ttf +0 -0
package/lib/tailwind/colors.ts DELETED
@@ -1,410 +0,0 @@
1
- /* eslint-disable sort-keys */
2
- export default {
3
- focus: 'hsl(var(--hsl-focus))',
4
- overlay: 'hsl(var(--hsl-overlay))',
5
- page: 'hsl(var(--hsl-page))',
6
- // General
7
- active: {
8
- DEFAULT: 'hsl(var(--hsl-active))',
9
- foreground: 'hsl(var(--hsl-active-foreground))',
10
- },
11
- inactive: {
12
- DEFAULT: 'hsl(var(--hsl-inactive))',
13
- foreground: 'hsl(var(--hsl-inactive-foreground))',
14
- readonly: 'hsl(var(--hsl-inactive-readonly))',
15
- subtle: 'hsl(var(--hsl-inactive-subtle))',
16
- },
17
- border: {
18
- DEFAULT: 'hsl(var(--hsl-border))',
19
- secondary: 'hsl(var(--hsl-border-secondary))',
20
- tertiary: 'hsl(var(--hsl-border-tertiary))',
21
- inverse: 'hsl(var(--hsl-border-inverse))',
22
- },
23
- foreground: {
24
- DEFAULT: 'hsl(var(--hsl-foreground))',
25
- secondary: 'hsl(var(--hsl-foreground-secondary))',
26
- tertiary: 'hsl(var(--hsl-foreground-tertiary))',
27
- inverse: 'hsl(var(--hsl-foreground-inverse))',
28
- },
29
- skeleton: {
30
- DEFAULT: 'hsl(var(--hsl-skeleton))',
31
- inverse: 'hsl(var(--hsl-skeleton-inverse))',
32
- },
33
- textlink: {
34
- DEFAULT: 'hsl(var(--hsl-textlink))',
35
- hover: 'hsl(var(--hsl-textlink-hover))',
36
- },
37
- dataviz: {
38
- 1: 'hsl(var(--hsl-dataviz-1))',
39
- 2: 'hsl(var(--hsl-dataviz-2))',
40
- 3: 'hsl(var(--hsl-dataviz-3))',
41
- 4: 'hsl(var(--hsl-dataviz-4))',
42
- 5: 'hsl(var(--hsl-dataviz-5))',
43
- 6: 'hsl(var(--hsl-dataviz-6))',
44
- 7: 'hsl(var(--hsl-dataviz-7))',
45
- 8: 'hsl(var(--hsl-dataviz-8))',
46
- 9: 'hsl(var(--hsl-dataviz-9))',
47
- 10: 'hsl(var(--hsl-dataviz-10))',
48
- 11: 'hsl(var(--hsl-dataviz-11))',
49
- 12: 'hsl(var(--hsl-dataviz-12))',
50
- 13: 'hsl(var(--hsl-dataviz-13))',
51
- 14: 'hsl(var(--hsl-dataviz-14))',
52
- 15: 'hsl(var(--hsl-dataviz-15))',
53
- 16: 'hsl(var(--hsl-dataviz-16))',
54
- },
55
- // Contextual
56
- error: {
57
- DEFAULT: 'hsl(var(--hsl-error))',
58
- border: 'hsl(var(--hsl-error-border))',
59
- hover: 'hsl(var(--hsl-error-hover))',
60
- press: 'hsl(var(--hsl-error-press))',
61
- skeleton: 'hsl(var(--hsl-error-skeleton))',
62
- accent: 'hsl(var(--hsl-error-accent))',
63
- foreground: 'hsl(var(--hsl-error-foreground))',
64
- secondary: 'hsl(var(--hsl-error-secondary))',
65
- },
66
- info: {
67
- DEFAULT: 'hsl(var(--hsl-info))',
68
- border: 'hsl(var(--hsl-info-border))',
69
- hover: 'hsl(var(--hsl-info-hover))',
70
- press: 'hsl(var(--hsl-info-press))',
71
- skeleton: 'hsl(var(--hsl-info-skeleton))',
72
- accent: 'hsl(var(--hsl-info-accent))',
73
- foreground: 'hsl(var(--hsl-info-foreground))',
74
- secondary: 'hsl(var(--hsl-info-secondary))',
75
- },
76
- success: {
77
- DEFAULT: 'hsl(var(--hsl-success))',
78
- border: 'hsl(var(--hsl-success-border))',
79
- hover: 'hsl(var(--hsl-success-hover))',
80
- press: 'hsl(var(--hsl-success-press))',
81
- skeleton: 'hsl(var(--hsl-success-skeleton))',
82
- accent: 'hsl(var(--hsl-success-accent))',
83
- foreground: 'hsl(var(--hsl-success-foreground))',
84
- secondary: 'hsl(var(--hsl-success-secondary))',
85
- },
86
- warning: {
87
- DEFAULT: 'hsl(var(--hsl-warning))',
88
- border: 'hsl(var(--hsl-warning-border))',
89
- hover: 'hsl(var(--hsl-warning-hover))',
90
- press: 'hsl(var(--hsl-warning-press))',
91
- skeleton: 'hsl(var(--hsl-warning-skeleton))',
92
- accent: 'hsl(var(--hsl-warning-accent))',
93
- foreground: 'hsl(var(--hsl-warning-foreground))',
94
- secondary: 'hsl(var(--hsl-warning-secondary))',
95
- },
96
- // Components
97
- button: {
98
- primary: {
99
- DEFAULT: 'hsl(var(--hsl-button-primary))',
100
- hover: 'hsl(var(--hsl-button-primary-hover))',
101
- press: 'hsl(var(--hsl-button-primary-press))',
102
- skeleton: 'hsl(var(--hsl-button-primary-skeleton))',
103
- foreground: 'hsl(var(--hsl-button-primary-foreground))',
104
- },
105
- secondary: {
106
- DEFAULT: 'hsl(var(--hsl-button-secondary))',
107
- hover: 'hsl(var(--hsl-button-secondary-hover))',
108
- press: 'hsl(var(--hsl-button-secondary-press))',
109
- skeleton: 'hsl(var(--hsl-button-secondary-skeleton))',
110
- foreground: 'hsl(var(--hsl-button-secondary-foreground))',
111
- },
112
- group: {
113
- DEFAULT: 'hsl(var(--hsl-button-group))',
114
- hover: 'hsl(var(--hsl-button-group-hover))',
115
- press: 'hsl(var(--hsl-button-group-press))',
116
- skeleton: 'hsl(var(--hsl-button-group-skeleton))',
117
- foreground: 'hsl(var(--hsl-button-group-foreground))',
118
- },
119
- outline: {
120
- hover: 'hsl(var(--hsl-button-outline-hover))',
121
- press: 'hsl(var(--hsl-button-outline-press))',
122
- skeleton: 'hsl(var(--hsl-button-outline-skeleton))',
123
- foreground: 'hsl(var(--hsl-button-outline-foreground))',
124
- },
125
- ghost: {
126
- hover: 'hsl(var(--hsl-button-ghost-hover))',
127
- press: 'hsl(var(--hsl-button-ghost-press))',
128
- foreground: 'hsl(var(--hsl-button-ghost-foreground))',
129
- },
130
- inverse: {
131
- hover: 'hsl(var(--hsl-button-inverse-hover))',
132
- press: 'hsl(var(--hsl-button-inverse-press))',
133
- },
134
- disabled: {
135
- DEFAULT: 'hsl(var(--hsl-button-disabled))',
136
- foreground: 'hsl(var(--hsl-button-disabled-foreground))',
137
- 'foreground-actionbutton':
138
- 'hsl(var(--hsl-button-disabled-foreground-actionbutton))',
139
- 'foreground-group': 'hsl(var(--hsl-button-disabled-foreground-group))',
140
- inverse: 'hsl(var(--hsl-button-disabled-inverse))',
141
- 'inverse-foreground':
142
- 'hsl(var(--hsl-button-disabled-inverse-foreground))',
143
- },
144
- },
145
-
146
- card: {
147
- DEFAULT: 'hsl(var(--hsl-card))',
148
- secondary: 'hsl(var(--hsl-card-secondary))',
149
- tertiary: 'hsl(var(--hsl-card-tertiary))',
150
- quaternary: 'hsl(var(--hsl-card-quaternary))',
151
- inverse: 'hsl(var(--hsl-card-inverse))',
152
- },
153
-
154
- lozenge: {
155
- blue: {
156
- DEFAULT: 'hsl(var(--hsl-lozenge-blue))',
157
- hover: 'hsl(var(--hsl-lozenge-blue-hover))',
158
- press: 'hsl(var(--hsl-lozenge-blue-press))',
159
- },
160
- cyan: {
161
- DEFAULT: 'hsl(var(--hsl-lozenge-cyan))',
162
- hover: 'hsl(var(--hsl-lozenge-cyan-hover))',
163
- press: 'hsl(var(--hsl-lozenge-cyan-press))',
164
- },
165
- fuchsia: {
166
- DEFAULT: 'hsl(var(--hsl-lozenge-fuchsia))',
167
- hover: 'hsl(var(--hsl-lozenge-fuchsia-hover))',
168
- press: 'hsl(var(--hsl-lozenge-fuchsia-press))',
169
- },
170
- neutral: {
171
- DEFAULT: 'hsl(var(--hsl-lozenge-neutral))',
172
- hover: 'hsl(var(--hsl-lozenge-neutral-hover))',
173
- press: 'hsl(var(--hsl-lozenge-neutral-press))',
174
- },
175
- orange: {
176
- DEFAULT: 'hsl(var(--hsl-lozenge-orange))',
177
- hover: 'hsl(var(--hsl-lozenge-orange-hover))',
178
- press: 'hsl(var(--hsl-lozenge-orange-press))',
179
- },
180
- purple: {
181
- DEFAULT: 'hsl(var(--hsl-lozenge-purple))',
182
- hover: 'hsl(var(--hsl-lozenge-purple-hover))',
183
- press: 'hsl(var(--hsl-lozenge-purple-press))',
184
- },
185
- teal: {
186
- DEFAULT: 'hsl(var(--hsl-lozenge-teal))',
187
- hover: 'hsl(var(--hsl-lozenge-teal-hover))',
188
- press: 'hsl(var(--hsl-lozenge-teal-press))',
189
- },
190
- white: {
191
- DEFAULT: 'hsl(var(--hsl-lozenge-white))',
192
- hover: 'hsl(var(--hsl-lozenge-white-hover))',
193
- press: 'hsl(var(--hsl-lozenge-white-press))',
194
- },
195
- yellow: {
196
- DEFAULT: 'hsl(var(--hsl-lozenge-yellow))',
197
- hover: 'hsl(var(--hsl-lozenge-yellow-hover))',
198
- press: 'hsl(var(--hsl-lozenge-yellow-press))',
199
- },
200
- green: {
201
- DEFAULT: 'hsl(var(--hsl-lozenge-green))',
202
- hover: 'hsl(var(--hsl-lozenge-green-hover))',
203
- press: 'hsl(var(--hsl-lozenge-green-press))',
204
- },
205
- red: {
206
- DEFAULT: 'hsl(var(--hsl-lozenge-red))',
207
- hover: 'hsl(var(--hsl-lozenge-red-hover))',
208
- press: 'hsl(var(--hsl-lozenge-red-press))',
209
- },
210
- },
211
-
212
- sidebar: {
213
- DEFAULT: 'hsl(var(--hsl-sidebar))',
214
- active: 'hsl(var(--hsl-sidebar-active))',
215
- foreground: {
216
- DEFAULT: 'hsl(var(--hsl-sidebar-foreground))',
217
- secondary: 'hsl(var(--hsl-sidebar-foreground-secondary))',
218
- },
219
- hover: 'hsl(var(--hsl-sidebar-hover))',
220
- skeleton: 'hsl(var(--hsl-sidebar-skeleton))',
221
- border: 'hsl(var(--hsl-sidebar-border))',
222
- },
223
-
224
- switch: {
225
- off: {
226
- DEFAULT: 'hsl(var(--hsl-switch-off))',
227
- hover: 'hsl(var(--hsl-switch-off-hover))',
228
- disabled: 'hsl(var(--hsl-switch-off-disabled))',
229
- foreground: 'hsl(var(--hsl-switch-off-foreground))',
230
- },
231
- on: {
232
- DEFAULT: 'hsl(var(--hsl-switch-on))',
233
- hover: 'hsl(var(--hsl-switch-on-hover))',
234
- foreground: 'hsl(var(--hsl-switch-on-foreground))',
235
- disabled: {
236
- DEFAULT: 'hsl(var(--hsl-switch-on-disabled))',
237
- foreground: 'hsl(var(--hsl-switch-on-disabled-foreground))',
238
- },
239
- },
240
- },
241
- tag: {
242
- neutral: {
243
- DEFAULT: 'hsl(var(--hsl-tag-neutral))',
244
- border: 'hsl(var(--hsl-tag-neutral-border))',
245
- },
246
- blue: {
247
- DEFAULT: 'hsl(var(--hsl-tag-blue))',
248
- border: 'hsl(var(--hsl-tag-blue-border))',
249
- },
250
- cyan: {
251
- DEFAULT: 'hsl(var(--hsl-tag-cyan))',
252
- border: 'hsl(var(--hsl-tag-cyan-border))',
253
- },
254
- fuchsia: {
255
- DEFAULT: 'hsl(var(--hsl-tag-fuchsia))',
256
- border: 'hsl(var(--hsl-tag-fuchsia-border))',
257
- },
258
- green: {
259
- DEFAULT: 'hsl(var(--hsl-tag-green))',
260
- border: 'hsl(var(--hsl-tag-green-border))',
261
- },
262
- orange: {
263
- DEFAULT: 'hsl(var(--hsl-tag-orange))',
264
- border: 'hsl(var(--hsl-tag-orange-border))',
265
- },
266
- purple: {
267
- DEFAULT: 'hsl(var(--hsl-tag-purple))',
268
- border: 'hsl(var(--hsl-tag-purple-border))',
269
- },
270
- red: {
271
- DEFAULT: 'hsl(var(--hsl-tag-red))',
272
- border: 'hsl(var(--hsl-tag-red-border))',
273
- },
274
- teal: {
275
- DEFAULT: 'hsl(var(--hsl-tag-teal))',
276
- border: 'hsl(var(--hsl-tag-teal-border))',
277
- },
278
- yellow: {
279
- DEFAULT: 'hsl(var(--hsl-tag-yellow))',
280
- border: 'hsl(var(--hsl-tag-yellow-border))',
281
- },
282
- },
283
- // Palette
284
- blue: {
285
- 10: 'hsl(var(--hsl-blue-10))',
286
- 20: 'hsl(var(--hsl-blue-20))',
287
- 30: 'hsl(var(--hsl-blue-30))',
288
- 40: 'hsl(var(--hsl-blue-40))',
289
- 50: 'hsl(var(--hsl-blue-50))',
290
- 60: 'hsl(var(--hsl-blue-60))',
291
- 70: 'hsl(var(--hsl-blue-70))',
292
- 80: 'hsl(var(--hsl-blue-80))',
293
- 90: 'hsl(var(--hsl-blue-90))',
294
- 100: 'hsl(var(--hsl-blue-100))',
295
- },
296
- cyan: {
297
- 10: 'hsl(var(--hsl-cyan-10))',
298
- 20: 'hsl(var(--hsl-cyan-20))',
299
- 30: 'hsl(var(--hsl-cyan-30))',
300
- 40: 'hsl(var(--hsl-cyan-40))',
301
- 50: 'hsl(var(--hsl-cyan-50))',
302
- 60: 'hsl(var(--hsl-cyan-60))',
303
- 70: 'hsl(var(--hsl-cyan-70))',
304
- 80: 'hsl(var(--hsl-cyan-80))',
305
- 90: 'hsl(var(--hsl-cyan-90))',
306
- 100: 'hsl(var(--hsl-cyan-100))',
307
- },
308
- fuchsia: {
309
- 10: 'hsl(var(--hsl-fuchsia-10))',
310
- 20: 'hsl(var(--hsl-fuchsia-20))',
311
- 30: 'hsl(var(--hsl-fuchsia-30))',
312
- 40: 'hsl(var(--hsl-fuchsia-40))',
313
- 50: 'hsl(var(--hsl-fuchsia-50))',
314
- 60: 'hsl(var(--hsl-fuchsia-60))',
315
- 70: 'hsl(var(--hsl-fuchsia-70))',
316
- 80: 'hsl(var(--hsl-fuchsia-80))',
317
- 90: 'hsl(var(--hsl-fuchsia-90))',
318
- 100: 'hsl(var(--hsl-fuchsia-100))',
319
- },
320
- green: {
321
- 10: 'hsl(var(--hsl-green-10))',
322
- 20: 'hsl(var(--hsl-green-20))',
323
- 30: 'hsl(var(--hsl-green-30))',
324
- 40: 'hsl(var(--hsl-green-40))',
325
- 50: 'hsl(var(--hsl-green-50))',
326
- 60: 'hsl(var(--hsl-green-60))',
327
- 70: 'hsl(var(--hsl-green-70))',
328
- 80: 'hsl(var(--hsl-green-80))',
329
- 90: 'hsl(var(--hsl-green-90))',
330
- 100: 'hsl(var(--hsl-green-100))',
331
- },
332
- neutral: {
333
- 1: 'hsl(var(--hsl-neutral-1))',
334
- 5: 'hsl(var(--hsl-neutral-5))',
335
- 10: 'hsl(var(--hsl-neutral-10))',
336
- 15: 'hsl(var(--hsl-neutral-15))',
337
- 20: 'hsl(var(--hsl-neutral-20))',
338
- 25: 'hsl(var(--hsl-neutral-25))',
339
- 30: 'hsl(var(--hsl-neutral-30))',
340
- 40: 'hsl(var(--hsl-neutral-40))',
341
- 50: 'hsl(var(--hsl-neutral-50))',
342
- 60: 'hsl(var(--hsl-neutral-60))',
343
- 70: 'hsl(var(--hsl-neutral-70))',
344
- 80: 'hsl(var(--hsl-neutral-80))',
345
- 85: 'hsl(var(--hsl-neutral-85))',
346
- 90: 'hsl(var(--hsl-neutral-90))',
347
- 95: 'hsl(var(--hsl-neutral-95))',
348
- 99: 'hsl(var(--hsl-neutral-99))',
349
- },
350
- orange: {
351
- 10: 'hsl(var(--hsl-orange-10))',
352
- 20: 'hsl(var(--hsl-orange-20))',
353
- 30: 'hsl(var(--hsl-orange-30))',
354
- 40: 'hsl(var(--hsl-orange-40))',
355
- 50: 'hsl(var(--hsl-orange-50))',
356
- 60: 'hsl(var(--hsl-orange-60))',
357
- 70: 'hsl(var(--hsl-orange-70))',
358
- 80: 'hsl(var(--hsl-orange-80))',
359
- 90: 'hsl(var(--hsl-orange-90))',
360
- 100: 'hsl(var(--hsl-orange-100))',
361
- },
362
- purple: {
363
- 10: 'hsl(var(--hsl-purple-10))',
364
- 20: 'hsl(var(--hsl-purple-20))',
365
- 30: 'hsl(var(--hsl-purple-30))',
366
- 40: 'hsl(var(--hsl-purple-40))',
367
- 50: 'hsl(var(--hsl-purple-50))',
368
- 60: 'hsl(var(--hsl-purple-60))',
369
- 70: 'hsl(var(--hsl-purple-70))',
370
- 80: 'hsl(var(--hsl-purple-80))',
371
- 90: 'hsl(var(--hsl-purple-90))',
372
- 100: 'hsl(var(--hsl-purple-100))',
373
- },
374
- red: {
375
- 10: 'hsl(var(--hsl-red-10))',
376
- 20: 'hsl(var(--hsl-red-20))',
377
- 30: 'hsl(var(--hsl-red-30))',
378
- 40: 'hsl(var(--hsl-red-40))',
379
- 50: 'hsl(var(--hsl-red-50))',
380
- 60: 'hsl(var(--hsl-red-60))',
381
- 70: 'hsl(var(--hsl-red-70))',
382
- 80: 'hsl(var(--hsl-red-80))',
383
- 90: 'hsl(var(--hsl-red-90))',
384
- 100: 'hsl(var(--hsl-red-100))',
385
- },
386
- teal: {
387
- 10: 'hsl(var(--hsl-teal-10))',
388
- 20: 'hsl(var(--hsl-teal-20))',
389
- 30: 'hsl(var(--hsl-teal-30))',
390
- 40: 'hsl(var(--hsl-teal-40))',
391
- 50: 'hsl(var(--hsl-teal-50))',
392
- 60: 'hsl(var(--hsl-teal-60))',
393
- 70: 'hsl(var(--hsl-teal-70))',
394
- 80: 'hsl(var(--hsl-teal-80))',
395
- 90: 'hsl(var(--hsl-teal-90))',
396
- 100: 'hsl(var(--hsl-teal-100))',
397
- },
398
- yellow: {
399
- 10: 'hsl(var(--hsl-yellow-10))',
400
- 20: 'hsl(var(--hsl-yellow-20))',
401
- 30: 'hsl(var(--hsl-yellow-30))',
402
- 40: 'hsl(var(--hsl-yellow-40))',
403
- 50: 'hsl(var(--hsl-yellow-50))',
404
- 60: 'hsl(var(--hsl-yellow-60))',
405
- 70: 'hsl(var(--hsl-yellow-70))',
406
- 80: 'hsl(var(--hsl-yellow-80))',
407
- 90: 'hsl(var(--hsl-yellow-90))',
408
- 100: 'hsl(var(--hsl-yellow-100))',
409
- },
410
- };
package/lib/tailwind/container.ts DELETED
@@ -1,11 +0,0 @@
1
- /* eslint-disable sort-keys */
2
-
3
- export default {
4
- padding: {
5
- DEFAULT: '1rem',
6
- sm: '1.5rem',
7
- lg: '1.5rem',
8
- xl: '1.5rem',
9
- '2xl': '1.5rem',
10
- },
11
- };
package/lib/tailwind/preset.ts DELETED
@@ -1,88 +0,0 @@
1
- /* eslint-disable sort-keys */
2
- import tailwindScrollbar from 'tailwind-scrollbar';
3
- import type { Config } from 'tailwindcss';
4
- import tailwindAnimate from 'tailwindcss-animate';
5
- import defaultTheme from 'tailwindcss/defaultTheme';
6
-
7
- import boxShadow from './boxShadow';
8
- import colors from './colors';
9
- import container from './container';
10
- import spacing from './spacing';
11
-
12
- const presetConfig: Config = {
13
- content: ['./src/**/*.{ts,tsx}'],
14
- darkMode: 'class',
15
- plugins: [tailwindAnimate, tailwindScrollbar],
16
- theme: {
17
- container,
18
- extend: {
19
- animation: {
20
- 'rest-bounce': 'rest-bounce 2s linear infinite',
21
- },
22
- boxShadow,
23
- colors,
24
-
25
- fontFamily: {
26
- noto: ['Noto Sans JP', 'DM Sans', ...defaultTheme.fontFamily.sans],
27
- sans: ['DM Sans', 'Noto Sans JP', ...defaultTheme.fontFamily.sans],
28
- },
29
- fontSize: {
30
- xs: [
31
- '0.75rem',
32
- {
33
- lineHeight: '1.1rem',
34
- },
35
- ],
36
- xl: [
37
- '1.25rem',
38
- {
39
- lineHeight: '1.875rem',
40
- },
41
- ],
42
- '2xl': [
43
- '1.5rem',
44
- {
45
- lineHeight: '2.25rem',
46
- },
47
- ],
48
- '3xl': [
49
- '1.875rem',
50
- {
51
- lineHeight: '2.75rem',
52
- },
53
- ],
54
- '4xl': [
55
- '2.25rem',
56
- {
57
- lineHeight: '3.25rem',
58
- },
59
- ],
60
- '5xl': [
61
- '3rem',
62
- {
63
- lineHeight: '4rem',
64
- },
65
- ],
66
- },
67
- keyframes: {
68
- 'rest-bounce': {
69
- '0%': {
70
- transform: 'translateY(0%)',
71
- },
72
- '20%': {
73
- transform: 'translateY(-40%)',
74
- },
75
- '40%': {
76
- transform: 'translateY(0%)',
77
- },
78
- },
79
- },
80
- spacing,
81
- transitionDelay: {
82
- 600: '600ms',
83
- },
84
- },
85
- },
86
- };
87
-
88
- export default presetConfig;
package/lib/tailwind/spacing.ts DELETED
@@ -1,14 +0,0 @@
1
- /* eslint-disable sort-keys */
2
- export default {
3
- '0.25': '0.0625rem' /* 1px */,
4
- '0.75': '0.1875rem' /* 3px */,
5
- '1.25': '0.3125rem' /* 5px */,
6
- '4.5': '1.125rem' /* 18px */,
7
- '5.5': '1.375rem' /* 22px */,
8
- '6.5': '1.625rem' /* 26px */,
9
- '7.5': '1.875rem' /* 30px */,
10
- '8.5': '2.125rem' /* 34px */,
11
- '9.5': '2.375rem' /* 38px */,
12
- 13: '3.25rem' /* 52px */,
13
- 'app-header-height': 'var(--app-header-height, 0)',
14
- };
package/lib/utils/controls.d.ts DELETED
@@ -1,36 +0,0 @@
1
- export type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'grey' | 'gold' | 'facebook' | 'linkedin' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-linkedin' | 'interactive-instagram' | 'interactive-github' | 'success' | 'error' | 'ink' | 'transparent';
2
- export type SocialTypes = 'facebook' | 'instagram' | 'github' | 'linkedin';
3
- export declare const idAndClassName: {
4
- id: {
5
- description: string;
6
- control: {
7
- type: string;
8
- default: boolean;
9
- };
10
- table: {
11
- category: string;
12
- type: {
13
- summary: string;
14
- };
15
- defaultValue: {
16
- summary: string;
17
- };
18
- };
19
- };
20
- className: {
21
- description: string;
22
- control: {
23
- type: string;
24
- default: boolean;
25
- };
26
- table: {
27
- category: string;
28
- type: {
29
- summary: string;
30
- };
31
- defaultValue: {
32
- summary: string;
33
- };
34
- };
35
- };
36
- };
package/lib/utils/matchMedia.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const MatchMedia: (query: string) => boolean;
2
- export default MatchMedia;
package/lib/utils/screens.d.ts DELETED
@@ -1,7 +0,0 @@
1
- export declare const Screens: {
2
- xs: string;
3
- sm: string;
4
- md: string;
5
- lg: string;
6
- xl: string;
7
- };