feat: remove CardGrid

components/TempDesignSystem/CardGrid/cardGrid.module.css

@@ -1,62 +0,0 @@
-.gridContainer {
-  display: grid;
-  gap: 1.6rem;
-}
-
-.carousel {
-  display: grid;
-  grid-auto-columns: 80dvw;
-  grid-auto-flow: column;
-  gap: 1.6rem;
-
-  margin-left: -1.6rem;
-  margin-right: -1.6rem;
-  padding-left: 1.6rem;
-
-  overflow-x: scroll;
-  scroll-padding-left: 1.6rem;
-  scroll-snap-type: x mandatory;
-
-  scrollbar-width: none;
-  /* Hide scrollbar IE and Edge */
-  -ms-overflow-style: none;
-  /* Hide Scrollbar Firefox */
-}
-
-.carousel:last-child {
-  margin-right: 1.6rem;
-}
-
-.carousel > * {
-  scroll-snap-align: start;
-}
-
-/* Hide Scrollbar Chrome, Safari and Opera */
-.gridContainer::-webkit-scrollbar {
-  display: none;
-}
-
-@media screen and (min-width: 1367px) {
-  .twoColumnGrid,
-  .twoPlusOne {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
-  .threeColumnGrid {
-    grid-template-columns: repeat(3, 1fr);
-  }
-
-  .fourColumnGrid {
-    grid-template-columns: repeat(4, 1fr);
-  }
-
-  .twoPlusOne > *:last-child {
-    grid-column: span 2;
-  }
-
-  .carousel {
-    grid-auto-flow: unset;
-    margin: 0;
-    padding: 0;
-  }
-}

components/TempDesignSystem/CardGrid/variants.ts

@@ -1,20 +0,0 @@
-import { cva } from "class-variance-authority"
-
-import styles from "./cardGrid.module.css"
-
-export const cardGridVariants = cva(styles.gridContainer, {
-  variants: {
-    isMobileCarousel: {
-      true: styles.carousel,
-    },
-    variant: {
-      twoColumnGrid: styles.twoColumnGrid,
-      threeColumnGrid: styles.threeColumnGrid,
-      fourColumnGrid: styles.fourColumnGrid,
-      twoPlusOne: styles.twoPlusOne,
-    },
-  },
-  defaultVariants: {
-    variant: "threeColumnGrid",
-  },
-})