Example pull request

.github/workflows/node.js.yml

@@ -10,8 +10,8 @@ on:
     branches: [ "main" ]
 
 env:
-  SNAPSHOTS_SERVICE_URL: https://ef9a-93-179-255-178.ngrok-free.app
-  BUDDY_VT_TOKEN: bud_vt_us_s5gd67sq1ixg97gn8bvniani5dm62t
+  SNAPSHOTS_SERVICE_URL: https://cda0-93-179-255-178.ngrok-free.app
+  BUDDY_VT_TOKEN: bud_vt_us_b88mj7bv5vou0w8n9v3yheijg5vsts
 
 jobs:
   build:

buddy.yml

@@ -382,7 +382,7 @@
       execute_commands:
         - "cd storybook"
         - "export NODE_TLS_REJECT_UNAUTHORIZED=0"
-        - "export SNAPSHOTS_SERVICE_URL=http://localhost:3000"
+        - "export SNAPSHOTS_SERVICE_URL=http://192.168.10.239:3000"
         - "export SNAPSHOTS_BROWSER_PATH=/usr/bin/google-chrome-stable"
         - "npm run test"
       setup_commands:

package.json

@@ -5,7 +5,7 @@
   "main": "server.js",
   "scripts": {
     "start": "node './server.js'",
-    "cy-test": "bdy vt exec \"npx cypress run --spec 'cypress/e2e/snapshotTest.cy.js'\"",
+    "cy-test": "bdy vt exec --oneByOne \"npx cypress run --spec 'cypress/e2e/snapshotTest.cy.js'\"",
     "cy-test-error": "bdy vt exec \"npx cypress run --spec 'cypress/e2e/errorTest.cy.js'\"",
     "cy-test-nested": "bdy vt exec \"npx cypress run --spec 'cypress/e2e/nestedTest.cy.js'\"",
     "cy-test-crop": "bdy vt exec \"npx cypress run --spec 'cypress/e2e/cropTest.cy.js'\"",
@@ -29,7 +29,7 @@
     "@buddy-works/cypress": "^0.0.5",
     "@fastify/cors": "8.4.0",
     "@fastify/static": "6.11.2",
-    "bdy": "1.8.42-dev",
+    "bdy": "1.8.50-dev",
     "cypress": "13.3.1",
     "fastify": "4.24.2",
     "start-server-and-test": "^2.0.3"

public/style.css

@@ -14,3 +14,10 @@
 h1 {
   color: blue;
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #333;
+    color: #fff;
+  }
+}

storybook-react-native/package.json

@@ -34,7 +34,7 @@
     "react-native-web": "~0.19.10"
   },
   "devDependencies": {
-    "bdy": "1.8.42-dev",
+    "bdy": "1.8.50-dev",
     "@babel/core": "^7.24.0",
     "@chromatic-com/storybook": "^2.0.2",
     "@expo/metro-runtime": "~3.2.3",

storybook/package.json

@@ -17,7 +17,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "bdy": "1.8.42-dev",
+    "bdy": "1.8.50-dev",
     "@chromatic-com/storybook": "^1.6.1",
     "@eslint/js": "^9.8.0",
     "@storybook/addon-essentials": "^8.2.8",

storybook/src/index.css

@@ -42,7 +42,7 @@ button {
   font-size: 1em;
   font-weight: 500;
   font-family: inherit;
-  background-color: #1a1a1a;
+  background-color: #535bf2;
   cursor: pointer;
   transition: border-color 0.25s;
 }

storybook/src/stories/Button.stories.ts

@@ -50,3 +50,182 @@ export const Small: Story = {
     label: 'Button',
   },
 };
+
+export const Primary1: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary1: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large1: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small1: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
+
+export const Primary2: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary2: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large2: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small2: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
+
+export const Primary3: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary3: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large3: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small3: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
+
+export const Primary4: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary4: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large4: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small4: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
+export const Primary5: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary5: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large5: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small5: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
+export const Primary6: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary6: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large6: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small6: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
+export const Primary7: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary7: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large7: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};