hotfix: remove test page

apps/docs/src/stories/Toast.stories.tsx

@@ -144,6 +144,7 @@ export const CloseToast: StoryObj = {
   name: "CloseToast",
   argTypes: { icon: { control: { disable: true } } },
   render: () => {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const { open, close } = useToast();
     const option: ToastOptionType = {
       icon: "success",

apps/web/app/globals.css

@@ -1,5 +1,5 @@
-@import url('ui/desktop-variables.css') screen;
-@import url('ui/mobile-variables.css') screen and (max-width: 768px); 
+/* @import url('ui/desktop-variables.css') screen;
+@import url('ui/mobile-variables.css') screen and (max-width: 768px);  */
 
 * {
   box-sizing: border-box;

apps/web/app/page.module.css

@@ -3,4 +3,5 @@
   align-items: center;
   padding: 6rem;
   min-height: 100vh;
+  color: white;
 }

apps/web/app/page.tsx

@@ -1,16 +1,9 @@
 "use client";
-
-import { ToastProvider } from "ui";
 import styles from "./page.module.css";
-import ToastTemp from "./ToastTemp";
 
 export default function Page(): JSX.Element {
 
   return (
-    <ToastProvider>
-      <main className={styles.main}>
-      <ToastTemp />
-      </main>
-    </ToastProvider>
+    <main className={styles.main}>Test Page</main>
   );
 }

packages/ui/CheckBox/style.css.ts

@@ -38,13 +38,13 @@ export const checkBoxChecked = styleVariants({
 
 export const checkBoxLabel = styleVariants({
   small: [
-    theme.fontsObject.BODY_14_R,
+    theme.fontsObject.BODY_3_14_R,
     {
       marginLeft: '8px',
     },
   ],
   large: [
-    theme.fontsObject.BODY_16_R,
+    theme.fontsObject.BODY_2_16_R,
     {
       marginLeft: '10px',
     },

packages/ui/Toast/useToast.tsx

@@ -6,12 +6,8 @@ const useToast = () => {
   const { openToast, closeToast } = useContext(ToastContext);
 
   return {
-    open(option: ToastOptionType) {
-      openToast(option);
-    },
-    close() {
-      closeToast();
-    }
+    open: (option: ToastOptionType) => openToast(option),
+    close: () => closeToast() 
   };
 };