agroptima-design-system 0.28.2 → 0.28.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "0.28.2",
+  "version": "0.28.3",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Alert/Alert.tsx

@@ -51,7 +51,7 @@ export function Alert({
           {text}
         </span>
       </div>
-      {button && <IconButton {...button} variant="primary" />}
+      {button && <IconButton {...button} variant="tertiary" />}
     </div>
   )
 }

package/src/atoms/Button/IconButton.scss

@@ -54,6 +54,28 @@
     }
   }
 
+  &.tertiary {
+    > .icon {
+      > svg {
+        fill: color_alias.$neutral-color-400;
+        path {
+          fill: color_alias.$neutral-color-400;
+        }
+      }
+    }
+
+    &:hover {
+      > .icon {
+        > svg {
+          fill: color_alias.$neutral-color-400;
+          path {
+            fill: color_alias.$neutral-color-400;
+          }
+        }
+      }
+    }
+  }
+
   &.primary,
   &.secondary {
     &:disabled {

package/src/atoms/Button/IconButton.tsx

@@ -5,7 +5,7 @@ import { Icon } from '../Icon'
 import type { BaseButtonProps } from './BaseButton'
 import { BaseButton } from './BaseButton'
 
-export type Variant = 'primary' | 'secondary'
+export type Variant = 'primary' | 'secondary' | 'tertiary'
 
 interface CustomProps {
   icon: IconType

package/src/stories/Changelog.mdx

@@ -4,6 +4,11 @@ import { Meta } from "@storybook/blocks";
 
 # Changelog
 
+## 0.28.3
+
+* Add tertiary variant to IconButton component
+* Update exit button variant on Alert component
+
 ## 0.28.1
 
 * Align items to top in CardTable component

package/src/stories/IconButton.stories.ts

@@ -70,3 +70,13 @@ export const Secondary: Story = {
   },
   parameters: figmaPrimaryDesign,
 }
+
+export const Tertiary: Story = {
+  args: {
+    icon: 'Delete',
+    variant: 'tertiary',
+    accessibilityLabel: 'Delete game',
+    disabled: false,
+  },
+  parameters: figmaPrimaryDesign,
+}