mario-education 2.4.563-feedback → 2.4.565-feedback

package/dist/components/layouts/hooks/useHeaderSideBar.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 declare const useHeaderSideBar: (_navigations: any) => {
     anchorFontEl: HTMLElement | null;
     anchorEl: HTMLElement | null;
-    classes: Record<"title" | "header" | "content" | "overlay" | "arrow" | "grow" | "menuItem" | "menuButton" | "listItem" | "dropdown" | "sectionDesktop" | "drawer" | "textPrivacy" | "subMenuDrawer" | "subDrawerItem" | "drawerItem" | "drawerContent" | "drawerPaper" | "drawerPaperMobile" | "drawerActive" | "contentShift" | "fontBodyLarge" | "fontBodySmall" | "fontSmall" | "fontMedium" | "fontLarge" | "sectionFontDesktop" | "itemSideBar" | "positionBox" | "arrowDown" | "arrowUp" | "dailyMotivation", string>;
+    classes: Record<"title" | "header" | "content" | "overlay" | "avatar" | "arrow" | "grow" | "menuItem" | "menuText" | "menuButton" | "listItem" | "dropdown" | "menuIcon" | "sectionDesktop" | "drawer" | "textPrivacy" | "subMenuDrawer" | "subDrawerItem" | "drawerItem" | "drawerContent" | "drawerPaper" | "drawerPaperMobile" | "drawerActive" | "contentShift" | "fontBodyLarge" | "fontBodySmall" | "fontSmall" | "fontMedium" | "fontLarge" | "sectionFontDesktop" | "itemSideBar" | "positionBox" | "arrowDown" | "arrowUp" | "dailyMotivation", string>;
     screenWidth: number;
     isReadOnly: string | null;
     notificationAlert: import("../constants/types").NOTIFICATION_ALERT | undefined;

package/dist/index.css

@@ -4764,30 +4764,54 @@ p._1YLGi {
   color: #242424; }
 
 ._1KcY7 {
-  padding: 10px 75px;
-  border-top: 1px solid #DFE0DF;
+  padding: 8px 20px;
+  border-radius: 50px;
+  background: #FFFFFF;
+  color: #242424;
   cursor: pointer;
-  font-size: 20px;
+  font-size: 14px;
   text-align: center;
   margin-bottom: 0;
-  transition: background-color 0.5s ease-out; }
+  transition: background-color 0.5s ease-out;
+  border: none;
+  font-weight: 600; }
 
 ._1KcY7:hover {
-  background: #336DDA;
-  color: #ffff; }
+  color: #316CD9;
+  border: 2px solid #316CD9;
+  padding: 6px 18px;
+  background: #FFFFFF; }
 
 ._dOVso {
-  background: #336DDA;
-  color: #ffff; }
+  background: #316CD9 !important;
+  color: #FFFFFF !important; }
 
 ._3ZqxI > div {
   border-radius: 7px; }
 
 ._3ZqxI ._g-p72 {
-  font-weight: 500;
-  line-height: 1.6;
-  font-size: 20px;
-  padding: 10px 20px; }
+  font-weight: 600;
+  line-height: 32px;
+  font-size: 24px;
+  text-align: center;
+  margin-bottom: 24px; }
+
+._3ZqxI ._NhW9l {
+  position: absolute;
+  top: 16px;
+  right: 16px; }
+  ._3ZqxI ._NhW9l svg {
+    width: 24px;
+    height: 24px;
+    color: #D3D3D3; }
+
+._3ZqxI ._2oGz6 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border-radius: 50px;
+  padding: 4px;
+  border: 1px solid #e9e9e9; }
 
 ._2Nd8Z {
   align-items: center; }