Skip to content

Commit

Permalink
fix: merged js logos and fixed svgs (#5930)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ovflowd
ovflowd authored Oct 1, 2023
1 parent 4cdac87 commit 5fdaf73
Show file tree
Hide file tree
Showing 18 changed files with 231 additions and 331 deletions.
11 changes: 5 additions & 6 deletions components/__design__/color.stories.tsx → components/__design__/colors.stories.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
import type { Meta as MetaObj, StoryObj } from '@storybook/react';
import type { CSSProperties } from 'react';

export const Default: StoryObj = {};

const containerStyle = {
display: 'flex',
flexDirection: 'row',
Expand All @@ -24,9 +22,8 @@ const gridEntryStyle = {
gap: '1rem',
} satisfies CSSProperties;

export default {
title: 'Design System/Colors',
component: () => (
export const Colors: StoryObj = {
render: () => (
<div style={containerStyle}>
<div style={containerColorsStyle}>
<div style={gridEntryStyle}>
Expand Down Expand Up @@ -102,4 +99,6 @@ export default {
</div>
</div>
),
} as MetaObj;
};

export default { title: 'Design System' } as MetaObj;
11 changes: 5 additions & 6 deletions components/__design__/text.stories.tsx → ...onents/__design__/font-family.stories.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
import type { Meta as MetaObj, StoryObj } from '@storybook/react';
import type { CSSProperties } from 'react';

export const Default: StoryObj = {};

const textStyles = {
alignItems: 'center',
display: 'flex',
Expand All @@ -14,9 +12,8 @@ const textStyles = {
width: '100%',
} satisfies CSSProperties;

export default {
title: 'Design System/Text',
component: () => (
export const FontFamily: StoryObj = {
render: () => (
<div style={textStyles}>
<div>
<p className="text-xs font-regular">Text XS/Regular</p>
Expand Down Expand Up @@ -86,4 +83,6 @@ export default {
</div>
</div>
),
} as MetaObj;
};

export default { title: 'Design System' } as MetaObj;
38 changes: 0 additions & 38 deletions components/__design__/hex-logos.stories.tsx
View file

This file was deleted.

27 changes: 0 additions & 27 deletions components/__design__/horizontal-logos.stories.tsx
View file

This file was deleted.

30 changes: 0 additions & 30 deletions components/__design__/js-logos.stories.tsx
View file

This file was deleted.

121 changes: 121 additions & 0 deletions components/__design__/node-logos.stories.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
import type { Meta as MetaObj, StoryObj } from '@storybook/react';
import Image from 'next/image';

export const HorizontalLogos: StoryObj = {
render: () => (
<div>
<div>
<Image
src={`/static/images/logos/horizontal-light.svg`}
className="bg-black"
alt="Node.js"
width={267}
height={80}
/>
</div>
<div>
<Image
src={`/static/images/logos/horizontal-dark.svg`}
alt="Node.js"
width={267}
height={80}
/>
</div>
</div>
),
};

export const StackedLogos: StoryObj = {
render: () => (
<div>
<div>
<Image
src={`/static/images/logos/stacked-dark.svg`}
alt="Node.js"
width={267}
height={80}
/>
</div>
<div>
<Image
src={`/static/images/logos/stacked-black.svg`}
alt="Node.js"
width={267}
height={80}
/>
</div>
<div>
<Image
src={`/static/images/logos/stacked-white.svg`}
alt="Node.js"
width={267}
height={80}
/>
</div>
<div>
<Image
src={`/static/images/logos/stacked-light.svg`}
alt="Node.js"
width={267}
height={80}
/>
</div>
</div>
),
};

export const JSSymbols: StoryObj = {
render: () => (
<div>
<div>
<Image
src={`/static/images/logos/js-white.svg`}
alt="Node.js"
width={30}
height={30}
/>
</div>
<div>
<Image
src={`/static/images/logos/js-green.svg`}
alt="Node.js"
width={30}
height={30}
/>
</div>
</div>
),
};

export const HexSymbols: StoryObj = {
render: () => (
<div>
<div>
<Image
src={`/static/images/logos/hex-white.svg`}
alt="Node.js"
width={64}
height={64}
/>
</div>
<div>
<Image
src={`/static/images/logos/hex-black.svg`}
alt="Node.js"
width={64}
height={64}
/>
</div>
<div>
<Image
src={`/static/images/logos/hex-green.svg`}
alt="Node.js"
width={64}
height={64}
/>
</div>
</div>
),
};

export default { title: 'Design System/Node.js Logos' } as MetaObj;
87 changes: 46 additions & 41 deletions components/__design__/platform-logos.stories.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,46 +1,51 @@
import type { Meta as MetaObj, StoryObj } from '@storybook/react';
import Image from 'next/image';

export const PlatformLogos: StoryObj = {};

export default {
title: 'Design System/Platform Logos',
component: () => {
return (
export const PlatformLogos: StoryObj = {
render: () => (
<div>
<div>
<Image
src="/static/images/logos/platform-linux.svg"
alt="Ubuntu Logo"
width={64}
height={64}
/>
</div>
<div>
<Image
src="/static/images/logos/platform-apple.svg"
alt="Apple Logo"
width={64}
height={64}
/>
</div>
<div>
<div>
<Image
src="/static/images/logos/platform-apple.svg"
alt="Apple Logo"
width={64}
height={64}
/>
</div>
<div>
<Image
src="/static/images/logos/platform-microsoft.svg"
alt="Microsoft Logo"
width={64}
height={64}
/>
</div>
<div>
<Image
src="/static/images/logos/platform-homebrew.svg"
alt="Homebrew Logo"
width={64}
height={64}
/>
</div>
<div>
<Image
src="/static/images/logos/platform-placeholder.svg"
alt="Placeholder Logo"
width={64}
height={64}
/>
</div>
<Image
src="/static/images/logos/platform-microsoft.svg"
alt="Microsoft Logo"
width={64}
height={64}
/>
</div>
);
},
} as MetaObj;
<div>
<Image
src="/static/images/logos/platform-homebrew.svg"
alt="Homebrew Logo"
width={64}
height={64}
/>
</div>
<div>
<Image
src="/static/images/logos/platform-placeholder.svg"
alt="Placeholder Logo"
width={64}
height={64}
/>
</div>
</div>
),
};

export default { title: 'Design System' } as MetaObj;
Loading

0 comments on commit 5fdaf73

Please sign in to comment.