diff --git a/assets/icons/experimental/exit.svg b/assets/icons/experimental/exit.svg new file mode 100644 index 00000000..89c680c6 --- /dev/null +++ b/assets/icons/experimental/exit.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/experimental/Popover/Popover.tsx b/src/components/experimental/Popover/Popover.tsx index 399eebbe..23c50f8f 100644 --- a/src/components/experimental/Popover/Popover.tsx +++ b/src/components/experimental/Popover/Popover.tsx @@ -9,6 +9,7 @@ interface PopoverProps extends Omit { } const StyledPopover = styled(BasePopover)` + overflow: auto; background: ${getSemanticValue('surface')}; padding: ${get('space.4')}; box-shadow: 0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), diff --git a/src/components/experimental/index.ts b/src/components/experimental/index.ts index ed382840..678e53e5 100644 --- a/src/components/experimental/index.ts +++ b/src/components/experimental/index.ts @@ -12,7 +12,7 @@ export { IconButton } from './IconButton/IconButton'; export { InlineSpinner } from './InlineSpinner/InlineSpinner'; export { Input } from './Input/Input'; export { Label } from './Label/Label'; -export { ListBox, ListBoxItem } from './ListBox/ListBox'; +export { ListBox, ListBoxItem, LabelText, DescriptionText } from './ListBox/ListBox'; export { Modal } from './Modal/Modal'; export { Popover } from './Popover/Popover'; export { Search } from './Search/Search'; diff --git a/src/icons/experimental/ExitIcon.tsx b/src/icons/experimental/ExitIcon.tsx new file mode 100644 index 00000000..04ba6687 --- /dev/null +++ b/src/icons/experimental/ExitIcon.tsx @@ -0,0 +1,27 @@ +// DO NOT EDIT. This file was generated by running `npm run generate`.; +import * as React from 'react'; +import { get } from '../../utils/themeGet'; +import { IconProps } from '../IconProps'; +type Props = IconProps; +const ExitIcon: React.FC = ({ size = 'medium', color = 'inherit', ...rest }) => { + const props = { ...rest, color }; + const sizePx = Number.isFinite(size as number) + ? size + : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props); + return ( + + + + ); +}; +export default ExitIcon; diff --git a/src/icons/experimental/index.ts b/src/icons/experimental/index.ts index 0a728741..a91f5f2f 100644 --- a/src/icons/experimental/index.ts +++ b/src/icons/experimental/index.ts @@ -10,3 +10,4 @@ export { default as BotIcon } from './BotIcon'; export { default as EventRepeatIcon } from './EventRepeatIcon'; export { default as CogOutlineIcon } from './CogOutlineIcon'; export { default as SupportAgentIcon } from './SupportAgentIcon'; +export { default as ExitIcon } from './ExitIcon';