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>
-          <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>

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>
-          <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>

tsconfig.json

@@ -43,5 +43,5 @@
     ".next/dev/types/**/*.ts",
     "**/*.mts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "**/*.stories.ts", "**/*.stories.tsx"]
 }