Clean up files

src/_codux/boards/address-picker/address-picker.board.tsx

@@ -6,6 +6,6 @@ export default createBoard({
     Board: () => <AddressPicker />,
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+    },
 });

src/_codux/boards/base-button/base-button.board.tsx

@@ -10,6 +10,6 @@ export default createBoard({
     ),
     isSnippet: true,
     environmentProps: {
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
     },
 });

src/_codux/boards/base-card/base-card.board.tsx

@@ -7,6 +7,6 @@ export default createBoard({
     isSnippet: false,
     environmentProps: {
         canvasWidth: 324,
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
     },
 });

src/_codux/boards/business-card/business-card.board.tsx

@@ -12,6 +12,6 @@ export default createBoard({
     isSnippet: false,
     environmentProps: {
         canvasWidth: 482,
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
     },
 });

src/_codux/boards/business-type-filter-bar/business-type-filter-bar.board.tsx

@@ -14,8 +14,8 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1
+            top: 0,
         },
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+    },
 });

src/_codux/boards/button/button.board.tsx

@@ -6,6 +6,6 @@ export default createBoard({
     Board: () => <Button variant="primary" />,
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+    },
 });

src/_codux/boards/category-card/category-card.board.tsx

@@ -7,7 +7,7 @@ export default createBoard({
     isSnippet: true,
     environmentProps: {
         canvasWidth: 365,
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
         windowWidth: 1024,
     },
 });

src/_codux/boards/cities-section/cities-section.board.tsx

@@ -16,6 +16,7 @@ export default createBoard({
             right: 0,
             top: 1,
         },
-        windowBackgroundColor: '#dddddd',
+        windowWidth: 1400,
+        windowHeight: 900,
     },
 });

src/_codux/boards/design-system/typography/typography.board.tsx

@@ -1,23 +1,73 @@
 import { createBoard } from '@wixc3/react-board';
