feat(StatusTag): allow New tag

mondaycom · Dec 17, 2024 · 68c727d · 68c727d
1 parent e2f1851
commit 68c727d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/storybook-blocks/src/components/status-tag/__stories__/status-tag.stories.tsx b/packages/storybook-blocks/src/components/status-tag/__stories__/status-tag.stories.tsx
@@ -21,6 +21,7 @@ export const Types: Story = {
     <Flex direction={Flex.directions.COLUMN} gap={Flex.gaps.MEDIUM} align={Flex.align.START}>
       <StatusTag type="alpha" />
       <StatusTag type="beta" />
+      <StatusTag type="new" />
       <StatusTag type="deprecated" />
     </Flex>
   ),

diff --git a/packages/storybook-blocks/src/components/status-tag/status-tag.module.scss b/packages/storybook-blocks/src/components/status-tag/status-tag.module.scss
@@ -9,6 +9,11 @@
     border-color: var(--sb-brand-color);
   }
 
+  &.new {
+    color: var(--sb-positive-color);
+    border-color: var(--sb-positive-color);
+  }
+
   &.deprecated {
     color: var(--sb-negative-color);
     border-color: var(--sb-negative-color);

diff --git a/packages/storybook-blocks/src/components/status-tag/status-tag.tsx b/packages/storybook-blocks/src/components/status-tag/status-tag.tsx
@@ -2,13 +2,14 @@ import { FC } from 'react';
 import styles from './status-tag.module.scss';
 import cx from 'classnames';
 
-export type StatusTagType = 'alpha' | 'beta' | 'deprecated';
+export type StatusTagType = 'alpha' | 'beta' | 'new' | 'deprecated';
 
 interface StatusTagProps {
   type: StatusTagType;
 }
 
 const StatusTag: FC<StatusTagProps> = ({ type }) => {
+  console.log('type', type);
   return <label className={cx(styles.statusTag, styles[type])}>{type}</label>;
 };