Add gray tertiary button for button component

Author: roshni73

packages/go-ui-storybook/src/stories/Button.stories.ts

@@ -106,8 +106,8 @@ export const Tertiary: Story = {
 export const TertiaryButtonWithIcon: Story = {
     args: {
         name: 'button',
-        variant: 'primary',
-        children: 'Primary Button',
+        variant: 'tertiary',
+        children: 'tertiary Button',
         // icons: <DownloadTwoFillIcon /> ,
     },
     parameters: {
@@ -139,20 +139,20 @@ export const DropdownItem: Story = {
     },
 };
 
-export const ProcessButtonWithIcon: Story = {
+export const GreyTertiaryButtonWithIcon: Story = {
     args: {
         name: 'button',
-        variant: 'process',
-        children: 'Process Button',
-        // icons:<LoaderLineIcon/>
+        variant: 'grey-tertiary',
+        children: 'Grey-Tertiary Button',
+        // icons: <DownloadTwoFillIcon />
     },
 };
 
-export const GreyTertiaryButtonWithIcon: Story = {
+export const ProcessButtonWithIcon: Story = {
     args: {
         name: 'button',
-        variant: 'grey-tertiary',
-        children: 'Grey-Tertiary Button',
+        variant: 'secondary',
+        children: 'Process Button',
         // icons:<LoaderLineIcon/>
     },
 };

packages/ui/src/components/Button/styles.module.css

@@ -155,6 +155,12 @@
         }
     }
 
+    &.grey-tertiary {
+        --border-radius: unset;
+        --padding: var(--go-ui-spacing-sm) var(--go-ui-spacing-lg);
+        background-color: var(--go-ui-color-background);
+    }
+    
     &.disabled {
         opacity: var(--go-ui-opacity-disabled-element);
         --cursor: not-allowed;

packages/ui/src/components/DropdownMenu/styles.module.css

@@ -1,5 +1,6 @@
 .dropdown-menu {
     align-items: center;
+    height: 32px;
 
     .icons,
     .content,
@@ -16,7 +17,7 @@
 .dropdown-content {
     display: flex;
     flex-direction: column;
-    padding: var(--go-ui-spacing-sm) 0;
+    padding-left: 24px;
 
     :hover {
         background-color:var(--go-ui-color-gray)