fix: old palette purged from stories and stories purged from production build
This commit is contained in:
@@ -23,6 +23,7 @@ const baseArgs = {
|
||||
period: '2021 – 2024',
|
||||
description:
|
||||
'Led frontend development for the core product, established design system practices, and mentored junior engineers across two distributed teams.',
|
||||
stack: ['React', 'TypeScript', 'Next.js'],
|
||||
};
|
||||
|
||||
export const Default: Story = {
|
||||
|
||||
@@ -13,24 +13,17 @@ type Story = StoryObj<typeof Card>;
|
||||
export const AllBackgrounds: Story = {
|
||||
render: () => (
|
||||
<div className="flex gap-6 flex-wrap p-8 bg-white">
|
||||
<Card background="ochre" className="w-64">
|
||||
<Card background="cream" className="w-64">
|
||||
<CardHeader>
|
||||
<CardTitle>Ochre Card</CardTitle>
|
||||
<CardDescription>Background ochre-clay variant</CardDescription>
|
||||
<CardTitle>Cream Card</CardTitle>
|
||||
<CardDescription>Default cream background variant</CardDescription>
|
||||
</CardHeader>
|
||||
<CardFooter>Footer content</CardFooter>
|
||||
</Card>
|
||||
<Card background="slate" className="w-64">
|
||||
<Card background="blue" className="w-64">
|
||||
<CardHeader>
|
||||
<CardTitle>Slate Card</CardTitle>
|
||||
<CardDescription>Background slate-indigo variant</CardDescription>
|
||||
</CardHeader>
|
||||
<CardFooter>Footer content</CardFooter>
|
||||
</Card>
|
||||
<Card background="white" className="w-64">
|
||||
<CardHeader>
|
||||
<CardTitle>White Card</CardTitle>
|
||||
<CardDescription>Background white variant</CardDescription>
|
||||
<CardTitle>Blue Card</CardTitle>
|
||||
<CardDescription>Blue background variant</CardDescription>
|
||||
</CardHeader>
|
||||
<CardFooter>Footer content</CardFooter>
|
||||
</Card>
|
||||
@@ -40,9 +33,9 @@ export const AllBackgrounds: Story = {
|
||||
|
||||
export const NoPadding: Story = {
|
||||
render: () => (
|
||||
<div className="p-8 bg-ochre-clay">
|
||||
<div className="p-8">
|
||||
<Card noPadding className="w-64 overflow-hidden">
|
||||
<div className="h-40 bg-slate-indigo flex items-center justify-center text-ochre-clay">Image placeholder</div>
|
||||
<div className="h-40 bg-blue flex items-center justify-center">Image placeholder</div>
|
||||
</Card>
|
||||
</div>
|
||||
),
|
||||
@@ -51,7 +44,7 @@ export const NoPadding: Story = {
|
||||
export const FullComposition: Story = {
|
||||
render: () => (
|
||||
<div className="p-8 bg-white max-w-md">
|
||||
<Card background="ochre">
|
||||
<Card background="cream">
|
||||
<CardHeader>
|
||||
<CardTitle>Full Composition</CardTitle>
|
||||
<CardDescription>A card using all available slot components</CardDescription>
|
||||
|
||||
@@ -1 +1,2 @@
|
||||
export type { LinkVariant } from './ui/Link/Link';
|
||||
export { Link } from './ui/Link/Link';
|
||||
|
||||
@@ -13,27 +13,18 @@ type Story = StoryObj<typeof Section>;
|
||||
export const AllBackgrounds: Story = {
|
||||
render: () => (
|
||||
<div>
|
||||
<Section background="ochre" className="py-12">
|
||||
<Section background="cream" className="py-12">
|
||||
<Container>
|
||||
<h2>Ochre Section</h2>
|
||||
<h2>Cream Section</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua.
|
||||
</p>
|
||||
</Container>
|
||||
</Section>
|
||||
<Section background="slate" className="py-12">
|
||||
<Section background="blue" className="py-12">
|
||||
<Container>
|
||||
<h2>Slate Section</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua.
|
||||
</p>
|
||||
</Container>
|
||||
</Section>
|
||||
<Section background="white" className="py-12">
|
||||
<Container>
|
||||
<h2>White Section</h2>
|
||||
<h2>Blue Section</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua.
|
||||
@@ -46,7 +37,7 @@ export const AllBackgrounds: Story = {
|
||||
|
||||
export const Bordered: Story = {
|
||||
render: () => (
|
||||
<Section background="ochre" bordered className="py-12">
|
||||
<Section background="cream" bordered className="py-12">
|
||||
<Container>
|
||||
<h2>Bordered Section</h2>
|
||||
<p>
|
||||
|
||||
Reference in New Issue
Block a user