diff --git a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx index f2a99b04bdf..86f4ac6bdeb 100644 --- a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx +++ b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx @@ -85,8 +85,6 @@ const DataTown = () => { Rows in a DataList can be expanded to show more information. You can set the `expanded` prop to an array of row keys to expand them by default. - - ### Selected Rows in a DataList can also be selected. You can set the `selected` prop to an array of row keys to select them by default. diff --git a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx index 27d0fbde385..898e4ff3606 100644 --- a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx +++ b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx @@ -1,7 +1,7 @@ // Added because SB and TS don't play nice with each other at the moment // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-nocheck -import { DataList, DataTable, FlexBox } from '@codecademy/gamut'; +import { DataList, DataTable, FlexBox, InfoTip, Text } from '@codecademy/gamut'; import type { Meta, StoryObj } from '@storybook/react'; import { @@ -21,8 +21,13 @@ const meta: Meta = { query: { sort: { name: 'desc', role: 'asc' } }, rows: [ { - name: 'Jean Luc Picard', - role: 'Captain', + name: ( + <> + Some Project  Error Publishing + + + ), + role: 'something else', ship: 'USS Enterprise', age: '59', species: 'Human', @@ -73,7 +78,7 @@ const meta: Meta = { { header: 'Name', key: 'name', - size: 'lg', + size: 'xl', type: 'header', sortable: true, },