Add events-* classes to the toast component

mapbox · Dec 14, 2022 · 64baca2 · 64baca2
1 parent 73834c5
commit 64baca2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/toast/__snapshots__/toast.test.tsx.snap b/src/components/toast/__snapshots__/toast.test.tsx.snap
@@ -15,11 +15,11 @@ exports[`Toast render with options renders basic 1`] = `
         tabindex="0"
       />
       <ol
-        class="fixed left bottom mb24 w-full flex flex--center-main"
+        class="fixed left bottom mb24 w-full flex flex--center-main events-none"
         tabindex="-1"
       >
         <li
-          class="bg-gray-dark round wmax600 w-11/12 flex flex--center-cross row flex--space-between-main py12 pl12 hmin60"
+          class="bg-gray-dark round wmax600 w-11/12 flex flex--center-cross row flex--space-between-main py12 pl12 hmin60 events-all"
           data-radix-collection-item=""
           data-state="open"
           data-swipe-direction="down"

diff --git a/src/components/toast/toast.tsx b/src/components/toast/toast.tsx
@@ -30,7 +30,7 @@ export default function Toast({
         type="foreground"
         open={active}
         onOpenChange={onExit}
-        className="bg-gray-dark round wmax600 w-11/12 flex flex--center-cross row flex--space-between-main py12 pl12 hmin60"
+        className="bg-gray-dark round wmax600 w-11/12 flex flex--center-cross row flex--space-between-main py12 pl12 hmin60 events-all"
       >
         <ToastPrimitive.Description className="color-gray-lighter txt-truncate w-auto mr12">
           {content}
@@ -61,7 +61,7 @@ export default function Toast({
           )}
         </span>
       </ToastPrimitive.Root>
-      <ToastPrimitive.Viewport className="fixed left bottom mb24 w-full flex flex--center-main" />
+      <ToastPrimitive.Viewport className="fixed left bottom mb24 w-full flex flex--center-main events-none" />
     </ToastPrimitive.Provider>
   );
 }