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/Form/Checkbox/Checkbox.stories.tsx

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-
-import Checkbox from './index'
-import { FormDecorator } from '../../../../.storybook/decorators/FormDecorator'
-
-const meta: Meta<typeof Checkbox> = {
-  title: 'Components/Form/Checkbox',
-  component: Checkbox,
-  decorators: [FormDecorator],
-  args: { name: 'checkbox' },
-}
-export default meta
-
-type Story = StoryObj<typeof Checkbox>
-
-export const Default: Story = {
-  args: {},
-}

packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.stories.tsx

@@ -7,7 +7,7 @@ import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMetho
 import { FormDecorator } from '../../../../.storybook/decorators/FormDecorator'
 
 const meta: Meta<typeof PaymentOptionsGroup> = {
-  title: 'Components/Payment/PaymentOptionsGroup',
+  title: 'Patterns/Form/Payment/PaymentOptionsGroup',
   component: PaymentOptionsGroup,
   decorators: [FormDecorator],
 }

packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx

@@ -6,7 +6,7 @@ import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMetho
 import { FormDecorator } from '../../../../.storybook/decorators/FormDecorator'
 
 const meta: Meta<typeof SelectPaymentMethod> = {
-  title: 'Components/Payment/SelectCreditCard',
+  title: 'Patterns/Form/Payment/SelectCreditCard',
   component: SelectPaymentMethod,
   argTypes: {},
   decorators: [FormDecorator],