@node-core/ui-components 1.0.1-df203d0fe21ee5d80d258c60dc821e8ac0601ce4 → 1.0.1-e1f87bde264af01e260a8efa4fab1749a2c6bc29

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 (263) hide show
  1. package/Common/AlertBox/index.js +5 -0
  2. package/Common/AlertBox/index.module.css +47 -46
  3. package/Common/AvatarGroup/Avatar/index.js +11 -0
  4. package/Common/AvatarGroup/Avatar/index.module.css +50 -30
  5. package/Common/AvatarGroup/Overlay/index.js +6 -0
  6. package/Common/AvatarGroup/Overlay/index.module.css +28 -21
  7. package/Common/AvatarGroup/index.js +21 -0
  8. package/Common/AvatarGroup/index.module.css +12 -15
  9. package/Common/Badge/index.js +7 -0
  10. package/Common/Badge/index.module.css +34 -26
  11. package/Common/BadgeGroup/index.js +6 -0
  12. package/Common/BadgeGroup/index.module.css +75 -51
  13. package/Common/Banner/index.js +4 -0
  14. package/Common/Banner/index.module.css +30 -27
  15. package/Common/BaseActiveLink/index.js +14 -0
  16. package/Common/BaseButton/index.js +10 -0
  17. package/Common/BaseButton/index.module.css +332 -102
  18. package/Common/BaseCodeBox/index.js +50 -0
  19. package/Common/BaseCodeBox/index.module.css +76 -64
  20. package/Common/BaseCrossLink/index.js +12 -0
  21. package/Common/BaseCrossLink/index.module.css +57 -39
  22. package/Common/BaseLinkTabs/index.js +5 -0
  23. package/Common/BaseLinkTabs/index.module.css +67 -33
  24. package/Common/BasePagination/Ellipsis/index.js +4 -0
  25. package/Common/BasePagination/Ellipsis/index.module.css +14 -8
  26. package/Common/BasePagination/PaginationListItem/index.js +6 -0
  27. package/Common/BasePagination/PaginationListItem/index.module.css +36 -21
  28. package/Common/BasePagination/PrevNextArrow.js +7 -0
  29. package/Common/BasePagination/index.js +10 -0
  30. package/Common/BasePagination/index.module.css +27 -26
  31. package/Common/BasePagination/useGetPageElements.js +77 -0
  32. package/Common/Blockquote/index.js +4 -0
  33. package/Common/Blockquote/index.module.css +44 -23
  34. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.js +9 -0
  35. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +3 -3
  36. package/Common/Breadcrumbs/BreadcrumbItem/index.js +6 -0
  37. package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +38 -27
  38. package/Common/Breadcrumbs/BreadcrumbLink/index.js +5 -0
  39. package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +26 -16
  40. package/Common/Breadcrumbs/BreadcrumbRoot/index.js +4 -0
  41. package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +8 -7
  42. package/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.js +4 -0
  43. package/Common/Breadcrumbs/index.js +22 -0
  44. package/Common/ChangeHistory/index.js +9 -0
  45. package/Common/ChangeHistory/index.module.css +198 -0
  46. package/Common/CodeTabs/index.js +5 -0
  47. package/Common/CodeTabs/index.module.css +47 -36
  48. package/Common/DataTag/index.js +18 -0
  49. package/Common/DataTag/index.module.css +54 -0
  50. package/Common/GlowingBackdrop/index.js +5 -0
  51. package/Common/GlowingBackdrop/index.module.css +126 -28
  52. package/Common/LanguageDropDown/index.js +11 -0
  53. package/Common/LanguageDropDown/index.module.css +140 -42
  54. package/Common/Modal/index.js +10 -0
  55. package/Common/Modal/index.module.css +217 -62
  56. package/Common/NodejsLogo/index.js +7 -0
  57. package/Common/NodejsLogo/index.module.css +3 -4
  58. package/Common/Notification/index.js +6 -0
  59. package/Common/Notification/index.module.css +101 -17
  60. package/Common/Preview/index.js +7 -0
  61. package/Common/Preview/index.module.css +269 -65
  62. package/Common/Select/index.js +46 -0
  63. package/Common/Select/index.module.css +294 -127
  64. package/Common/Separator/index.js +7 -0
  65. package/Common/Separator/index.module.css +7 -10
  66. package/Common/Skeleton/index.js +18 -0
  67. package/Common/Skeleton/index.module.css +118 -21
  68. package/Common/Tabs/index.js +6 -0
  69. package/Common/Tabs/index.module.css +58 -40
  70. package/Common/ThemeToggle/index.js +7 -0
  71. package/Common/ThemeToggle/index.module.css +18 -11
  72. package/Common/Tooltip/index.js +8 -0
  73. package/Common/Tooltip/index.module.css +119 -29
  74. package/Containers/Article/index.js +4 -0
  75. package/Containers/Article/index.module.css +127 -58
  76. package/Containers/DocSideBar/index.js +1 -0
  77. package/Containers/Footer/index.js +22 -0
  78. package/Containers/Footer/index.module.css +51 -36
  79. package/Containers/MetaBar/index.js +12 -0
  80. package/Containers/MetaBar/index.module.css +101 -69
  81. package/Containers/NavBar/NavItem/index.js +7 -0
  82. package/Containers/NavBar/NavItem/index.module.css +50 -36
  83. package/Containers/NavBar/index.js +18 -0
  84. package/Containers/NavBar/index.module.css +176 -96
  85. package/Containers/Sidebar/ProgressionIcon/index.js +3 -0
  86. package/Containers/Sidebar/SidebarGroup/index.js +9 -0
  87. package/Containers/Sidebar/SidebarGroup/index.module.css +188 -22
  88. package/Containers/Sidebar/SidebarItem/index.js +11 -0
  89. package/Containers/Sidebar/SidebarItem/index.module.css +60 -28
  90. package/Containers/Sidebar/index.js +15 -0
  91. package/Containers/Sidebar/index.module.css +44 -27
  92. package/Icons/HexagonGrid.js +3 -0
  93. package/Icons/InstallationMethod/Choco.js +3 -0
  94. package/Icons/InstallationMethod/Devbox.js +3 -0
  95. package/Icons/InstallationMethod/Docker.js +3 -0
  96. package/Icons/InstallationMethod/FNM.js +3 -0
  97. package/Icons/InstallationMethod/Homebrew.js +3 -0
  98. package/Icons/InstallationMethod/N.js +5 -0
  99. package/Icons/InstallationMethod/NVM.js +3 -0
  100. package/Icons/InstallationMethod/Volta.js +3 -0
  101. package/Icons/InstallationMethod/{index.ts → index.js} +0 -1
  102. package/Icons/Logos/JsWhite.js +3 -0
  103. package/Icons/Logos/Nodejs.js +12 -0
  104. package/Icons/Logos/index.js +3 -0
  105. package/Icons/OperatingSystem/AIX.js +3 -0
  106. package/Icons/OperatingSystem/Apple.js +3 -0
  107. package/Icons/OperatingSystem/Linux.js +3 -0
  108. package/Icons/OperatingSystem/Microsoft.js +3 -0
  109. package/Icons/OperatingSystem/{index.ts → index.js} +0 -1
  110. package/Icons/PackageManager/Npm.js +3 -0
  111. package/Icons/PackageManager/Pnpm.js +3 -0
  112. package/Icons/PackageManager/Yarn.js +3 -0
  113. package/Icons/PackageManager/{index.ts → index.js} +0 -1
  114. package/Icons/Social/Bluesky.js +3 -0
  115. package/Icons/Social/Discord.js +3 -0
  116. package/Icons/Social/GitHub.js +3 -0
  117. package/Icons/Social/LinkedIn.js +3 -0
  118. package/Icons/Social/Mastodon.js +3 -0
  119. package/Icons/Social/Slack.js +3 -0
  120. package/Icons/Social/X.js +3 -0
  121. package/Icons/Social/{index.ts → index.js} +0 -1
  122. package/MDX/CodeTabs.js +16 -0
  123. package/package.json +19 -69
  124. package/stylelint/one-utility-class-per-line.mjs +34 -50
  125. package/stylelint/utils.mjs +19 -25
  126. package/styles/index.css +1124 -26
  127. package/types.js +1 -0
  128. package/Common/AlertBox/index.stories.tsx +0 -73
  129. package/Common/AlertBox/index.tsx +0 -24
  130. package/Common/AvatarGroup/Avatar/index.stories.tsx +0 -22
  131. package/Common/AvatarGroup/Avatar/index.tsx +0 -67
  132. package/Common/AvatarGroup/Overlay/index.stories.tsx +0 -33
  133. package/Common/AvatarGroup/Overlay/index.tsx +0 -37
  134. package/Common/AvatarGroup/__tests__/index.test.jsx +0 -55
  135. package/Common/AvatarGroup/index.stories.tsx +0 -56
  136. package/Common/AvatarGroup/index.tsx +0 -87
  137. package/Common/Badge/index.stories.tsx +0 -38
  138. package/Common/Badge/index.tsx +0 -35
  139. package/Common/BadgeGroup/index.stories.tsx +0 -35
  140. package/Common/BadgeGroup/index.tsx +0 -35
  141. package/Common/Banner/index.stories.tsx +0 -29
  142. package/Common/Banner/index.tsx +0 -18
  143. package/Common/BaseActiveLink/__tests__/index.test.jsx +0 -52
  144. package/Common/BaseActiveLink/index.tsx +0 -34
  145. package/Common/BaseButton/index.stories.tsx +0 -67
  146. package/Common/BaseButton/index.tsx +0 -59
  147. package/Common/BaseCodeBox/index.stories.tsx +0 -39
  148. package/Common/BaseCodeBox/index.tsx +0 -133
  149. package/Common/BaseCrossLink/index.stories.tsx +0 -38
  150. package/Common/BaseCrossLink/index.tsx +0 -46
  151. package/Common/BaseLinkTabs/index.stories.tsx +0 -34
  152. package/Common/BaseLinkTabs/index.tsx +0 -53
  153. package/Common/BasePagination/Ellipsis/index.stories.tsx +0 -10
  154. package/Common/BasePagination/Ellipsis/index.tsx +0 -11
  155. package/Common/BasePagination/PaginationListItem/__tests__/index.test.jsx +0 -58
  156. package/Common/BasePagination/PaginationListItem/index.stories.tsx +0 -40
  157. package/Common/BasePagination/PaginationListItem/index.tsx +0 -39
  158. package/Common/BasePagination/PrevNextArrow.tsx +0 -15
  159. package/Common/BasePagination/__tests__/index.test.jsx +0 -180
  160. package/Common/BasePagination/index.stories.tsx +0 -67
  161. package/Common/BasePagination/index.tsx +0 -77
  162. package/Common/BasePagination/useGetPageElements.tsx +0 -132
  163. package/Common/Blockquote/index.stories.tsx +0 -45
  164. package/Common/Blockquote/index.tsx +0 -11
  165. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx +0 -30
  166. package/Common/Breadcrumbs/BreadcrumbItem/index.tsx +0 -42
  167. package/Common/Breadcrumbs/BreadcrumbLink/index.tsx +0 -37
  168. package/Common/Breadcrumbs/BreadcrumbRoot/index.tsx +0 -20
  169. package/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.tsx +0 -9
  170. package/Common/Breadcrumbs/index.stories.tsx +0 -94
  171. package/Common/Breadcrumbs/index.tsx +0 -81
  172. package/Common/CodeTabs/index.stories.tsx +0 -74
  173. package/Common/CodeTabs/index.tsx +0 -16
  174. package/Common/GlowingBackdrop/index.stories.tsx +0 -10
  175. package/Common/GlowingBackdrop/index.tsx +0 -13
  176. package/Common/LanguageDropDown/index.stories.tsx +0 -19
  177. package/Common/LanguageDropDown/index.tsx +0 -56
  178. package/Common/Modal/index.stories.tsx +0 -32
  179. package/Common/Modal/index.tsx +0 -48
  180. package/Common/NodejsLogo/index.stories.tsx +0 -14
  181. package/Common/NodejsLogo/index.tsx +0 -26
  182. package/Common/Notification/index.stories.tsx +0 -36
  183. package/Common/Notification/index.tsx +0 -34
  184. package/Common/Preview/index.stories.tsx +0 -44
  185. package/Common/Preview/index.tsx +0 -25
  186. package/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css +0 -47
  187. package/Common/ProgressionSidebar/ProgressionSidebarGroup/index.tsx +0 -35
  188. package/Common/ProgressionSidebar/ProgressionSidebarIcon/index.tsx +0 -16
  189. package/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css +0 -39
  190. package/Common/ProgressionSidebar/ProgressionSidebarItem/index.tsx +0 -32
  191. package/Common/ProgressionSidebar/index.module.css +0 -30
  192. package/Common/ProgressionSidebar/index.stories.tsx +0 -79
  193. package/Common/ProgressionSidebar/index.tsx +0 -59
  194. package/Common/Select/__tests__/index.test.jsx +0 -67
  195. package/Common/Select/index.stories.tsx +0 -111
  196. package/Common/Select/index.tsx +0 -187
  197. package/Common/Separator/index.stories.tsx +0 -32
  198. package/Common/Separator/index.tsx +0 -27
  199. package/Common/Skeleton/index.tsx +0 -39
  200. package/Common/Tabs/__tests__/index.test.jsx +0 -52
  201. package/Common/Tabs/index.stories.tsx +0 -50
  202. package/Common/Tabs/index.tsx +0 -54
  203. package/Common/ThemeToggle/__tests__/index.test.jsx +0 -35
  204. package/Common/ThemeToggle/index.stories.tsx +0 -10
  205. package/Common/ThemeToggle/index.tsx +0 -15
  206. package/Common/Tooltip/index.stories.tsx +0 -73
  207. package/Common/Tooltip/index.tsx +0 -48
  208. package/Containers/Article/index.stories.tsx +0 -39
  209. package/Containers/Article/index.tsx +0 -9
  210. package/Containers/Footer/index.stories.tsx +0 -27
  211. package/Containers/Footer/index.tsx +0 -95
  212. package/Containers/MetaBar/__tests__/index.test.jsx +0 -63
  213. package/Containers/MetaBar/index.stories.tsx +0 -80
  214. package/Containers/MetaBar/index.tsx +0 -72
  215. package/Containers/NavBar/NavItem/index.stories.tsx +0 -38
  216. package/Containers/NavBar/NavItem/index.tsx +0 -44
  217. package/Containers/NavBar/index.stories.tsx +0 -45
  218. package/Containers/NavBar/index.tsx +0 -94
  219. package/Containers/Sidebar/SidebarGroup/index.stories.tsx +0 -36
  220. package/Containers/Sidebar/SidebarGroup/index.tsx +0 -30
  221. package/Containers/Sidebar/SidebarItem/index.stories.tsx +0 -15
  222. package/Containers/Sidebar/SidebarItem/index.tsx +0 -26
  223. package/Containers/Sidebar/index.stories.tsx +0 -84
  224. package/Containers/Sidebar/index.tsx +0 -58
  225. package/Icons/HexagonGrid.stories.tsx +0 -10
  226. package/Icons/HexagonGrid.tsx +0 -1434
  227. package/Icons/InstallationMethod/Choco.tsx +0 -78
  228. package/Icons/InstallationMethod/Devbox.tsx +0 -21
  229. package/Icons/InstallationMethod/Docker.tsx +0 -20
  230. package/Icons/InstallationMethod/FNM.tsx +0 -132
  231. package/Icons/InstallationMethod/Homebrew.tsx +0 -69
  232. package/Icons/InstallationMethod/N.tsx +0 -32
  233. package/Icons/InstallationMethod/NVM.tsx +0 -63
  234. package/Icons/InstallationMethod/Volta.tsx +0 -34
  235. package/Icons/Logos/JsGreen.tsx +0 -24
  236. package/Icons/Logos/JsWhite.tsx +0 -37
  237. package/Icons/Logos/Nodejs.tsx +0 -188
  238. package/Icons/Logos/NodejsStackedBlack.tsx +0 -98
  239. package/Icons/Logos/NodejsStackedDark.tsx +0 -124
  240. package/Icons/Logos/NodejsStackedLight.tsx +0 -123
  241. package/Icons/Logos/NodejsStackedWhite.tsx +0 -98
  242. package/Icons/Logos/index.ts +0 -17
  243. package/Icons/OperatingSystem/AIX.tsx +0 -46
  244. package/Icons/OperatingSystem/Apple.tsx +0 -23
  245. package/Icons/OperatingSystem/Linux.tsx +0 -969
  246. package/Icons/OperatingSystem/Microsoft.tsx +0 -19
  247. package/Icons/PackageManager/Npm.tsx +0 -21
  248. package/Icons/PackageManager/Pnpm.tsx +0 -22
  249. package/Icons/PackageManager/Yarn.tsx +0 -22
  250. package/Icons/Social/Bluesky.tsx +0 -19
  251. package/Icons/Social/Discord.tsx +0 -20
  252. package/Icons/Social/GitHub.tsx +0 -16
  253. package/Icons/Social/LinkedIn.tsx +0 -16
  254. package/Icons/Social/Mastodon.tsx +0 -36
  255. package/Icons/Social/Slack.tsx +0 -31
  256. package/Icons/Social/X.tsx +0 -16
  257. package/stylelint/__tests__/index.test.mjs +0 -80
  258. package/styles/animations.css +0 -47
  259. package/styles/base.css +0 -17
  260. package/styles/effects.css +0 -12
  261. package/styles/markdown.css +0 -173
  262. package/styles/theme.css +0 -175
  263. package/types.ts +0 -25