-import styles from "./typography.module.scss";
+import styles from './typography.module.scss';
 
 export default createBoard({
     name: '🗂️ Typography',
-    Board: () => <div className={styles.root}>
-        <h1 className={styles.headingHuge}>People who love to eat are always the best people</h1>
-        <h2 className={styles.headingExtraLarge}>Food, to me, is always about cooking and eating with those you love and care for</h2>
-        <h3 className={styles.headingLarge}>Food brings people together on many different levels. It&apos;s nourishment of the soul and body; it&apos;s truly love.</h3>
-        <h4 className={styles.headingMedium}>Food brings people together on many different levels. It&apos;s nourishment of the soul and body; it&apos;s truly love.</h4>
-        <h5 className={styles.headingSmall}>A well-prepared meal is a love letter to the senses, an exquisite dance of colors, textures, and tastes that elevates the act of eating into a moment of pure joy</h5>
-        <h6 className={styles.headingTiny}>Eating mindfully is a meditation, a moment of gratitude for the labor of farmers, the artistry of chefs, and the abundance of the Earth. It&apos;s a communion with nature on a plate.</h6>
-        <p className={styles.paragraphHuge}>Cooking is about passion, so it may look slightly temperamental in a way that it&apos;s too assertive to the naked eye.</p>
-        <p className={styles.paragraphExtraLarge}>Food, with its tantalizing aromas and diverse flavors, serves as our common ground—a universal experience that transcends borders and languages. James Beard, a culinary icon, understood the unifying power of a well-prepared meal to bring people together in harmony.</p>
-        <p className={styles.paragraphLarge}>To dine well is not just a luxury; it is a necessity for a balanced life. Virginia Woolf eloquently expressed the intimate link between satiety and overall well-being, emphasizing that our ability to think, love, and sleep is profoundly influenced by the nourishment we provide our bodies.</p>
-        <p className={styles.paragraphBase}>Good food is the cornerstone of genuine happiness; it is the foundation upon which memories are built and shared. Auguste Escoffier, a culinary pioneer, recognized the transformative power of exceptional cuisine to elevate our spirits and create lasting moments of joy.</p>
-        <p className={styles.paragraphSmall}>In the midst of our fast-paced lives, the act of sitting down to a well-prepared meal is a declaration of self-worth. It&apos;s a moment to appreciate the artistry of a well-crafted dish, to indulge in the pleasure of taste, and to honor the age-old rituals that turn eating into a nourishing and soulful experience. </p>
-        <p className={styles.paragraphTiny}>A thoughtfully prepared meal is a form of self-love. It&apos;s a pause in our hectic schedules, a deliberate choice to nurture both body and spirit. Food is not just sustenance; it&apos;s a symphony of flavors, a reminder that, amidst the chaos, we deserve to savor the richness of life encapsulated in every delicious bite.</p></div>,
+    Board: () => (
+        <div className={styles.root}>
+            <h1 className={styles.headingHuge}>
+                People who love to eat are always the best people
+            </h1>
+            <h2 className={styles.headingExtraLarge}>
+                Food, to me, is always about cooking and eating with those you love and care for
+            </h2>
+            <h3 className={styles.headingLarge}>
+                Food brings people together on many different levels. It&apos;s nourishment of the
+                soul and body; it&apos;s truly love.
+            </h3>
+            <h4 className={styles.headingMedium}>
+                Food brings people together on many different levels. It&apos;s nourishment of the
+                soul and body; it&apos;s truly love.
+            </h4>
+            <h5 className={styles.headingSmall}>
+                A well-prepared meal is a love letter to the senses, an exquisite dance of colors,
+                textures, and tastes that elevates the act of eating into a moment of pure joy
+            </h5>
+            <h6 className={styles.headingTiny}>
+                Eating mindfully is a meditation, a moment of gratitude for the labor of farmers,
+                the artistry of chefs, and the abundance of the Earth. It&apos;s a communion with
+                nature on a plate.
+            </h6>
+            <p className={styles.paragraphHuge}>
+                Cooking is about passion, so it may look slightly temperamental in a way that
+                it&apos;s too assertive to the naked eye.
+            </p>
+            <p className={styles.paragraphExtraLarge}>
+                Food, with its tantalizing aromas and diverse flavors, serves as our common ground—a
+                universal experience that transcends borders and languages. James Beard, a culinary
+                icon, understood the unifying power of a well-prepared meal to bring people together
+                in harmony.
+            </p>
+            <p className={styles.paragraphLarge}>
+                To dine well is not just a luxury; it is a necessity for a balanced life. Virginia
+                Woolf eloquently expressed the intimate link between satiety and overall well-being,
+                emphasizing that our ability to think, love, and sleep is profoundly influenced by
+                the nourishment we provide our bodies.
+            </p>
+            <p className={styles.paragraphBase}>
+                Good food is the cornerstone of genuine happiness; it is the foundation upon which
+                memories are built and shared. Auguste Escoffier, a culinary pioneer, recognized the
+                transformative power of exceptional cuisine to elevate our spirits and create
+                lasting moments of joy.
+            </p>
+            <p className={styles.paragraphSmall}>
+                In the midst of our fast-paced lives, the act of sitting down to a well-prepared
+                meal is a declaration of self-worth. It&apos;s a moment to appreciate the artistry
+                of a well-crafted dish, to indulge in the pleasure of taste, and to honor the
+                age-old rituals that turn eating into a nourishing and soulful experience.{' '}
+            </p>
+            <p className={styles.paragraphTiny}>
+                A thoughtfully prepared meal is a form of self-love. It&apos;s a pause in our hectic
+                schedules, a deliberate choice to nurture both body and spirit. Food is not just
+                sustenance; it&apos;s a symphony of flavors, a reminder that, amidst the chaos, we
+                deserve to savor the richness of life encapsulated in every delicious bite.
+            </p>
+        </div>
+    ),
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+        windowWidth: 1400,
+        windowHeight: 900,
+    },
 });

src/_codux/boards/dialog/dialog-experience.board.module.scss

@@ -25,6 +25,6 @@
 }
 
 .header {
-    border-bottom: 1px solid var(--text-muted);
+    border-bottom: 1px solid var(--border-emphasized);
     padding-bottom: 16px;
 }

src/_codux/boards/dialog/dialog-experience.board.tsx

@@ -60,9 +60,9 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
         windowWidth: 1024,
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
     },
 });

src/_codux/boards/dialog/dialog.board.tsx

