@newskit-render/core 1.50.1 → 1.54.0

package/components/footer/__snapshots__/index.test.tsx.snap

@@ -2,259 +2,25 @@
 
 exports[`Footer tests should render footer 1`] = `
 <DocumentFragment>
-  .emotion-0 {
-  background-color: #0A0A0A;
-  width: 100%;
-  bottom: 0;
-  display: block;
-  padding: 12px;
-}
-
-.emotion-1 {
-  width: 100%;
-  max-width: 1920px;
-  margin: 0 auto;
-}
-
-.emotion-2 {
-  box-sizing: border-box;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-@media screen {
-  .emotion-2 {
-    margin: -0px 8px 0 8px;
-  }
-}
-
-@media screen and (min-width: 480px) {
-  .emotion-2 {
-    margin: -0px 8px 0 8px;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  .emotion-2 {
-    margin: -0px 16px 0 16px;
-  }
-}
-
-@media screen and (min-width: 1024px) {
-  .emotion-2 {
-    margin: -0px 16px 0 16px;
-  }
-}
-
-@media screen and (min-width: 1440px) {
-  .emotion-2 {
-    margin: -0px 16px 0 16px;
-  }
-}
-
-.emotion-3 {
-  box-sizing: border-box;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-}
-
-@media screen {
-  .emotion-3 {
-    padding: 0 8px;
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-.emotion-4 {
-  margin-bottom: 12px;
-}
-
-.emotion-5 {
-  display: inline-block;
-  fill: #FFFFFF;
-  color: #FFFFFF;
-  width: 160px;
-}
-
-.emotion-7 {
-  border-width: 0px;
-  margin: 0;
-  width: 100%;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-flow: row wrap;
-  -webkit-flex-flow: row wrap;
-  -ms-flex-flow: row wrap;
-  flex-flow: row wrap;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-bottom: 24px;
-}
-
-@media screen and (min-width: 768px) {
-  .emotion-8 {
-    -webkit-box-pack: start;
-    -ms-flex-pack: start;
-    -webkit-justify-content: flex-start;
-    justify-content: flex-start;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-  }
-}
-
-.emotion-9 {
-  margin-bottom: 16px;
-}
-
-@media screen and (max-width: 767px) {
-  .emotion-9 {
-    margin-right: 0;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  .emotion-9 {
-    margin-right: 64px;
-  }
-}
-
-.emotion-10 {
-  display: inline-block;
-  transition-property: color;
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0, 0, .5, 1);
-  color: #FFFFFF;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 svg {
-  fill: #FFFFFF;
-}
-
-.emotion-10:hover:not(:disabled) {
-  color: #FFFFFF;
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.emotion-10:hover:not(:disabled) svg {
-  fill: #FFFFFF;
-}
-
-.emotion-10:active:not(:disabled) {
-  color: #FFFFFF;
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.emotion-10:active:not(:disabled) svg {
-  fill: #FFFFFF;
-}
-
-.emotion-11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-}
-
-.emotion-12 {
-  margin: 0;
-  font-family: "DM Sans",sans-serif;
-  font-size: 14px;
-  line-height: 21px;
-  font-weight: 500;
-  letter-spacing: 0;
-  padding: 0.5px 0px;
-  display: inline-block;
-  display: block;
-}
-
-.emotion-12::before {
-  content: '';
-  margin-bottom: -0.391em;
-  display: block;
-}
-
-.emotion-12::after {
-  content: '';
-  margin-top: -0.409em;
-  display: block;
-}
-
-.emotion-35 {
-  margin: 0;
-  color: #535353;
-  font-family: "DM Sans",sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  font-weight: 500;
-  letter-spacing: 0;
-}
-
-.emotion-35 svg {
-  fill: #535353;
-}
-
-<div
-    class="emotion-0"
+  <div
+    class="css-1p8e12n"
   >
     <div
-      class="emotion-1"
+      class="css-8atxkm"
     >
       <div
-        class="emotion-2"
+        class="css-1w88buo"
         data-testid="PageLayout"
       >
         <div
-          class="emotion-3"
+          class="css-18d6eiw"
           data-testid="PageLayout"
         >
           <div
-            class="emotion-4"
+            class="css-1nj1cp8"
           >
             <svg
-              class="emotion-5"
+              class="css-kgdu16"
               height="48px"
               viewBox="0 0 244 40"
             >
@@ -278,30 +44,30 @@ exports[`Footer tests should render footer 1`] = `
             </svg>
           </div>
           <div
-            class="emotion-4"
+            class="css-1nj1cp8"
           >
             <hr
               aria-hidden="true"
