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. - - - ### 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. + +### Small text + +Use a list with a smaller font size in form descriptions and captions and the like. + + diff --git a/storybook/src/components/OrderedList/OrderedList.stories.tsx b/storybook/src/components/OrderedList/OrderedList.stories.tsx index 605cdea9ea..47362d3209 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], @@ -49,12 +49,6 @@ type Story = StoryObj export const Default: Story = {} -export const SmallText: Story = { - args: { - size: 'small', - }, -} - export const TwoLevels: Story = { render: (args) => ( @@ -151,3 +145,9 @@ export const InverseColor: Story = { ), } + +export const SmallText: Story = { + args: { + size: 'small', + }, +} 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