From 35c2246baa01841cc2cd24e152c4a3ef62b3a163 Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Wed, 11 Sep 2024 18:01:04 +0200
Subject: [PATCH 1/3] =?UTF-8?q?Remove=20incorrect=20=E2=80=98large?=
 =?UTF-8?q?=E2=80=99=20size=20for=20ordered=20list=20stories?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 storybook/src/components/OrderedList/OrderedList.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/storybook/src/components/OrderedList/OrderedList.stories.tsx b/storybook/src/components/OrderedList/OrderedList.stories.tsx
index 605cdea9ea..1fab5381b8 100644
--- a/storybook/src/components/OrderedList/OrderedList.stories.tsx
+++ b/storybook/src/components/OrderedList/OrderedList.stories.tsx
@@ -37,7 +37,7 @@ const meta = {
         type: 'radio',
         labels: { small: 'small', undefined: 'medium' },
       },
-      options: ['small', undefined, 'large'],
+      options: ['small', undefined],
     },
   },
   decorators: [inverseColorDecorator],

From 7c2b5df41fec881b8c36dc33f929fa010f0c0541 Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Wed, 11 Sep 2024 18:01:43 +0200
Subject: [PATCH 2/3] Move size example to bottom like Unordered List

---
 .../src/components/OrderedList/OrderedList.docs.mdx  | 12 ++++++------
 .../components/OrderedList/OrderedList.stories.tsx   | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/storybook/src/components/OrderedList/OrderedList.docs.mdx b/storybook/src/components/OrderedList/OrderedList.docs.mdx
index 4e39f980de..15d6eb5238 100644
--- a/storybook/src/components/OrderedList/OrderedList.docs.mdx
+++ b/storybook/src/components/OrderedList/OrderedList.docs.mdx
@@ -14,12 +14,6 @@ import README from "../../../../packages/css/src/components/ordered-list/README.
 
 ## Examples
 
-### Small text
-
-Use a list with a smaller font size in form descriptions and captions and the like.
-
-<Canvas of={OrderedListStories.SmallText} />
-
 ### Two levels
 
 A list may have one nested level.
@@ -61,3 +55,9 @@ This ensures the colour of the text provides enough contrast.
 When nesting lists, set the prop on all lists.
 
 <Canvas of={OrderedListStories.InverseColor} />
+
+### Small text
+
+Use a list with a smaller font size in form descriptions and captions and the like.
+
+<Canvas of={OrderedListStories.SmallText} />
diff --git a/storybook/src/components/OrderedList/OrderedList.stories.tsx b/storybook/src/components/OrderedList/OrderedList.stories.tsx
index 1fab5381b8..47362d3209 100644
--- a/storybook/src/components/OrderedList/OrderedList.stories.tsx
+++ b/storybook/src/components/OrderedList/OrderedList.stories.tsx
@@ -49,12 +49,6 @@ type Story = StoryObj<typeof meta>
 
 export const Default: Story = {}
 
-export const SmallText: Story = {
-  args: {
-    size: 'small',
-  },
-}
-
 export const TwoLevels: Story = {
   render: (args) => (
     <OrderedList {...args}>
@@ -151,3 +145,9 @@ export const InverseColor: Story = {
     </OrderedList>
   ),
 }
+
+export const SmallText: Story = {
+  args: {
+    size: 'small',
+  },
+}

From f6d537dc16f1bdad2979e885f3dd0589c1bcb6f6 Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Wed, 11 Sep 2024 18:02:09 +0200
Subject: [PATCH 3/3] =?UTF-8?q?Show=20default=20=E2=80=98medium=E2=80=99?=
 =?UTF-8?q?=20size=20for=20Unordered=20List=20examples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/UnorderedList/UnorderedList.stories.tsx   | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/storybook/src/components/UnorderedList/UnorderedList.stories.tsx b/storybook/src/components/UnorderedList/UnorderedList.stories.tsx
index 4f93b60846..ffa1530a29 100644
--- a/storybook/src/components/UnorderedList/UnorderedList.stories.tsx
+++ b/storybook/src/components/UnorderedList/UnorderedList.stories.tsx
@@ -31,6 +31,15 @@ const meta = {
     inverseColor: false,
     markers: undefined,
   },
+  argTypes: {
+    size: {
+      control: {
+        type: 'radio',
+        labels: { small: 'small', undefined: 'medium' },
+      },
+      options: ['small', undefined],
+    },
+  },
   decorators: [inverseColorDecorator],
 } satisfies Meta<typeof UnorderedList>