@@ -6,15 +6,25 @@ export default createBoard({
     name: '🔩 Dialog',
     Board: () => {
         const dialog = useDialogStore({ open: true });
-        return <Dialog dismissible={true} store={dialog} />;
+        return (
+            <Dialog dismissible={true} store={dialog}>
+                <h1>Dialog title</h1>
+                <p>
+                    We all eat, and it would be a sad waste of opportunity to eat badly. Every meal
+                    should be a moment of joy and celebration, a delightful journey through tastes
+                    and aromas.
+                </p>
+            </Dialog>
+        );
     },
     isSnippet: true,
     environmentProps: {
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
-        windowWidth: 1024,
+        windowWidth: 1400,
+        windowHeight: 900,
     },
 });

src/_codux/boards/discover-page/discover-page.board.tsx

@@ -14,8 +14,9 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
         windowWidth: 1400,
+        windowHeight: 900,
     },
 });

src/_codux/boards/footer/footer.board.tsx

@@ -14,8 +14,10 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
-        windowBackgroundColor: '#dddddd'
+        windowBackgroundColor: '#eeeeee',
+        windowWidth: 1400,
+        windowHeight: 900,
     },
 });

src/_codux/boards/header/header-experience.board.tsx

@@ -16,8 +16,9 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
-        windowBackgroundColor: '#dddddd',
+        windowWidth: 1400,
+        windowHeight: 900,
     },
 });

src/_codux/boards/header/header.board.tsx

@@ -16,8 +16,8 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
-        windowBackgroundColor: '#dddddd'
+        windowBackgroundColor: '#eeeeee',
     },
 });

src/_codux/boards/hero-section/hero-section.board.tsx

@@ -9,8 +9,10 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1
+            top: 0,
         },
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+        windowWidth: 1400,
+        windowHeight: 900,
+    },
 });

src/_codux/boards/icon-button/icon-button.board.tsx

@@ -6,6 +6,6 @@ export default createBoard({
     Board: () => <IconButton />,
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
     },
 });

src/_codux/boards/icon/icon.board.tsx

@@ -6,6 +6,6 @@ export default createBoard({
     Board: () => <Icon />,
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
     },
 });

src/_codux/boards/icons/icons.board.module.scss

@@ -19,7 +19,7 @@
 }
 
 .header {
-    border-bottom: 1px solid var(--text-muted);
+    border-bottom: 1px solid var(--border-emphasized);
     padding-bottom: 16px;
 }
 

src/_codux/boards/icons/icons.board.tsx

@@ -31,7 +31,7 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
     },
 });

src/_codux/boards/input/input.board.tsx

@@ -6,6 +6,7 @@ export default createBoard({
     Board: () => <Input placeholder="Start typing..." />,
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd',
+        windowBackgroundColor: '#eeeeee',
+        canvasWidth: 600,
     },
 });

src/_codux/boards/landing-page/landing-page.board.tsx

@@ -13,10 +13,10 @@ export default createBoard({
     environmentProps: {
         canvasMargin: {
             left: 0,
-            top: 1,
+            top: 0,
             right: 0,
         },
-        windowHeight: 1311,
-        windowWidth: 1616,
+        windowHeight: 900,
+        windowWidth: 1400,
     },
 });

src/_codux/boards/link-button/link-button.board.tsx

@@ -6,6 +6,6 @@ export default createBoard({
     Board: () => <LinkButton>Link Button</LinkButton>,
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+    },
 });

src/_codux/boards/link/link.board.tsx

@@ -11,6 +11,6 @@ export default createBoard({
     ),
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+    },
 });

src/_codux/boards/login-form/login-form.board.tsx

@@ -18,7 +18,7 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1,
+            top: 0,
         },
     },
 });

src/_codux/boards/logo/logo.board.tsx

@@ -6,6 +6,6 @@ export default createBoard({
     Board: () => <Logo />,
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+    },
 });

src/_codux/boards/more-than-delivery-section/more-than-delivery-section.board.tsx

@@ -9,7 +9,9 @@ export default createBoard({
         canvasMargin: {
             left: 0,
             right: 0,
-            top: 1
-        }
-    }
+            top: 0,
+        },
+        windowWidth: 1400,
+        windowHeight: 900,
+    },
 });

src/_codux/boards/nav-link/nav-link.board.tsx

@@ -11,6 +11,6 @@ export default createBoard({
     ),
     isSnippet: false,
     environmentProps: {
-        windowBackgroundColor: '#dddddd'
-    }
+        windowBackgroundColor: '#eeeeee',
+    },
 });