@@ -1,84 +0,0 @@
1
- import type { Meta as MetaObj, StoryObj } from '@storybook/react';
2
-
3
- import Sidebar from '#ui/Containers/Sidebar';
4
-
5
- type Story = StoryObj<typeof Sidebar>;
6
- type Meta = MetaObj<typeof Sidebar>;
7
-
8
- export const Default: Story = {
9
- args: {
10
- groups: [
11
- {
12
- groupName: 'About Node.js',
13
- items: [
14
- {
15
- link: '/item1',
16
- label: 'About Node.js',
17
- },
18
- {
19
- link: '/item2',
20
- label: 'Project Governance',
21
- },
22
- {
23
- link: '/item3',
24
- label: 'Releases',
25
- },
26
- {
27
- link: '/item4',
28
- label: 'Branding',
29
- },
30
- {
31
- link: '/item5',
32
- label: 'Privacy Policy',
33
- },
34
- {
35
- link: '/item6',
36
- label: 'Security Reporting',
37
- },
38
- ],
39
- },
40
- {
41
- groupName: 'Get Involved',
42
- items: [
43
- {
44
- link: '/item7',
45
- label: 'Get Involved',
46
- },
47
- {
48
- link: '/item8',
49
- label: 'Collab Summit',
50
- },
51
- {
52
- link: '/item9',
53
- label: 'Contribute',
54
- },
55
- {
56
- link: '/item10',
57
- label: 'Code of Conduct',
58
- },
59
- ],
60
- },
61
- {
62
- groupName: 'Download',
63
- items: [
64
- {
65
- link: '/item11',
66
- label: 'Download',
67
- },
68
- {
69
- link: '/item12',
70
- label: 'Package Manager',
71
- },
72
- {
73
- link: '/item13',
74
- label: 'Node.js Releases',
75
- },
76
- ],
77
- },
78
- ],
79
- title: 'Sidebar',
80
- onSelect: console.log,
81
- },
82
- };
83
-
84
- export default { component: Sidebar } as Meta;
@@ -1,58 +0,0 @@
1
- import type { ComponentProps, FC } from 'react';
2
-
3
- import Select from '#ui/Common/Select';
4
- import SidebarGroup from '#ui/Containers/Sidebar/SidebarGroup';
5
- import type { LinkLike } from '#ui/types';
6
-
7
- import styles from './index.module.css';
8
-
9
- type SidebarProps = {
10
- groups: Array<Omit<ComponentProps<typeof SidebarGroup>, 'as' | 'pathname'>>;
11
- pathname?: string;
12
- title: string;
13
- onSelect: (value: string) => void;
14
- as?: LinkLike;
15
- };
16
-
17
- const SideBar: FC<SidebarProps> = ({
18
- groups,
19
- pathname,
20
- title,
21
- onSelect,
22
- as,
23
- }) => {
24
- const selectItems = groups.map(({ items, groupName }) => ({
25
- label: groupName,
26
- items: items.map(({ label, link }) => ({ value: link, label })),
27
- }));
28
-
29
- const currentItem = selectItems
30
- .map(item => item.items)
31
- .flat()
32
- .find(item => pathname === item.value);
33
-
34
- return (
35
- <aside className={styles.wrapper}>
36
- {selectItems.length > 0 && (
37
- <Select
38
- label={title}
39
- values={selectItems}
40
- defaultValue={currentItem?.value}
41
- onChange={onSelect}
42
- />
43
- )}
44
-
45
- {groups.map(({ groupName, items }) => (
46
- <SidebarGroup
47
- key={groupName.toString()}
48
- groupName={groupName}
49
- items={items}
50
- pathname={pathname}
51
- as={as}
52
- />
53
- ))}
54
- </aside>
55
- );
56
- };
57
-
58
- export default SideBar;
@@ -1,10 +0,0 @@
1
- import type { Meta as MetaObj, StoryObj } from '@storybook/react';
2
-
3
- import HexagonGrid from '#ui/Icons/HexagonGrid';
4
-
5
- type Story = StoryObj<typeof HexagonGrid>;
6
- type Meta = MetaObj<typeof HexagonGrid>;
7
-
8
- export const Default: Story = {};
9
-
10
- export default { component: HexagonGrid } as Meta;