diff --git a/packages/react/src/SelectPanel/SelectPanel.examples.stories.module.css b/packages/react/src/SelectPanel/SelectPanel.examples.stories.module.css index e0b0ed4e79a..e0d6d11afa3 100644 --- a/packages/react/src/SelectPanel/SelectPanel.examples.stories.module.css +++ b/packages/react/src/SelectPanel/SelectPanel.examples.stories.module.css @@ -19,9 +19,3 @@ outline: 2px solid var(--focus-outlineColor, var(--color-accent-emphasis)); outline-offset: -2px; } - -.TruncatedText { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} diff --git a/packages/react/src/SelectPanel/SelectPanel.examples.stories.tsx b/packages/react/src/SelectPanel/SelectPanel.examples.stories.tsx index 22ae7f75b4a..1c217e2ada5 100644 --- a/packages/react/src/SelectPanel/SelectPanel.examples.stories.tsx +++ b/packages/react/src/SelectPanel/SelectPanel.examples.stories.tsx @@ -1,11 +1,11 @@ import React, {useState, useMemo} from 'react' import type {Meta} from '@storybook/react-vite' import {Button} from '../Button' -import type {ItemInput} from '../deprecated/ActionList/List' +import type {ItemInput} from '../FilteredActionList' import {SelectPanel} from './SelectPanel' import type {OverlayProps} from '../Overlay' import {TriangleDownIcon} from '@primer/octicons-react' -import {ActionList} from '../deprecated/ActionList' +import {ActionList} from '../ActionList' import FormControl from '../FormControl' import {Stack} from '../Stack' import {Dialog} from '../experimental' @@ -297,9 +297,8 @@ export const CustomItemRenderer = () => { onFilterChange={setFilter} overlayProps={{width: 'medium'}} renderItem={item => ( - - {' '} -
{item.text}
+ + {item.text} )} message={filteredItems.length === 0 ? NoResultsMessage(filter) : undefined}