Merge pull request 'fix: old palette purged from stories and stories purged from production build' (#4) from fixes/storybook into main

Reviewed-on: #4

biome.json

@@ -7,7 +7,7 @@
   },
   "files": {
     "ignoreUnknown": false,
-    "includes": ["src/**/*", "app/**/*", "*.ts", "*.tsx", "*.js", "*.jsx"]
+    "includes": ["src/**/*", "app/**/*", "*.ts", "*.tsx", "*.js", "*.jsx", "*.json", "*.css"]
   },
   "formatter": {
     "enabled": true,

package.json

@@ -1,6 +1,7 @@
 {
   "name": "portfolio",
   "version": "0.1.0",
+  "packageManager": "yarn@4.11.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

src/entities/experience/ui/ExperienceCard/ExperienceCard.stories.tsx

@@ -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 = {

src/shared/ui/Card/ui/Card.stories.tsx

@@ -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>
+          <CardTitle>Cream Card</CardTitle>
-          <CardDescription>Background ochre-clay variant</CardDescription>
+          <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>
+          <CardTitle>Blue Card</CardTitle>
-          <CardDescription>Background slate-indigo variant</CardDescription>
+          <CardDescription>Blue background variant</CardDescription>
-        </CardHeader>
-        <CardFooter>Footer content</CardFooter>
-      </Card>
-      <Card background="white" className="w-64">
-        <CardHeader>
-          <CardTitle>White Card</CardTitle>
-          <CardDescription>Background white 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>

src/shared/ui/Link/index.ts

@@ -1 +1,2 @@
+export type { LinkVariant } from './ui/Link/Link';
 export { Link } from './ui/Link/Link';

src/shared/ui/Section/ui/Section.stories.tsx

@@ -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>
+          <h2>Blue 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>
           <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>

tsconfig.json

@@ -35,13 +35,6 @@
       "$routes": ["./src/routes"]
     }
   },
-  "include": [
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts", "**/*.mts"],
-    "next-env.d.ts",
+  "exclude": ["node_modules", "**/*.stories.ts", "**/*.stories.tsx"]
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts"
-  ],
-  "exclude": ["node_modules"]
 }