diff --git a/packages/design-system/src/components/StatusDot/Primitive/StatusDotPrimitive.tsx b/packages/design-system/src/components/StatusDot/Primitive/StatusDotPrimitive.tsx index 30a4315f99f..871d9bfc350 100644 --- a/packages/design-system/src/components/StatusDot/Primitive/StatusDotPrimitive.tsx +++ b/packages/design-system/src/components/StatusDot/Primitive/StatusDotPrimitive.tsx @@ -4,7 +4,7 @@ import classnames from 'classnames'; import { DataAttributes } from '../../../types'; -import styles from './StatusBubblePrimitive.module.scss'; +import styles from './StatusDotPrimitive.module.scss'; export const variants = { beta: 'beta', diff --git a/packages/design-system/src/stories/feedback/StatusDot.mdx b/packages/design-system/src/stories/feedback/StatusDot.mdx index 1873ad52ac2..5fdf1630d3d 100644 --- a/packages/design-system/src/stories/feedback/StatusDot.mdx +++ b/packages/design-system/src/stories/feedback/StatusDot.mdx @@ -8,7 +8,7 @@ import { Status } from '../Status.block'; -# StatusBubble +# StatusDot The status dot component displays state information using circle shape with semantic colors diff --git a/packages/design-system/src/stories/navigation/Tabs.stories.tsx b/packages/design-system/src/stories/navigation/Tabs.stories.tsx index e8bd6b31123..85b5e28dee1 100644 --- a/packages/design-system/src/stories/navigation/Tabs.stories.tsx +++ b/packages/design-system/src/stories/navigation/Tabs.stories.tsx @@ -125,7 +125,7 @@ export const TabStandaloneControlled = () => { ); }; -export const TabsWithStatusBubble = () => { +export const TabsWithStatusDot = () => { return (