From 85adfc2986743796329efb3fe9d7b7a8fd0c9986 Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Thu, 30 Mar 2023 21:05:45 +0100
Subject: [PATCH] Updates code references to 7.0

---
 code/addons/gfm/src/index.ts                                | 2 +-
 code/frameworks/angular/template/cli/Button.stories.ts      | 4 ++--
 code/frameworks/angular/template/cli/Header.stories.ts      | 4 ++--
 code/frameworks/angular/template/cli/Page.stories.ts        | 4 ++--
 code/frameworks/ember/template/cli/Button.stories.js        | 6 +++---
 code/frameworks/nextjs/template/cli/js/Button.stories.js    | 4 ++--
 code/frameworks/nextjs/template/cli/js/Header.stories.js    | 4 ++--
 code/frameworks/nextjs/template/cli/js/Page.stories.js      | 4 ++--
 .../frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts | 4 ++--
 .../frameworks/nextjs/template/cli/ts-3-8/Header.stories.ts | 4 ++--
 code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts  | 4 ++--
 code/frameworks/nextjs/template/cli/ts/Button.stories.ts    | 4 ++--
 code/frameworks/nextjs/template/cli/ts/Header.stories.ts    | 4 ++--
 code/frameworks/nextjs/template/cli/ts/Page.stories.ts      | 4 ++--
 code/lib/cli/src/automigrate/fixes/mdx-gfm.ts               | 2 +-
 code/renderers/html/template/cli/js/Button.stories.js       | 4 ++--
 code/renderers/html/template/cli/js/Header.stories.js       | 6 +++---
 code/renderers/html/template/cli/js/Page.stories.js         | 4 ++--
 code/renderers/html/template/cli/ts-3-8/Button.stories.ts   | 2 +-
 code/renderers/html/template/cli/ts-3-8/Header.stories.ts   | 6 +++---
 code/renderers/html/template/cli/ts-3-8/Page.stories.ts     | 4 ++--
 code/renderers/html/template/cli/ts-4-9/Button.stories.ts   | 2 +-
 code/renderers/html/template/cli/ts-4-9/Header.stories.ts   | 6 +++---
 code/renderers/html/template/cli/ts-4-9/Page.stories.ts     | 4 ++--
 code/renderers/preact/template/cli/Button.stories.jsx       | 4 ++--
 code/renderers/preact/template/cli/Header.stories.jsx       | 4 ++--
 code/renderers/preact/template/cli/Page.stories.jsx         | 4 ++--
 code/renderers/react/template/cli/js/Button.stories.js      | 4 ++--
 code/renderers/react/template/cli/js/Header.stories.js      | 4 ++--
 code/renderers/react/template/cli/js/Page.stories.js        | 4 ++--
 code/renderers/react/template/cli/ts-3-8/Button.stories.ts  | 2 +-
 code/renderers/react/template/cli/ts-3-8/Header.stories.ts  | 2 +-
 code/renderers/react/template/cli/ts-4-9/Button.stories.ts  | 4 ++--
 code/renderers/react/template/cli/ts-4-9/Header.stories.ts  | 4 ++--
 code/renderers/react/template/cli/ts-4-9/Page.stories.ts    | 4 ++--
 code/renderers/svelte/template/cli/js/Button.stories.js     | 4 ++--
 code/renderers/svelte/template/cli/js/Header.stories.js     | 4 ++--
 code/renderers/svelte/template/cli/js/Page.stories.js       | 4 ++--
 code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts | 4 ++--
 code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts | 4 ++--
 code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts   | 4 ++--
 code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts | 4 ++--
 code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts | 4 ++--
 code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts   | 4 ++--
 code/renderers/vue/template/cli/Button.stories.js           | 4 ++--
 code/renderers/vue/template/cli/Header.stories.js           | 4 ++--
 code/renderers/vue/template/cli/Page.stories.js             | 4 ++--
 code/renderers/vue3/template/cli/js/Button.stories.js       | 4 ++--
 code/renderers/vue3/template/cli/js/Header.stories.js       | 4 ++--
 code/renderers/vue3/template/cli/js/Page.stories.js         | 4 ++--
 code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts   | 6 +++---
 code/renderers/vue3/template/cli/ts-3-8/Header.stories.ts   | 6 +++---
 code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts     | 6 +++---
 code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts   | 6 +++---
 code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts   | 6 +++---
 code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts     | 6 +++---
 .../web-components/template/cli/js/Button.stories.js        | 4 ++--
 .../web-components/template/cli/js/Header.stories.js        | 2 +-
 .../web-components/template/cli/js/Page.stories.js          | 2 +-
 .../web-components/template/cli/ts-3-8/Button.stories.ts    | 4 ++--
 .../web-components/template/cli/ts-3-8/Header.stories.ts    | 2 +-
 .../web-components/template/cli/ts-3-8/Page.stories.ts      | 2 +-
 .../web-components/template/cli/ts-4-9/Button.stories.ts    | 4 ++--
 .../web-components/template/cli/ts-4-9/Header.stories.ts    | 2 +-
 .../web-components/template/cli/ts-4-9/Page.stories.ts      | 2 +-
 65 files changed, 128 insertions(+), 128 deletions(-)

