fix(drawer): fix layout shift (#1965)

vtex · Sep 23, 2024 · 38016bd · 38016bd
2 parents 3281906 + c9f7fcb
commit 38016bd
Show file tree

Hide file tree

Showing 6 changed files with 8,508 additions and 15,713 deletions.
diff --git a/packages/docs/pages/components/drawer.mdx b/packages/docs/pages/components/drawer.mdx
@@ -77,6 +77,6 @@ The [DrawerPopover](/components/drawer/drawer-popover) has either a `small` or `
 
 <ComponentSummaryGrid>
   <ComponentSummary name="modal" />
-  <ComponentSummary name="toast" />
+  <ComponentSummary name="page" />
   <ComponentSummary name="contextual-help" />
 </ComponentSummaryGrid>
diff --git a/packages/docs/pages/components/drawer/_meta.json b/packages/docs/pages/components/drawer/_meta.json
@@ -0,0 +1,10 @@
+{
+  "drawer-content": "DrawerContent",
+  "drawer-dismiss": "DrawerDismiss",
+  "drawer-footer": "DrawerFooter",
+  "drawer-header": "DrawerHeader",
+  "drawer-heading": "DrawerHeading",
+  "drawer-popover": "DrawerPopover",
+  "drawer-provider": "DrawerProvider",
+  "drawer-trigger": "DrawerTrigger"
+}
diff --git a/packages/docs/public/assets/all-drawer.png b/packages/docs/public/assets/all-drawer.png
diff --git a/packages/shoreline/package.json b/packages/shoreline/package.json
@@ -75,6 +75,6 @@
     "@react-stately/toggle": "3.7.4",
     "@vtex/shoreline-utils": "^1.0.58",
     "react-hot-toast": "2.4.1",
-    "vaul": "0.9.2"
+    "vaul": "0.9.4"
   }
 }
diff --git a/packages/shoreline/src/themes/sunrise/components/drawer.css b/packages/shoreline/src/themes/sunrise/components/drawer.css
@@ -22,7 +22,7 @@
     --size: var(--size-medium);
   }
 
-  &[vaul-drawer-direction="right"] {
+  &[data-vaul-drawer-direction="right"] {
     flex-direction: row;
     top: 0;
     right: 0;