Merged in feat/SW-3636-storybook-structure (pull request #3309)

feat(SW-3636): Storybook structure

* New sections in Storybook sidebar

* Group Storybook content files and add token files for spacing, border radius and shadows


Approved-by: Joakim Jäderberg

packages/design-system/lib/components/OldDSLink/OldDSLink.stories.tsx

@@ -1,71 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-
-import { expect } from 'storybook/test'
-import OldDSLink from '.'
-
-const meta: Meta<typeof OldDSLink> = {
-  title: 'Components/OldDSLink',
-  component: OldDSLink,
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['small', 'regular', 'tiny', 'none'],
-    },
-    scroll: {
-      table: {
-        disable: true,
-      },
-    },
-    prefetch: {
-      table: {
-        disable: true,
-      },
-    },
-    partialMatch: {
-      table: {
-        disable: true,
-      },
-    },
-  },
-}
-
-export default meta
-
-type Story = StoryObj<typeof OldDSLink>
-
-export const Default: Story = {
-  args: {
-    active: false,
-    href: 'https://www.scandichotels.com/en',
-  },
-  render: (args) => <OldDSLink {...args}>{args.href}</OldDSLink>,
-  play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
-    expect(link).toBeInTheDocument()
-  },
-}
-
-export const Focused: Story = {
-  args: {
-    ...Default.args,
-  },
-  render: Default.render,
-  play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
-    expect(link).toBeInTheDocument()
-
-    expect(link).not.toHaveFocus()
-    let styles = getComputedStyle(link)
-    expect(styles.outlineStyle).toBe('none')
-    expect(parseFloat(styles.outlineWidth)).toBe(0)
-
-    link?.focus()
-
-    expect(link).toHaveFocus()
-    styles = getComputedStyle(link)
-    expect(styles.outlineStyle).not.toBe('none')
-    expect(parseFloat(styles.outlineWidth)).toBeGreaterThan(0)
-  },
-}