feat: implement Menu design qa

vtex · Nov 30, 2023 · 5abbbdf · 5abbbdf
1 parent 2e89c45
commit 5abbbdf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/components/src/button/button.css b/packages/components/src/button/button.css
@@ -19,7 +19,7 @@
     & > [data-sl-button-content] {
       font: inherit;
       letter-spacing: inherit;
-      gap: var(--sl-space-1);
+      gap: var(--sl-space-05);
       width: 100%;
       display: flex;
       flex-direction: row;
@@ -90,7 +90,7 @@
       &:focus-visible {
         box-shadow: var(--sl-focus-ring);
         background: var(--sl-bg-muted-hover);
-        color: var(--sl-fg-muted-hover)
+        color: var(--sl-fg-muted-hover);
       }
       &:disabled {
         background: var(--sl-bg-disabled);

diff --git a/packages/components/src/menu/stories/menu.stories.tsx b/packages/components/src/menu/stories/menu.stories.tsx
@@ -1,11 +1,11 @@
 import './style.css'
 import React from 'react'
 import {
-  IconCaretDown,
   IconDotsThreeVertical,
   IconPencil,
   IconTrash,
   IconArchive,
+  IconCaretDownSmall,
 } from '@vtex/shoreline-icons'
 
 import {
@@ -45,7 +45,7 @@ export function Composition() {
       <MenuProvider placement="bottom-end">
         <MenuTrigger asChild>
           <Button>
-            Open <IconCaretDown />
+            Open <IconCaretDownSmall />
           </Button>
         </MenuTrigger>
         <Menu asChild>
@@ -213,7 +213,7 @@ export function CustomLabel() {
       <MenuProvider>
         <MenuTrigger asChild>
           <Button variant="primary">
-            Create promotion <IconCaretDown />
+            Create promotion <IconCaretDownSmall />
           </Button>
         </MenuTrigger>
         <Menu>
@@ -226,7 +226,7 @@ export function CustomLabel() {
       <MenuProvider>
         <MenuTrigger asChild>
           <Button variant="tertiary">
-            Create promotion <IconCaretDown />
+            Create promotion <IconCaretDownSmall />
           </Button>
         </MenuTrigger>
         <Menu>
@@ -246,7 +246,7 @@ export function ItemVariants() {
       <MenuProvider>
         <MenuTrigger asChild>
           <Button variant="primary">
-            Create promotion <IconCaretDown />
+            Create promotion <IconCaretDownSmall />
           </Button>
         </MenuTrigger>
         <Menu>
@@ -259,7 +259,7 @@ export function ItemVariants() {
       <MenuProvider>
         <MenuTrigger asChild>
           <Button variant="tertiary">
-            Create promotion <IconCaretDown />
+            Create promotion <IconCaretDownSmall />
           </Button>
         </MenuTrigger>
         <Menu>