Skip to content

Commit 8ec0d3f

Browse files
avivkelleravivkeller
committed
feat(ui): add ui-components package
1 parent 24925de commit 8ec0d3f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+3784
-4290
lines changed

‎apps/site/app/[locale]/next-data/og/route.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1+
import HexagonGrid from '@node-core/ui-components/Icons/HexagonGrid';
2+
import JsIconWhite from '@node-core/ui-components/Icons/Logos/JsIconWhite';
13
import { ImageResponse } from 'next/og';
24

3-
import HexagonGrid from '@/components/Icons/HexagonGrid';
4-
import JsIconWhite from '@/components/Icons/Logos/JsIconWhite';
55
import {
66
ENABLE_STATIC_EXPORT,
77
VERCEL_ENV,

‎apps/site/components/Common/GlowingBackdrop/index.tsx

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
1+
import HexagonGrid from '@node-core/ui-components/Icons/HexagonGrid';
12
import type { FC } from 'react';
23

3-
import HexagonGrid from '@/components/Icons/HexagonGrid';
4-
54
import styles from './index.module.css';
65

76
const GlowingBackdrop: FC = () => (

‎apps/site/components/Common/NodejsLogo/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1+
import Nodejs from '@node-core/ui-components/Icons/Logos/Nodejs';
12
import type { FC } from 'react';
23

3-
import Nodejs from '@/components/Icons/Logos/Nodejs';
44
import type { LogoVariant } from '@/types';
55

66
import style from './index.module.css';

‎apps/site/components/Common/Preview/index.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import HexagonGrid from '@node-core/ui-components/Icons/HexagonGrid';
2+
import JsIconWhite from '@node-core/ui-components/Icons/Logos/JsIconWhite';
13
import classNames from 'classnames';
24
import type { FC } from 'react';
35

4-
import HexagonGrid from '@/components/Icons/HexagonGrid';
5-
import JsIconWhite from '@/components/Icons/Logos/JsIconWhite';
66
import type { BlogPreviewType } from '@/types';
77

88
import styles from './index.module.css';

‎apps/site/components/Common/Select/index.stories.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1+
import Apple from '@node-core/ui-components/Icons/Platform/Apple';
2+
import Linux from '@node-core/ui-components/Icons/Platform/Linux';
3+
import Microsoft from '@node-core/ui-components/Icons/Platform/Microsoft';
14
import type { Meta as MetaObj, StoryObj } from '@storybook/react';
25

36
import Select from '@/components/Common/Select';
4-
import Apple from '@/components/Icons/Platform/Apple';
5-
import Linux from '@/components/Icons/Platform/Linux';
6-
import Microsoft from '@/components/Icons/Platform/Microsoft';
77

88
type Story = StoryObj<typeof Select>;
99
type Meta = MetaObj<typeof Select>;

‎apps/site/components/Containers/Footer/index.tsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1+
import GitHub from '@node-core/ui-components/Icons/Social/GitHub';
2+
import LinkedIn from '@node-core/ui-components/Icons/Social/LinkedIn';
3+
import Mastodon from '@node-core/ui-components/Icons/Social/Mastodon';
4+
import Slack from '@node-core/ui-components/Icons/Social/Slack';
5+
import Twitter from '@node-core/ui-components/Icons/Social/Twitter';
16
import { useTranslations } from 'next-intl';
27
import type { FC, SVGProps } from 'react';
38

49
import NavItem from '@/components/Containers/NavBar/NavItem';
5-
import GitHub from '@/components/Icons/Social/GitHub';
6-
import LinkedIn from '@/components/Icons/Social/LinkedIn';
7-
import Mastodon from '@/components/Icons/Social/Mastodon';
8-
import Slack from '@/components/Icons/Social/Slack';
9-
import Twitter from '@/components/Icons/Social/Twitter';
1010
import { siteNavigation } from '@/next.json.mjs';
1111

1212
import styles from './index.module.css';

‎apps/site/components/Containers/MetaBar/index.stories.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import { CodeBracketIcon } from '@heroicons/react/24/outline';
2+
import GitHub from '@node-core/ui-components/Icons/Social/GitHub';
23
import type { Meta as MetaObj, StoryObj } from '@storybook/react';
34

45
import AvatarGroup from '@/components/Common/AvatarGroup';
56
import MetaBar from '@/components/Containers/MetaBar';
6-
import GitHub from '@/components/Icons/Social/GitHub';
77
import Link from '@/components/Link';
88
import { getGitHubAvatarUrl } from '@/util/gitHubUtils';
99

‎apps/site/components/Containers/NavBar/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22

33
import Hamburger from '@heroicons/react/24/solid/Bars3Icon';
44
import XMark from '@heroicons/react/24/solid/XMarkIcon';
5+
import GitHub from '@node-core/ui-components/Icons/Social/GitHub';
56
import * as Label from '@radix-ui/react-label';
67
import { useState } from 'react';
78
import type { FC, ComponentProps, HTMLAttributeAnchorTarget } from 'react';
@@ -10,7 +11,6 @@ import LanguageDropdown from '@/components/Common/LanguageDropDown';
1011
import { SearchButton } from '@/components/Common/Search';
1112
import ThemeToggle from '@/components/Common/ThemeToggle';
1213
import NavItem from '@/components/Containers/NavBar/NavItem';
13-
import GitHub from '@/components/Icons/Social/GitHub';
1414
import Link from '@/components/Link';
1515
import WithNodejsLogo from '@/components/withNodejsLogo';
1616
import type { FormattedMessage } from '@/types';

‎apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
'use client';
22

3+
import Apple from '@node-core/ui-components/Icons/Platform/Apple';
4+
import Aix from '@node-core/ui-components/Icons/Platform/Generic';
5+
import Linux from '@node-core/ui-components/Icons/Platform/Linux';
6+
import Microsoft from '@node-core/ui-components/Icons/Platform/Microsoft';
37
import { useTranslations } from 'next-intl';
48
import { useContext, useEffect } from 'react';
59
import type { FC } from 'react';
610

711
import Select from '@/components/Common/Select';
8-
import Apple from '@/components/Icons/Platform/Apple';
9-
import Aix from '@/components/Icons/Platform/Generic';
10-
import Linux from '@/components/Icons/Platform/Linux';
11-
import Microsoft from '@/components/Icons/Platform/Microsoft';
1212
import { useDetectOS } from '@/hooks/react-client';
1313
import { ReleaseContext } from '@/providers/releaseProvider';
1414
import type { UserOS } from '@/types/userOS';

‎apps/site/components/Downloads/Release/PlatformDropdown.tsx

+7-6
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
'use client';
2+
3+
import Choco from '@node-core/ui-components/Icons/Platform/Choco';
4+
import Docker from '@node-core/ui-components/Icons/Platform/Docker';
5+
import FNM from '@node-core/ui-components/Icons/Platform/FNM';
6+
import Homebrew from '@node-core/ui-components/Icons/Platform/Homebrew';
7+
import NVM from '@node-core/ui-components/Icons/Platform/NVM';
28
import { useTranslations } from 'next-intl';
3-
import { useContext, useEffect, useMemo } from 'react';
49
import type { FC } from 'react';
10+
import { useContext, useEffect, useMemo } from 'react';
511

612
import Select from '@/components/Common/Select';
7-
import Choco from '@/components/Icons/Platform/Choco';
8-
import Docker from '@/components/Icons/Platform/Docker';
9-
import FNM from '@/components/Icons/Platform/FNM';
10-
import Homebrew from '@/components/Icons/Platform/Homebrew';
11-
import NVM from '@/components/Icons/Platform/NVM';
1213
import { ReleaseContext } from '@/providers/releaseProvider';
1314
import type { PackageManager } from '@/types/release';
1415
import { formatDropdownItems, platformItems } from '@/util/downloadUtils';

‎apps/site/components/withMetaBar.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
'use client';
2+
import GitHub from '@node-core/ui-components/Icons/Social/GitHub';
23
import { useFormatter } from 'next-intl';
34
import type { FC } from 'react';
45

56
import AvatarGroup from '@/components/Common/AvatarGroup';
67
import MetaBar from '@/components/Containers/MetaBar';
7-
import GitHub from '@/components/Icons/Social/GitHub';
88
import Link from '@/components/Link';
99
import { useClientContext } from '@/hooks/react-client';
1010
import useMediaQuery from '@/hooks/react-client/useMediaQuery';

0 commit comments

Comments
 (0)