diff --git a/code/addons/gfm/src/index.ts b/code/addons/gfm/src/index.ts
index 76981b982a1b..ecfc725fc231 100644
--- a/code/addons/gfm/src/index.ts
+++ b/code/addons/gfm/src/index.ts
@@ -13,7 +13,7 @@ export const mdxLoaderOptions = async (config: any) => {
 deprecate(dedent`
   The "@storybook/addon-mdx-gfm" addon is meant as a migration assistant for Storybook 7.0; and will likely be removed in a future version.
   It's recommended you read this document:
-  https://storybook.js.org/docs/7.0/react/writing-docs/mdx#lack-of-github-flavored-markdown-gfm
+  https://storybook.js.org/docs/react/writing-docs/mdx#lack-of-github-flavored-markdown-gfm
 
   Once you've made the necessary changes, you can remove the addon from your package.json and storybook config.
 `);
diff --git a/code/frameworks/angular/template/cli/Button.stories.ts b/code/frameworks/angular/template/cli/Button.stories.ts
index 85ce82c88270..8f280fb0c763 100644
--- a/code/frameworks/angular/template/cli/Button.stories.ts
+++ b/code/frameworks/angular/template/cli/Button.stories.ts
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import Button from './button.component';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/angular/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
 const meta: Meta<Button> = {
   title: 'Example/Button',
   component: Button,
@@ -22,7 +22,7 @@ const meta: Meta<Button> = {
 export default meta;
 type Story = StoryObj<Button>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/angular/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/angular/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/frameworks/angular/template/cli/Header.stories.ts b/code/frameworks/angular/template/cli/Header.stories.ts
index a4be511312bc..b7dba18630af 100644
--- a/code/frameworks/angular/template/cli/Header.stories.ts
+++ b/code/frameworks/angular/template/cli/Header.stories.ts
@@ -8,7 +8,7 @@ import Header from './header.component';
 const meta: Meta<Header> = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/angular/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/angular/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args) => ({ props: args }),
   decorators: [
@@ -18,7 +18,7 @@ const meta: Meta<Header> = {
     }),
   ],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/angular/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/angular/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/frameworks/angular/template/cli/Page.stories.ts b/code/frameworks/angular/template/cli/Page.stories.ts
index 4ae8d3bbb0fd..e7f3c0e9a3b6 100644
--- a/code/frameworks/angular/template/cli/Page.stories.ts
+++ b/code/frameworks/angular/template/cli/Page.stories.ts
@@ -11,7 +11,7 @@ const meta: Meta<Page> = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/angular/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/angular/configure/story-layout
     layout: 'fullscreen',
   },
   decorators: [
@@ -31,7 +31,7 @@ export const LoggedOut: Story = {
   }),
 };
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/angular/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/angular/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   render: (args: Page) => ({
     props: args,
diff --git a/code/frameworks/ember/template/cli/Button.stories.js b/code/frameworks/ember/template/cli/Button.stories.js
index 00b73d23e627..bfb6bd756b1f 100644
--- a/code/frameworks/ember/template/cli/Button.stories.js
+++ b/code/frameworks/ember/template/cli/Button.stories.js
@@ -2,7 +2,7 @@ import { hbs } from 'ember-cli-htmlbars';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/ember/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/ember/writing-stories/introduction
 export default {
   title: 'Example/Button',
   render: (args) => ({
@@ -12,11 +12,11 @@ export default {
   argTypes: {
     label: { control: 'text' },
   },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/ember/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/ember/writing-stories/args
 export const Text = {
   args: {
     label: 'Button',
diff --git a/code/frameworks/nextjs/template/cli/js/Button.stories.js b/code/frameworks/nextjs/template/cli/js/Button.stories.js
index 116ce20366a9..3bf4ad07b75d 100644
--- a/code/frameworks/nextjs/template/cli/js/Button.stories.js
+++ b/code/frameworks/nextjs/template/cli/js/Button.stories.js
@@ -1,6 +1,6 @@
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 export default {
   title: 'Example/Button',
   component: Button,
@@ -12,7 +12,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/frameworks/nextjs/template/cli/js/Header.stories.js b/code/frameworks/nextjs/template/cli/js/Header.stories.js
index d34acd2e7405..704a8c699534 100644
--- a/code/frameworks/nextjs/template/cli/js/Header.stories.js
+++ b/code/frameworks/nextjs/template/cli/js/Header.stories.js
@@ -3,10 +3,10 @@ import { Header } from './Header';
 export default {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/frameworks/nextjs/template/cli/js/Page.stories.js b/code/frameworks/nextjs/template/cli/js/Page.stories.js
index 40b25af0a1e6..5bd1d6eba765 100644
--- a/code/frameworks/nextjs/template/cli/js/Page.stories.js
+++ b/code/frameworks/nextjs/template/cli/js/Page.stories.js
@@ -5,14 +5,14 @@ export default {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/react/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts b/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts
index 382a9ae49a1f..eeb81284b442 100644
--- a/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
@@ -17,7 +17,7 @@ const meta: Meta<typeof Button> = {
 export default meta;
 type Story = StoryObj<typeof Button>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Header.stories.ts b/code/frameworks/nextjs/template/cli/ts-3-8/Header.stories.ts
index a31fea43f119..448685eab0eb 100644
--- a/code/frameworks/nextjs/template/cli/ts-3-8/Header.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-3-8/Header.stories.ts
@@ -4,10 +4,10 @@ import { Header } from './Header';
 const meta: Meta<typeof Header> = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts b/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
index 357a46f74d91..0e48941ab149 100644
--- a/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
@@ -7,7 +7,7 @@ const meta: Meta<typeof Page> = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/react/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/frameworks/nextjs/template/cli/ts/Button.stories.ts b/code/frameworks/nextjs/template/cli/ts/Button.stories.ts
index 382a9ae49a1f..eeb81284b442 100644
--- a/code/frameworks/nextjs/template/cli/ts/Button.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts/Button.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
@@ -17,7 +17,7 @@ const meta: Meta<typeof Button> = {
 export default meta;
 type Story = StoryObj<typeof Button>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/frameworks/nextjs/template/cli/ts/Header.stories.ts b/code/frameworks/nextjs/template/cli/ts/Header.stories.ts
index a31fea43f119..448685eab0eb 100644
--- a/code/frameworks/nextjs/template/cli/ts/Header.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts/Header.stories.ts
@@ -4,10 +4,10 @@ import { Header } from './Header';
 const meta: Meta<typeof Header> = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/frameworks/nextjs/template/cli/ts/Page.stories.ts b/code/frameworks/nextjs/template/cli/ts/Page.stories.ts
index 357a46f74d91..0e48941ab149 100644
--- a/code/frameworks/nextjs/template/cli/ts/Page.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts/Page.stories.ts
@@ -7,7 +7,7 @@ const meta: Meta<typeof Page> = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/react/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/lib/cli/src/automigrate/fixes/mdx-gfm.ts b/code/lib/cli/src/automigrate/fixes/mdx-gfm.ts
index 6ac45d8c2b89..97e6b3f65e47 100644
--- a/code/lib/cli/src/automigrate/fixes/mdx-gfm.ts
+++ b/code/lib/cli/src/automigrate/fixes/mdx-gfm.ts
@@ -51,7 +51,7 @@ export const mdxgfm: Fix<Options> = {
 
       Storybook 7.0 uses MDX2 for compiling MDX, and thus no longer supports GFM out of the box.
       Because of this you need to explicitly add the GFM plugin in the addon-docs options:
-      https://storybook.js.org/docs/7.0/react/writing-docs/mdx#lack-of-github-flavored-markdown-gfm
+      https://storybook.js.org/docs/react/writing-docs/mdx#lack-of-github-flavored-markdown-gfm
 
       We recommend you follow the guide on the link above, however we can add a temporary storybook addon that helps make this migration easier.
       We'll install the addon and add it to your storybook config.
diff --git a/code/renderers/html/template/cli/js/Button.stories.js b/code/renderers/html/template/cli/js/Button.stories.js
index 7b2348719149..62c96643b7ed 100644
--- a/code/renderers/html/template/cli/js/Button.stories.js
+++ b/code/renderers/html/template/cli/js/Button.stories.js
@@ -1,6 +1,6 @@
 import { createButton } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/html/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/html/writing-stories/introduction
 export default {
   title: 'Example/Button',
   tags: ['autodocs'],
@@ -21,7 +21,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/html/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/html/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/renderers/html/template/cli/js/Header.stories.js b/code/renderers/html/template/cli/js/Header.stories.js
index cc92429941a0..e593d18c3c90 100644
--- a/code/renderers/html/template/cli/js/Header.stories.js
+++ b/code/renderers/html/template/cli/js/Header.stories.js
@@ -2,14 +2,14 @@ import { createHeader } from './Header';
 
 export default {
   title: 'Example/Header',
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/html/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/html/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args) => createHeader(args),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/html/configure/story-layout
     layout: 'fullscreen',
   },
-  // More on argTypes: https://storybook.js.org/docs/7.0/html/api/argtypes
+  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
     onLogin: { action: 'onLogin' },
     onLogout: { action: 'onLogout' },
diff --git a/code/renderers/html/template/cli/js/Page.stories.js b/code/renderers/html/template/cli/js/Page.stories.js
index a74a415ab94d..a80a4c4a9d24 100644
--- a/code/renderers/html/template/cli/js/Page.stories.js
+++ b/code/renderers/html/template/cli/js/Page.stories.js
@@ -5,14 +5,14 @@ export default {
   title: 'Example/Page',
   render: () => createPage(),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/html/configure/story-layout
     layout: 'fullscreen',
   },
 };
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/html/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/html/writing-tests/interaction-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/html/template/cli/ts-3-8/Button.stories.ts b/code/renderers/html/template/cli/ts-3-8/Button.stories.ts
index 9cdb809233ea..cd13a8c0c50c 100644
--- a/code/renderers/html/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Button.stories.ts
@@ -26,7 +26,7 @@ const meta: Meta<ButtonProps> = {
 export default meta;
 type Story = StoryObj<ButtonProps>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/html/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/html/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/renderers/html/template/cli/ts-3-8/Header.stories.ts b/code/renderers/html/template/cli/ts-3-8/Header.stories.ts
index 128410f0b62f..d5391bb4a2a9 100644
--- a/code/renderers/html/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Header.stories.ts
@@ -4,14 +4,14 @@ import { createHeader } from './Header';
 
 const meta: Meta<HeaderProps> = {
   title: 'Example/Header',
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/html/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/html/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args) => createHeader(args),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/html/configure/story-layout
     layout: 'fullscreen',
   },
-  // More on argTypes: https://storybook.js.org/docs/7.0/html/api/argtypes
+  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
     onLogin: { action: 'onLogin' },
     onLogout: { action: 'onLogout' },
diff --git a/code/renderers/html/template/cli/ts-3-8/Page.stories.ts b/code/renderers/html/template/cli/ts-3-8/Page.stories.ts
index 67407b7b0fae..04b893f795fc 100644
--- a/code/renderers/html/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Page.stories.ts
@@ -6,7 +6,7 @@ const meta: Meta = {
   title: 'Example/Page',
   render: () => createPage(),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/html/configure/story-layout
     layout: 'fullscreen',
   },
 };
@@ -15,7 +15,7 @@ export default meta;
 
 export const LoggedOut: StoryObj = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/html/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/html/writing-tests/interaction-testing
 export const LoggedIn: StoryObj = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/html/template/cli/ts-4-9/Button.stories.ts b/code/renderers/html/template/cli/ts-4-9/Button.stories.ts
index 054649acc0a7..d9bb7c93b473 100644
--- a/code/renderers/html/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Button.stories.ts
@@ -26,7 +26,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<ButtonProps>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/html/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/html/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/renderers/html/template/cli/ts-4-9/Header.stories.ts b/code/renderers/html/template/cli/ts-4-9/Header.stories.ts
index 0b1d10feb6db..930fc0ea2e7c 100644
--- a/code/renderers/html/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Header.stories.ts
@@ -4,14 +4,14 @@ import { createHeader } from './Header';
 
 const meta = {
   title: 'Example/Header',
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/html/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/html/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args) => createHeader(args),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/html/configure/story-layout
     layout: 'fullscreen',
   },
-  // More on argTypes: https://storybook.js.org/docs/7.0/html/api/argtypes
+  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
     onLogin: { action: 'onLogin' },
     onLogout: { action: 'onLogout' },
diff --git a/code/renderers/html/template/cli/ts-4-9/Page.stories.ts b/code/renderers/html/template/cli/ts-4-9/Page.stories.ts
index 343f5df39a08..6de6300e49a0 100644
--- a/code/renderers/html/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Page.stories.ts
@@ -6,7 +6,7 @@ const meta = {
   title: 'Example/Page',
   render: () => createPage(),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/html/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/html/configure/story-layout
     layout: 'fullscreen',
   },
 } satisfies Meta;
@@ -15,7 +15,7 @@ export default meta;
 
 export const LoggedOut: StoryObj = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/html/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/html/writing-tests/interaction-testing
 export const LoggedIn: StoryObj = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/preact/template/cli/Button.stories.jsx b/code/renderers/preact/template/cli/Button.stories.jsx
index 20f34564ffa3..f1e083a02030 100644
--- a/code/renderers/preact/template/cli/Button.stories.jsx
+++ b/code/renderers/preact/template/cli/Button.stories.jsx
@@ -1,6 +1,6 @@
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/preact/writing-stories/introduction
 export default {
   title: 'Example/Button',
   component: Button,
@@ -11,7 +11,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/preact/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/preact/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/renderers/preact/template/cli/Header.stories.jsx b/code/renderers/preact/template/cli/Header.stories.jsx
index 9dbdc4479a43..0fb4c57ada40 100644
--- a/code/renderers/preact/template/cli/Header.stories.jsx
+++ b/code/renderers/preact/template/cli/Header.stories.jsx
@@ -3,10 +3,10 @@ import { Header } from './Header';
 export default {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/preact/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/preact/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/preact/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/preact/configure/story-layout
     layout: 'fullscreen',
   },
   argTypes: {
diff --git a/code/renderers/preact/template/cli/Page.stories.jsx b/code/renderers/preact/template/cli/Page.stories.jsx
index 772a5f556257..d49ca397aaee 100644
--- a/code/renderers/preact/template/cli/Page.stories.jsx
+++ b/code/renderers/preact/template/cli/Page.stories.jsx
@@ -6,14 +6,14 @@ export default {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/preact/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/preact/configure/story-layout
     layout: 'fullscreen',
   },
 };
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/preact/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/preact/writing-tests/interaction-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/react/template/cli/js/Button.stories.js b/code/renderers/react/template/cli/js/Button.stories.js
index 0f57d469c9bb..e5c48b131329 100644
--- a/code/renderers/react/template/cli/js/Button.stories.js
+++ b/code/renderers/react/template/cli/js/Button.stories.js
@@ -1,6 +1,6 @@
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 export default {
   title: 'Example/Button',
   component: Button,
@@ -10,7 +10,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/renderers/react/template/cli/js/Header.stories.js b/code/renderers/react/template/cli/js/Header.stories.js
index 1c326bc0a8f8..917384a22b58 100644
--- a/code/renderers/react/template/cli/js/Header.stories.js
+++ b/code/renderers/react/template/cli/js/Header.stories.js
@@ -3,10 +3,10 @@ import { Header } from './Header';
 export default {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/renderers/react/template/cli/js/Page.stories.js b/code/renderers/react/template/cli/js/Page.stories.js
index 3f0a546592e2..7467c98cf48a 100644
--- a/code/renderers/react/template/cli/js/Page.stories.js
+++ b/code/renderers/react/template/cli/js/Page.stories.js
@@ -6,14 +6,14 @@ export default {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 };
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/react/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/react/template/cli/ts-3-8/Button.stories.ts b/code/renderers/react/template/cli/ts-3-8/Button.stories.ts
index 1d40efc1ce7b..bb3e5c10b1a6 100644
--- a/code/renderers/react/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/react/template/cli/ts-3-8/Button.stories.ts
@@ -6,7 +6,7 @@ import { Button } from './Button';
 const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
diff --git a/code/renderers/react/template/cli/ts-3-8/Header.stories.ts b/code/renderers/react/template/cli/ts-3-8/Header.stories.ts
index 7d1554e575e8..a68af827aed4 100644
--- a/code/renderers/react/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/react/template/cli/ts-3-8/Header.stories.ts
@@ -4,7 +4,7 @@ import { Header } from './Header';
 const meta: Meta<typeof Header> = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
diff --git a/code/renderers/react/template/cli/ts-4-9/Button.stories.ts b/code/renderers/react/template/cli/ts-4-9/Button.stories.ts
index af4e0c310239..00fabaeb532b 100644
--- a/code/renderers/react/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/react/template/cli/ts-4-9/Button.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
   title: 'Example/Button',
   component: Button,
@@ -15,7 +15,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/renderers/react/template/cli/ts-4-9/Header.stories.ts b/code/renderers/react/template/cli/ts-4-9/Header.stories.ts
index 919246dbcb06..b0766a5a4839 100644
--- a/code/renderers/react/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/react/template/cli/ts-4-9/Header.stories.ts
@@ -4,10 +4,10 @@ import { Header } from './Header';
 const meta = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 } satisfies Meta<typeof Header>;
diff --git a/code/renderers/react/template/cli/ts-4-9/Page.stories.ts b/code/renderers/react/template/cli/ts-4-9/Page.stories.ts
index dd421c8a556a..69852a2bdc00 100644
--- a/code/renderers/react/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/react/template/cli/ts-4-9/Page.stories.ts
@@ -7,7 +7,7 @@ const meta = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
 } satisfies Meta<typeof Page>;
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/react/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/svelte/template/cli/js/Button.stories.js b/code/renderers/svelte/template/cli/js/Button.stories.js
index 8423ae9aa4af..cf6c2e371295 100644
--- a/code/renderers/svelte/template/cli/js/Button.stories.js
+++ b/code/renderers/svelte/template/cli/js/Button.stories.js
@@ -1,6 +1,6 @@
 import Button from './Button.svelte';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/svelte/writing-stories/introduction
 export default {
   title: 'Example/Button',
   component: Button,
@@ -14,7 +14,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/svelte/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/renderers/svelte/template/cli/js/Header.stories.js b/code/renderers/svelte/template/cli/js/Header.stories.js
index 619063f7c870..6d6caeb1e7ab 100644
--- a/code/renderers/svelte/template/cli/js/Header.stories.js
+++ b/code/renderers/svelte/template/cli/js/Header.stories.js
@@ -3,10 +3,10 @@ import Header from './Header.svelte';
 export default {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/svelte/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/svelte/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/svelte/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/svelte/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/renderers/svelte/template/cli/js/Page.stories.js b/code/renderers/svelte/template/cli/js/Page.stories.js
index 78a909566563..9c6008b4c705 100644
--- a/code/renderers/svelte/template/cli/js/Page.stories.js
+++ b/code/renderers/svelte/template/cli/js/Page.stories.js
@@ -6,14 +6,14 @@ export default {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/svelte/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/svelte/configure/story-layout
     layout: 'fullscreen',
   },
 };
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/svelte/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/svelte/writing-tests/interaction-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts b/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts
index ab6e25f73727..5e73d1be9006 100644
--- a/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 
 import Button from './Button.svelte';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/svelte/writing-stories/introduction
 const meta: Meta<Button> = {
   title: 'Example/Button',
   component: Button,
@@ -19,7 +19,7 @@ const meta: Meta<Button> = {
 export default meta;
 type Story = StoryObj<Button>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/svelte/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts b/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts
index b54497aa803c..9ea90ce8495e 100644
--- a/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts
@@ -4,10 +4,10 @@ import Header from './Header.svelte';
 const meta: Meta<Header> = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/svelte/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/svelte/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts b/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts
index 3ab9cc7c2ee6..3aba1302bf24 100644
--- a/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts
@@ -7,7 +7,7 @@ const meta: Meta<Page> = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/svelte/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/svelte/configure/story-layout
     layout: 'fullscreen',
   },
 };
@@ -17,7 +17,7 @@ type Story = StoryObj<Page>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/svelte/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/svelte/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts b/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts
index 6145c68d8645..93e3fc8c0aba 100644
--- a/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 
 import Button from './Button.svelte';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/svelte/writing-stories/introduction
 const meta = {
   title: 'Example/Button',
   component: Button,
@@ -19,7 +19,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/svelte/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts b/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts
index aaa3f5613fb5..c77812ca13ee 100644
--- a/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts
@@ -4,10 +4,10 @@ import Header from './Header.svelte';
 const meta = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/react/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/svelte/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/svelte/configure/story-layout
     layout: 'fullscreen',
   },
 } satisfies Meta<Header>;
diff --git a/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts b/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts
index dcae312dae43..78665a28bfae 100644
--- a/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts
@@ -7,7 +7,7 @@ const meta = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/svelte/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/svelte/configure/story-layout
     layout: 'fullscreen',
   },
 } satisfies Meta<Page>;
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 export const LoggedOut: Story = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/svelte/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/svelte/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/vue/template/cli/Button.stories.js b/code/renderers/vue/template/cli/Button.stories.js
index 1c1104fae12a..8863978b1215 100644
--- a/code/renderers/vue/template/cli/Button.stories.js
+++ b/code/renderers/vue/template/cli/Button.stories.js
@@ -1,6 +1,6 @@
 import MyButton from './Button.vue';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/vue/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
   title: 'Example/Button',
   component: MyButton,
@@ -19,7 +19,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/vue/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/vue/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/renderers/vue/template/cli/Header.stories.js b/code/renderers/vue/template/cli/Header.stories.js
index 02b8eab08f2a..428f0b087ab9 100644
--- a/code/renderers/vue/template/cli/Header.stories.js
+++ b/code/renderers/vue/template/cli/Header.stories.js
@@ -3,7 +3,7 @@ import MyHeader from './Header.vue';
 export default {
   title: 'Example/Header',
   component: MyHeader,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args, { argTypes }) => ({
     props: Object.keys(argTypes),
@@ -14,7 +14,7 @@ export default {
       '<my-header :user="user" @onLogin="onLogin" @onLogout="onLogout" @onCreateAccount="onCreateAccount" />',
   }),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/vue/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/vue/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/renderers/vue/template/cli/Page.stories.js b/code/renderers/vue/template/cli/Page.stories.js
index 60f587d873e1..8bd022352948 100644
--- a/code/renderers/vue/template/cli/Page.stories.js
+++ b/code/renderers/vue/template/cli/Page.stories.js
@@ -9,13 +9,13 @@ export default {
     template: '<my-page />',
   }),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/vue/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/vue/configure/story-layout
     layout: 'fullscreen',
   },
 };
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/vue/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/vue/writing-tests/interaction-testing
 export const LoggedIn = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/vue3/template/cli/js/Button.stories.js b/code/renderers/vue3/template/cli/js/Button.stories.js
index 54073b3901ac..9f43ad58ce83 100644
--- a/code/renderers/vue3/template/cli/js/Button.stories.js
+++ b/code/renderers/vue3/template/cli/js/Button.stories.js
@@ -1,6 +1,6 @@
 import MyButton from './Button.vue';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/vue/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
   title: 'Example/Button',
   component: MyButton,
@@ -19,7 +19,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/vue/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/vue/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/renderers/vue3/template/cli/js/Header.stories.js b/code/renderers/vue3/template/cli/js/Header.stories.js
index 3f04f28a2f0c..61e6906ea988 100644
--- a/code/renderers/vue3/template/cli/js/Header.stories.js
+++ b/code/renderers/vue3/template/cli/js/Header.stories.js
@@ -3,7 +3,7 @@ import MyHeader from './Header.vue';
 export default {
   title: 'Example/Header',
   component: MyHeader,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args) => ({
     // Components used in your story `template` are defined in the `components` object
@@ -21,7 +21,7 @@ export default {
     template: '<my-header :user="user" />',
   }),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/vue/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/vue/configure/story-layout
     layout: 'fullscreen',
   },
 };
diff --git a/code/renderers/vue3/template/cli/js/Page.stories.js b/code/renderers/vue3/template/cli/js/Page.stories.js
index 5f14e2088ca2..f11ff44e5bdf 100644
--- a/code/renderers/vue3/template/cli/js/Page.stories.js
+++ b/code/renderers/vue3/template/cli/js/Page.stories.js
@@ -5,14 +5,14 @@ export default {
   title: 'Example/Page',
   component: MyPage,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/vue/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/vue/configure/story-layout
     layout: 'fullscreen',
   },
 };
 
 export const LoggedOut = {};
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/vue/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/vue/writing-tests/interaction-testing
 export const LoggedIn = {
   render: () => ({
     components: {
diff --git a/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts b/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts
index 48f550fedd07..f80cb01045db 100644
--- a/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts
@@ -2,11 +2,11 @@ import type { Meta, StoryObj } from '@storybook/vue3';
 
 import Button from './Button.vue';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/vue/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {
     size: { control: 'select', options: ['small', 'medium', 'large'] },
@@ -20,7 +20,7 @@ export default meta;
 type Story = StoryObj<typeof Button>;
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/7.0/vue/api/csf
+ * See https://storybook.js.org/docs/vue/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/code/renderers/vue3/template/cli/ts-3-8/Header.stories.ts b/code/renderers/vue3/template/cli/ts-3-8/Header.stories.ts
index 210f7c7a4923..17f2ca4ff6e6 100644
--- a/code/renderers/vue3/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-3-8/Header.stories.ts
@@ -4,7 +4,7 @@ import MyHeader from './Header.vue';
 
 const meta: Meta<typeof MyHeader> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/7.0/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Example/Header',
@@ -17,10 +17,10 @@ const meta: Meta<typeof MyHeader> = {
     template: '<my-header :user="args.user" />',
   }),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
 };
 
diff --git a/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts b/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts
index dd85d1fea0ab..1ac73cf4433d 100644
--- a/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts
@@ -10,17 +10,17 @@ const meta: Meta<typeof MyPage> = {
     template: '<my-page />',
   }),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/vue/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/vue/configure/story-layout
     layout: 'fullscreen',
   },
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
 };
 
 export default meta;
 type Story = StoryObj<typeof MyPage>;
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/vue/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/vue/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }: any) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts b/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts
index fb8d98102808..c414d4a7b0a6 100644
--- a/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts
@@ -2,11 +2,11 @@ import type { Meta, StoryObj } from '@storybook/vue3';
 
 import Button from './Button.vue';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/vue/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Example/Button',
   component: Button,
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {
     size: { control: 'select', options: ['small', 'medium', 'large'] },
@@ -20,7 +20,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/7.0/vue/api/csf
+ * See https://storybook.js.org/docs/vue/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts b/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts
index f29d01110d51..8626c1f529bf 100644
--- a/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts
@@ -4,7 +4,7 @@ import MyHeader from './Header.vue';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/7.0/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Example/Header',
@@ -17,10 +17,10 @@ const meta = {
     template: '<my-header :user="args.user" />',
   }),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/react/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',
   },
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
 } satisfies Meta<typeof MyHeader>;
 
diff --git a/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts b/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts
index 33c6c1118cf0..e9988015819d 100644
--- a/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts
@@ -10,17 +10,17 @@ const meta = {
     template: '<my-page />',
   }),
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/vue/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/vue/configure/story-layout
     layout: 'fullscreen',
   },
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
 } satisfies Meta<typeof MyPage>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/vue/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/vue/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   play: async ({ canvasElement }: any) => {
     const canvas = within(canvasElement);
diff --git a/code/renderers/web-components/template/cli/js/Button.stories.js b/code/renderers/web-components/template/cli/js/Button.stories.js
index 9cb2ebf8a2f3..7ee384b7ce4c 100644
--- a/code/renderers/web-components/template/cli/js/Button.stories.js
+++ b/code/renderers/web-components/template/cli/js/Button.stories.js
@@ -1,6 +1,6 @@
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/web-components/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 export default {
   title: 'Example/Button',
   tags: ['autodocs'],
@@ -15,7 +15,7 @@ export default {
   },
 };
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/web-components/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/web-components/writing-stories/args
 export const Primary = {
   args: {
     primary: true,
diff --git a/code/renderers/web-components/template/cli/js/Header.stories.js b/code/renderers/web-components/template/cli/js/Header.stories.js
index 1f56d163da64..d399cb869950 100644
--- a/code/renderers/web-components/template/cli/js/Header.stories.js
+++ b/code/renderers/web-components/template/cli/js/Header.stories.js
@@ -2,7 +2,7 @@ import { Header } from './Header';
 
 export default {
   title: 'Example/Header',
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/web-components/vue/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/web-components/vue/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args) => Header(args),
 };
diff --git a/code/renderers/web-components/template/cli/js/Page.stories.js b/code/renderers/web-components/template/cli/js/Page.stories.js
index 61f16d6573cc..91cc0239c73e 100644
--- a/code/renderers/web-components/template/cli/js/Page.stories.js
+++ b/code/renderers/web-components/template/cli/js/Page.stories.js
@@ -8,7 +8,7 @@ export default {
 
 export const LoggedIn = {
   args: {
-    // More on composing args: https://storybook.js.org/docs/7.0/web-components/writing-stories/args#args-composition
+    // More on composing args: https://storybook.js.org/docs/web-components/writing-stories/args#args-composition
     ...HeaderStories.LoggedIn.args,
   },
 };
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts b/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts
index c31f535a18a4..1308c5384b88 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import type { ButtonProps } from './Button';
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/web-components/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 const meta: Meta<ButtonProps> = {
   title: 'Example/Button',
   tags: ['autodocs'],
@@ -20,7 +20,7 @@ const meta: Meta<ButtonProps> = {
 export default meta;
 type Story = StoryObj<ButtonProps>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/web-components/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/web-components/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts b/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts
index d99a750322a6..441a70d4ed41 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts
@@ -4,7 +4,7 @@ import { Header } from './Header';
 
 const meta: Meta<HeaderProps> = {
   title: 'Example/Header',
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/web-components/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/web-components/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args: HeaderProps) => Header(args),
 };
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts b/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts
index 4a4dfcc54112..43ecfdccf450 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts
@@ -14,7 +14,7 @@ type Story = StoryObj<PageProps>;
 
 export const LoggedIn: Story = {
   args: {
-    // More on composing args: https://storybook.js.org/docs/7.0/web-components/writing-stories/args#args-composition
+    // More on composing args: https://storybook.js.org/docs/web-components/writing-stories/args#args-composition
     ...HeaderStories.LoggedIn.args,
   },
 };
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts b/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts
index f97328589b89..985def53f1b2 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import type { ButtonProps } from './Button';
 import { Button } from './Button';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/web-components/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 const meta = {
   title: 'Example/Button',
   tags: ['autodocs'],
@@ -20,7 +20,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<ButtonProps>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/web-components/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/web-components/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts b/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts
index 822eb60716fb..066b097f56dc 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts
@@ -4,7 +4,7 @@ import { Header } from './Header';
 
 const meta = {
   title: 'Example/Header',
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/web-components/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/web-components/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args: HeaderProps) => Header(args),
 } satisfies Meta<HeaderProps>;
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts b/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts
index 4a5b01b92a0d..aa29295eeb28 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts
@@ -14,7 +14,7 @@ type Story = StoryObj<PageProps>;
 
 export const LoggedIn: Story = {
   args: {
-    // More on composing args: https://storybook.js.org/docs/7.0/web-components/writing-stories/args#args-composition
+    // More on composing args: https://storybook.js.org/docs/web-components/writing-stories/args#args-composition
     ...HeaderStories.LoggedIn.args,
   },
 };