calendar card changes

Telefonica · Nov 25, 2024 · 8c74fcb · 8c74fcb
1 parent c6e6f0d
commit 8c74fcb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/pages/advent-calendar-2024/components/calendar-card.jsx b/src/pages/advent-calendar-2024/components/calendar-card.jsx
@@ -7,6 +7,7 @@ import {
   IconLockEyeClosedFilled,
   Circle,
   IconChevronRightRegular,
+  IconArrowLineRightRegular,
 } from "@telefonica/mistica";
 import { useRef, useState } from "react";
 import styles from "./calendar-card.module.css";
@@ -71,7 +72,7 @@ const CalendarCard = ({
     case CARD_STATES.BLOCKED: {
       cardStatusStyles = {
         background: skinVars.colors.backgroundContainer,
-        border: `2px solid ${skinVars.colors.borderLow}`,
+        border: `2px solid ${skinVars.colors.border}`,
       };
       break;
     }
@@ -229,7 +230,7 @@ const CalendarCard = ({
 
             {(status === CARD_STATES.AVAILABLE || isRepeatable) && (
               <Circle size={48} background={skinVars.colors.brand}>
-                <IconChevronRightRegular
+                <IconArrowLineRightRegular
                   size={24}
                   color={skinVars.colors.inverse}
                 />

diff --git a/src/pages/advent-calendar-2024/pages/coming-soon.jsx b/src/pages/advent-calendar-2024/pages/coming-soon.jsx
@@ -14,6 +14,8 @@ import {
   Snackbar,
   TelefonicaLogo,
   skinVars,
+  Text3,
+  Text2,
 } from "@telefonica/mistica";
 import NavBar from "../components/navbar";
 import DecorationSnake from "../assets/decorations/decoration-snake";
@@ -123,14 +125,14 @@ const ComingSoonPage = () => {
                   margin: "auto",
                 }}
               >
-                <Text>
+                <Text2>
                   <p>
                     Get ready to experience the magic of the Mística Advent
                     Calendar. Every day brings a new surprise, filled with
                     inspiration, joy, and a touch of holiday magic to brighten
                     the end of your year.
                   </p>
-                </Text>
+                </Text2>
               </div>
               <div
                 style={{