diff --git a/.changeset/strange-coins-hammer.md b/.changeset/strange-coins-hammer.md new file mode 100644 index 0000000000..60e655d46c --- /dev/null +++ b/.changeset/strange-coins-hammer.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-documentation': minor +--- + +Added a deprecation message to the badge documentation. diff --git a/packages/documentation/src/stories/components/badge/badge.docs.mdx b/packages/documentation/src/stories/components/badge/badge.docs.mdx index ba16852b30..b46b72edd1 100644 --- a/packages/documentation/src/stories/components/badge/badge.docs.mdx +++ b/packages/documentation/src/stories/components/badge/badge.docs.mdx @@ -1,4 +1,5 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'; +import { PostAlert } from '@swisspost/design-system-components-react'; import * as badgeStories from './badge.stories'; import StylesPackageImport from '../../../shared/styles-package-import.mdx'; @@ -10,12 +11,23 @@ import StylesPackageImport from '../../../shared/styles-package-import.mdx'; Documentation and examples for badges, our small count and labeling component. + +

Badge is deprecated

+

+ The current `badge` component is deprecated and will be replaced with the `chip` component which will behave similarly to the current `badge` component. + There will also be a new `badge` component, but with a different behavior. Check out the new components in figma: + [Chip](https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=11194-50777&mode=design&t=SeiMf2Vt3dmUnpMT-0) + / + [Badge](https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=11038-51303&mode=design&t=SeiMf2Vt3dmUnpMT-0) +

+
+
- + ## Examples