@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.
- package/Common/AlertBox/index.js +5 -0
- package/Common/AlertBox/index.module.css +47 -46
- package/Common/AvatarGroup/Avatar/index.js +11 -0
- package/Common/AvatarGroup/Avatar/index.module.css +50 -30
- package/Common/AvatarGroup/Overlay/index.js +6 -0
- package/Common/AvatarGroup/Overlay/index.module.css +28 -21
- package/Common/AvatarGroup/index.js +21 -0
- package/Common/AvatarGroup/index.module.css +12 -15
- package/Common/Badge/index.js +7 -0
- package/Common/Badge/index.module.css +34 -26
- package/Common/BadgeGroup/index.js +6 -0
- package/Common/BadgeGroup/index.module.css +75 -51
- package/Common/Banner/index.js +4 -0
- package/Common/Banner/index.module.css +30 -27
- package/Common/BaseActiveLink/index.js +14 -0
- package/Common/BaseButton/index.js +10 -0
- package/Common/BaseButton/index.module.css +332 -102
- package/Common/BaseCodeBox/index.js +50 -0
- package/Common/BaseCodeBox/index.module.css +76 -64
- package/Common/BaseCrossLink/index.js +12 -0
- package/Common/BaseCrossLink/index.module.css +57 -39
- package/Common/BaseLinkTabs/index.js +5 -0
- package/Common/BaseLinkTabs/index.module.css +67 -33
- package/Common/BasePagination/Ellipsis/index.js +4 -0
- package/Common/BasePagination/Ellipsis/index.module.css +14 -8
- package/Common/BasePagination/PaginationListItem/index.js +6 -0
- package/Common/BasePagination/PaginationListItem/index.module.css +36 -21
- package/Common/BasePagination/PrevNextArrow.js +7 -0
- package/Common/BasePagination/index.js +10 -0
- package/Common/BasePagination/index.module.css +27 -26
- package/Common/BasePagination/useGetPageElements.js +77 -0
- package/Common/Blockquote/index.js +4 -0
- package/Common/Blockquote/index.module.css +44 -23
- package/Common/Breadcrumbs/BreadcrumbHomeLink/index.js +9 -0
- package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +3 -3
- package/Common/Breadcrumbs/BreadcrumbItem/index.js +6 -0
- package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +38 -27
- package/Common/Breadcrumbs/BreadcrumbLink/index.js +5 -0
- package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +26 -16
- package/Common/Breadcrumbs/BreadcrumbRoot/index.js +4 -0
- package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +8 -7
- package/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.js +4 -0
- package/Common/Breadcrumbs/index.js +22 -0
- package/Common/ChangeHistory/index.js +9 -0
- package/Common/ChangeHistory/index.module.css +198 -0
- package/Common/CodeTabs/index.js +5 -0
- package/Common/CodeTabs/index.module.css +47 -36
- package/Common/DataTag/index.js +18 -0
- package/Common/DataTag/index.module.css +54 -0
- package/Common/GlowingBackdrop/index.js +5 -0
- package/Common/GlowingBackdrop/index.module.css +126 -28
- package/Common/LanguageDropDown/index.js +11 -0
- package/Common/LanguageDropDown/index.module.css +140 -42
- package/Common/Modal/index.js +10 -0
- package/Common/Modal/index.module.css +217 -62
- package/Common/NodejsLogo/index.js +7 -0
- package/Common/NodejsLogo/index.module.css +3 -4
- package/Common/Notification/index.js +6 -0
- package/Common/Notification/index.module.css +101 -17
- package/Common/Preview/index.js +7 -0
- package/Common/Preview/index.module.css +269 -65
- package/Common/Select/index.js +46 -0
- package/Common/Select/index.module.css +294 -127
- package/Common/Separator/index.js +7 -0
- package/Common/Separator/index.module.css +7 -10
- package/Common/Skeleton/index.js +18 -0
- package/Common/Skeleton/index.module.css +118 -21
- package/Common/Tabs/index.js +6 -0
- package/Common/Tabs/index.module.css +58 -40
- package/Common/ThemeToggle/index.js +7 -0
- package/Common/ThemeToggle/index.module.css +18 -11
- package/Common/Tooltip/index.js +8 -0
- package/Common/Tooltip/index.module.css +119 -29
- package/Containers/Article/index.js +4 -0
- package/Containers/Article/index.module.css +127 -58
- package/Containers/DocSideBar/index.js +1 -0
- package/Containers/Footer/index.js +22 -0
- package/Containers/Footer/index.module.css +51 -36
- package/Containers/MetaBar/index.js +12 -0
- package/Containers/MetaBar/index.module.css +101 -69
- package/Containers/NavBar/NavItem/index.js +7 -0
- package/Containers/NavBar/NavItem/index.module.css +50 -36
- package/Containers/NavBar/index.js +18 -0
- package/Containers/NavBar/index.module.css +176 -96
- package/Containers/Sidebar/ProgressionIcon/index.js +3 -0
- package/Containers/Sidebar/SidebarGroup/index.js +9 -0
- package/Containers/Sidebar/SidebarGroup/index.module.css +188 -22
- package/Containers/Sidebar/SidebarItem/index.js +11 -0
- package/Containers/Sidebar/SidebarItem/index.module.css +60 -28
- package/Containers/Sidebar/index.js +15 -0
- package/Containers/Sidebar/index.module.css +44 -27
- package/Icons/HexagonGrid.js +3 -0
- package/Icons/InstallationMethod/Choco.js +3 -0
- package/Icons/InstallationMethod/Devbox.js +3 -0
- package/Icons/InstallationMethod/Docker.js +3 -0
- package/Icons/InstallationMethod/FNM.js +3 -0
- package/Icons/InstallationMethod/Homebrew.js +3 -0
- package/Icons/InstallationMethod/N.js +5 -0
- package/Icons/InstallationMethod/NVM.js +3 -0
- package/Icons/InstallationMethod/Volta.js +3 -0
- package/Icons/InstallationMethod/{index.ts → index.js} +0 -1
- package/Icons/Logos/JsWhite.js +3 -0
- package/Icons/Logos/Nodejs.js +12 -0
- package/Icons/Logos/index.js +3 -0
- package/Icons/OperatingSystem/AIX.js +3 -0
- package/Icons/OperatingSystem/Apple.js +3 -0
- package/Icons/OperatingSystem/Linux.js +3 -0
- package/Icons/OperatingSystem/Microsoft.js +3 -0
- package/Icons/OperatingSystem/{index.ts → index.js} +0 -1
- package/Icons/PackageManager/Npm.js +3 -0
- package/Icons/PackageManager/Pnpm.js +3 -0
- package/Icons/PackageManager/Yarn.js +3 -0
- package/Icons/PackageManager/{index.ts → index.js} +0 -1
- package/Icons/Social/Bluesky.js +3 -0
- package/Icons/Social/Discord.js +3 -0
- package/Icons/Social/GitHub.js +3 -0
- package/Icons/Social/LinkedIn.js +3 -0
- package/Icons/Social/Mastodon.js +3 -0
- package/Icons/Social/Slack.js +3 -0
- package/Icons/Social/X.js +3 -0
- package/Icons/Social/{index.ts → index.js} +0 -1
- package/MDX/CodeTabs.js +16 -0
- package/package.json +19 -69
- package/stylelint/one-utility-class-per-line.mjs +34 -50
- package/stylelint/utils.mjs +19 -25
- package/styles/index.css +1124 -26
- package/types.js +1 -0
- package/Common/AlertBox/index.stories.tsx +0 -73
- package/Common/AlertBox/index.tsx +0 -24
- package/Common/AvatarGroup/Avatar/index.stories.tsx +0 -22
- package/Common/AvatarGroup/Avatar/index.tsx +0 -67
- package/Common/AvatarGroup/Overlay/index.stories.tsx +0 -33
- package/Common/AvatarGroup/Overlay/index.tsx +0 -37
- package/Common/AvatarGroup/__tests__/index.test.jsx +0 -55
- package/Common/AvatarGroup/index.stories.tsx +0 -56
- package/Common/AvatarGroup/index.tsx +0 -87
- package/Common/Badge/index.stories.tsx +0 -38
- package/Common/Badge/index.tsx +0 -35
- package/Common/BadgeGroup/index.stories.tsx +0 -35
- package/Common/BadgeGroup/index.tsx +0 -35
- package/Common/Banner/index.stories.tsx +0 -29
- package/Common/Banner/index.tsx +0 -18
- package/Common/BaseActiveLink/__tests__/index.test.jsx +0 -52
- package/Common/BaseActiveLink/index.tsx +0 -34
- package/Common/BaseButton/index.stories.tsx +0 -67
- package/Common/BaseButton/index.tsx +0 -59
- package/Common/BaseCodeBox/index.stories.tsx +0 -39
- package/Common/BaseCodeBox/index.tsx +0 -133
- package/Common/BaseCrossLink/index.stories.tsx +0 -38
- package/Common/BaseCrossLink/index.tsx +0 -46
- package/Common/BaseLinkTabs/index.stories.tsx +0 -34
- package/Common/BaseLinkTabs/index.tsx +0 -53
- package/Common/BasePagination/Ellipsis/index.stories.tsx +0 -10
- package/Common/BasePagination/Ellipsis/index.tsx +0 -11
- package/Common/BasePagination/PaginationListItem/__tests__/index.test.jsx +0 -58
- package/Common/BasePagination/PaginationListItem/index.stories.tsx +0 -40
- package/Common/BasePagination/PaginationListItem/index.tsx +0 -39
- package/Common/BasePagination/PrevNextArrow.tsx +0 -15
- package/Common/BasePagination/__tests__/index.test.jsx +0 -180
- package/Common/BasePagination/index.stories.tsx +0 -67
- package/Common/BasePagination/index.tsx +0 -77
- package/Common/BasePagination/useGetPageElements.tsx +0 -132
- package/Common/Blockquote/index.stories.tsx +0 -45
- package/Common/Blockquote/index.tsx +0 -11
- package/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx +0 -30
- package/Common/Breadcrumbs/BreadcrumbItem/index.tsx +0 -42
- package/Common/Breadcrumbs/BreadcrumbLink/index.tsx +0 -37
- package/Common/Breadcrumbs/BreadcrumbRoot/index.tsx +0 -20
- package/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.tsx +0 -9
- package/Common/Breadcrumbs/index.stories.tsx +0 -94
- package/Common/Breadcrumbs/index.tsx +0 -81
- package/Common/CodeTabs/index.stories.tsx +0 -74
- package/Common/CodeTabs/index.tsx +0 -16
- package/Common/GlowingBackdrop/index.stories.tsx +0 -10
- package/Common/GlowingBackdrop/index.tsx +0 -13
- package/Common/LanguageDropDown/index.stories.tsx +0 -19
- package/Common/LanguageDropDown/index.tsx +0 -56
- package/Common/Modal/index.stories.tsx +0 -32
- package/Common/Modal/index.tsx +0 -48
- package/Common/NodejsLogo/index.stories.tsx +0 -14
- package/Common/NodejsLogo/index.tsx +0 -26
- package/Common/Notification/index.stories.tsx +0 -36
- package/Common/Notification/index.tsx +0 -34
- package/Common/Preview/index.stories.tsx +0 -44
- package/Common/Preview/index.tsx +0 -25
- package/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css +0 -47
- package/Common/ProgressionSidebar/ProgressionSidebarGroup/index.tsx +0 -35
- package/Common/ProgressionSidebar/ProgressionSidebarIcon/index.tsx +0 -16
- package/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css +0 -39
- package/Common/ProgressionSidebar/ProgressionSidebarItem/index.tsx +0 -32
- package/Common/ProgressionSidebar/index.module.css +0 -30
- package/Common/ProgressionSidebar/index.stories.tsx +0 -79
- package/Common/ProgressionSidebar/index.tsx +0 -59
- package/Common/Select/__tests__/index.test.jsx +0 -67
- package/Common/Select/index.stories.tsx +0 -111
- package/Common/Select/index.tsx +0 -187
- package/Common/Separator/index.stories.tsx +0 -32
- package/Common/Separator/index.tsx +0 -27
- package/Common/Skeleton/index.tsx +0 -39
- package/Common/Tabs/__tests__/index.test.jsx +0 -52
- package/Common/Tabs/index.stories.tsx +0 -50
- package/Common/Tabs/index.tsx +0 -54
- package/Common/ThemeToggle/__tests__/index.test.jsx +0 -35
- package/Common/ThemeToggle/index.stories.tsx +0 -10
- package/Common/ThemeToggle/index.tsx +0 -15
- package/Common/Tooltip/index.stories.tsx +0 -73
- package/Common/Tooltip/index.tsx +0 -48
- package/Containers/Article/index.stories.tsx +0 -39
- package/Containers/Article/index.tsx +0 -9
- package/Containers/Footer/index.stories.tsx +0 -27
- package/Containers/Footer/index.tsx +0 -95
- package/Containers/MetaBar/__tests__/index.test.jsx +0 -63
- package/Containers/MetaBar/index.stories.tsx +0 -80
- package/Containers/MetaBar/index.tsx +0 -72
- package/Containers/NavBar/NavItem/index.stories.tsx +0 -38
- package/Containers/NavBar/NavItem/index.tsx +0 -44
- package/Containers/NavBar/index.stories.tsx +0 -45
- package/Containers/NavBar/index.tsx +0 -94
- package/Containers/Sidebar/SidebarGroup/index.stories.tsx +0 -36
- package/Containers/Sidebar/SidebarGroup/index.tsx +0 -30
- package/Containers/Sidebar/SidebarItem/index.stories.tsx +0 -15
- package/Containers/Sidebar/SidebarItem/index.tsx +0 -26
- package/Containers/Sidebar/index.stories.tsx +0 -84
- package/Containers/Sidebar/index.tsx +0 -58
- package/Icons/HexagonGrid.stories.tsx +0 -10
- package/Icons/HexagonGrid.tsx +0 -1434
- package/Icons/InstallationMethod/Choco.tsx +0 -78
- package/Icons/InstallationMethod/Devbox.tsx +0 -21
- package/Icons/InstallationMethod/Docker.tsx +0 -20
- package/Icons/InstallationMethod/FNM.tsx +0 -132
- package/Icons/InstallationMethod/Homebrew.tsx +0 -69
- package/Icons/InstallationMethod/N.tsx +0 -32
- package/Icons/InstallationMethod/NVM.tsx +0 -63
- package/Icons/InstallationMethod/Volta.tsx +0 -34
- package/Icons/Logos/JsGreen.tsx +0 -24
- package/Icons/Logos/JsWhite.tsx +0 -37
- package/Icons/Logos/Nodejs.tsx +0 -188
- package/Icons/Logos/NodejsStackedBlack.tsx +0 -98
- package/Icons/Logos/NodejsStackedDark.tsx +0 -124
- package/Icons/Logos/NodejsStackedLight.tsx +0 -123
- package/Icons/Logos/NodejsStackedWhite.tsx +0 -98
- package/Icons/Logos/index.ts +0 -17
- package/Icons/OperatingSystem/AIX.tsx +0 -46
- package/Icons/OperatingSystem/Apple.tsx +0 -23
- package/Icons/OperatingSystem/Linux.tsx +0 -969
- package/Icons/OperatingSystem/Microsoft.tsx +0 -19
- package/Icons/PackageManager/Npm.tsx +0 -21
- package/Icons/PackageManager/Pnpm.tsx +0 -22
- package/Icons/PackageManager/Yarn.tsx +0 -22
- package/Icons/Social/Bluesky.tsx +0 -19
- package/Icons/Social/Discord.tsx +0 -20
- package/Icons/Social/GitHub.tsx +0 -16
- package/Icons/Social/LinkedIn.tsx +0 -16
- package/Icons/Social/Mastodon.tsx +0 -36
- package/Icons/Social/Slack.tsx +0 -31
- package/Icons/Social/X.tsx +0 -16
- package/stylelint/__tests__/index.test.mjs +0 -80
- package/styles/animations.css +0 -47
- package/styles/base.css +0 -17
- package/styles/effects.css +0 -12
- package/styles/markdown.css +0 -173
- package/styles/theme.css +0 -175
- 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;
|