-              class="emotion-7"
+              class="css-ucwznq"
               data-testid="divider"
             />
           </div>
           <div
-            class="emotion-8"
+            class="css-hx18jh"
           >
             <span
-              class="emotion-9"
+              class="css-zkhuqg"
             >
               <a
                 aria-label="NavLink One"
-                class="emotion-10"
+                class="css-71f8au"
                 href="/link-one"
               >
                 <span
-                  class="emotion-11"
+                  class="css-7eo7xt"
                 >
                   <span
-                    class="emotion-12"
+                    class="css-b741cy"
                   >
                     NavLink One
                   </span>
@@ -309,18 +75,18 @@ exports[`Footer tests should render footer 1`] = `
               </a>
             </span>
             <span
-              class="emotion-9"
+              class="css-zkhuqg"
             >
               <a
                 aria-label="NavLink Two"
-                class="emotion-10"
+                class="css-71f8au"
                 href="/link-two"
               >
                 <span
-                  class="emotion-11"
+                  class="css-7eo7xt"
                 >
                   <span
-                    class="emotion-12"
+                    class="css-b741cy"
                   >
                     NavLink Two
                   </span>
@@ -328,18 +94,18 @@ exports[`Footer tests should render footer 1`] = `
               </a>
             </span>
             <span
-              class="emotion-9"
+              class="css-zkhuqg"
             >
               <a
                 aria-label="NavLink Three"
-                class="emotion-10"
+                class="css-71f8au"
                 href="/link-three"
               >
                 <span
-                  class="emotion-11"
+                  class="css-7eo7xt"
                 >
                   <span
-                    class="emotion-12"
+                    class="css-b741cy"
                   >
                     NavLink Three
                   </span>
@@ -347,18 +113,18 @@ exports[`Footer tests should render footer 1`] = `
               </a>
             </span>
             <span
-              class="emotion-9"
+              class="css-zkhuqg"
             >
               <a
                 aria-label="NavLink Four"
-                class="emotion-10"
+                class="css-71f8au"
                 href="/link-four"
               >
                 <span
-                  class="emotion-11"
+                  class="css-7eo7xt"
                 >
                   <span
-                    class="emotion-12"
+                    class="css-b741cy"
                   >
                     NavLink Four
                   </span>
@@ -366,18 +132,18 @@ exports[`Footer tests should render footer 1`] = `
               </a>
             </span>
             <span
-              class="emotion-9"
+              class="css-zkhuqg"
             >
               <a
                 aria-label="NavLink Five"
-                class="emotion-10"
+                class="css-71f8au"
                 href="/link-five"
               >
                 <span
-                  class="emotion-11"
+                  class="css-7eo7xt"
                 >
                   <span
-                    class="emotion-12"
+                    class="css-b741cy"
                   >
                     NavLink Five
                   </span>
@@ -385,18 +151,18 @@ exports[`Footer tests should render footer 1`] = `
               </a>
             </span>
             <span
-              class="emotion-9"
+              class="css-zkhuqg"
             >
               <a
                 aria-label="NavLink Six"
-                class="emotion-10"
+                class="css-71f8au"
                 href="/link-six"
               >
                 <span
-                  class="emotion-11"
+                  class="css-7eo7xt"
                 >
                   <span
-                    class="emotion-12"
+                    class="css-b741cy"
                   >
                     NavLink Six
                   </span>
@@ -405,16 +171,16 @@ exports[`Footer tests should render footer 1`] = `
             </span>
           </div>
           <div
-            class="emotion-4"
+            class="css-1nj1cp8"
           >
             <hr
               aria-hidden="true"
-              class="emotion-7"
+              class="css-ucwznq"
               data-testid="divider"
             />
           </div>
           <p
-            class="emotion-35"
+            class="css-1rn2unv"
           >
             Copyright © YYYY News Corp. All rights reserved.
           </p>

package/components/header/index.tsx

@@ -92,6 +92,13 @@ const pastDueBanner = {
     text:
       'You have cancelled your subscription and will lose access to all benefits on ##DATE##. To re-activate your subscription call ##PHONE_NUMBER##.',
   },
+  toBeCancelledWithRefund: {
+    title: 'Your subscription will end soon.',
+    phoneNumber: '0800 xxxx xxxxx',
+    text:
+      'We have successfully cancelled your subscription and will be processing your refund shortly. If you have any question please call ##PHONE_NUMBER##.',
+    dismissDays: 7,
+  },
   treshold: {
     firstNotice: 26,
     secondNotice: 30,