@financial-times/n-conversion-forms 41.3.1 → 42.0.0

package/components/__snapshots__/licence-confirmation.spec.js.snap

@@ -18,16 +18,14 @@ exports[`LicenceConfirmation renders if content id 1`] = `
     Explore the homepage & enjoy your unlimited access & exclusive content.
   </p>
   <p class="ncf__paragraph ncf__center">
-    <a class="ncf__button ncf__button--submit"
+    <a class="ncf__button o3-button o3-button--primary"
        href="/myft"
     >
       Go to myFT
     </a>
   </p>
-  <p class="ncf__paragraph ncf__center">
-    <a href="/content/d19dc7a6-c33b-4931-9a7e-4a74674da29a"
-       class="ncf__link"
-    >
+  <p class="ncf__paragraph ncf__center o3-type-body-base">
+    <a href="/content/d19dc7a6-c33b-4931-9a7e-4a74674da29a">
       Go to homepage
     </a>
   </p>
@@ -52,16 +50,14 @@ exports[`LicenceConfirmation renders if educational licence 1`] = `
     Explore the homepage &amp; enjoy your unlimited access &amp; exclusive content.
   </p>
   <p class="ncf__paragraph ncf__center">
-    <a class="ncf__button ncf__button--submit"
+    <a class="ncf__button o3-button o3-button--primary"
        href="/myft"
     >
       Go to myFT
     </a>
   </p>
-  <p class="ncf__paragraph ncf__center">
-    <a href="/"
-       class="ncf__link"
-    >
+  <p class="ncf__paragraph ncf__center o3-type-body-base">
+    <a href="/">
       Go to homepage
     </a>
   </p>
@@ -86,15 +82,14 @@ exports[`LicenceConfirmation renders if is embedded 1`] = `
     Explore the homepage &amp; enjoy your unlimited access &amp; exclusive content.
   </p>
   <p class="ncf__paragraph ncf__center">
-    <a class="ncf__button ncf__button--submit"
+    <a class="ncf__button o3-button o3-button--primary"
        href="/myft"
     >
       Go to myFT
     </a>
   </p>
-  <p class="ncf__paragraph ncf__center">
+  <p class="ncf__paragraph ncf__center o3-type-body-base">
     <a href="/"
-       class="ncf__link"
        target="_top"
     >
       Go to homepage
@@ -121,16 +116,14 @@ exports[`LicenceConfirmation renders if is trial 1`] = `
     Explore the homepage &amp; enjoy your unlimited access &amp; exclusive content.
   </p>
   <p class="ncf__paragraph ncf__center">
-    <a class="ncf__button ncf__button--submit"
+    <a class="ncf__button o3-button o3-button--primary"
        href="/myft"
     >
       Go to myFT
     </a>
   </p>
-  <p class="ncf__paragraph ncf__center">
-    <a href="/"
-       class="ncf__link"
-    >
+  <p class="ncf__paragraph ncf__center o3-type-body-base">
+    <a href="/">
       Go to homepage
     </a>
   </p>
@@ -155,16 +148,14 @@ exports[`LicenceConfirmation renders with custom duration value 1`] = `
     Explore the homepage &amp; enjoy your unlimited access &amp; exclusive content.
   </p>
   <p class="ncf__paragraph ncf__center">
-    <a class="ncf__button ncf__button--submit"
+    <a class="ncf__button o3-button o3-button--primary"
        href="/myft"
     >
       Go to myFT
     </a>
   </p>
-  <p class="ncf__paragraph ncf__center">
-    <a href="/"
-       class="ncf__link"
-    >
+  <p class="ncf__paragraph ncf__center o3-type-body-base">
+    <a href="/">
       Go to homepage
     </a>
   </p>
@@ -189,16 +180,14 @@ exports[`LicenceConfirmation renders with default props 1`] = `
     Explore the homepage &amp; enjoy your unlimited access &amp; exclusive content.
   </p>
   <p class="ncf__paragraph ncf__center">
-    <a class="ncf__button ncf__button--submit"
+    <a class="ncf__button o3-button o3-button--primary"
        href="/myft"
     >
       Go to myFT
     </a>
   </p>
-  <p class="ncf__paragraph ncf__center">
-    <a href="/"
-       class="ncf__link"
-    >
+  <p class="ncf__paragraph ncf__center o3-type-body-base">
+    <a href="/">
       Go to homepage
     </a>
   </p>

package/components/__snapshots__/licence-header.spec.js.snap

@@ -22,7 +22,7 @@ exports[`LicenceHeader renders if url is defined 1`] = `
   </p>
   <div>
     <a href="https://mytest.com"
-       class="ncf__button--secondary ncf__button--mid-width"
+       class="o3-button o3-button--secondary ncf__button--mid-width"
     >
       Sign in
     </a>

package/components/__snapshots__/licence-sign-in.spec.js.snap

@@ -7,7 +7,7 @@ exports[`LicenceSignIn renders if url is defined 1`] = `
   </p>
   <div>
     <a href="https://mytest.com"
-       class="ncf__button--secondary ncf__button--mid-width"
+       class="o3-button o3-button--secondary ncf__button--mid-width"
     >
       Sign in
     </a>

package/components/__snapshots__/loader.spec.js.snap

@@ -57,7 +57,7 @@ exports[`Loader renders with title 1`] = `
      aria-modal="true"
 >
   <div class="ncf__loader__content">
-    <div class="ncf__loader__content__title"
+    <div class="ncf__loader__content__title o3-type-title-md"
          id="loader-aria-label"
     >
       TITLE

package/components/__snapshots__/package-change.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`PackageChange annual render with defaults 1`] = `
 <div class="ncf__package-change">
-  <div class="ncf__package-change__package">
+  <div class="ncf__package-change__package o3-type-body-lg">
     <div class="ncf__package-change__content">
       <p>
         You have chosen
@@ -13,8 +13,9 @@ exports[`PackageChange annual render with defaults 1`] = `
     </div>
     <div class="ncf__package-change__actions">
       <a href="https://www.ft.com"
-         class="ncf__button ncf__button--mono ncf__button--baseline"
+         class="ncf__button o3-button o3-button--secondary ncf__button--baseline"
          data-trackable="change"
+         data-o3-theme="mono"
       >
         Change
       </a>
@@ -25,7 +26,7 @@ exports[`PackageChange annual render with defaults 1`] = `
 
 exports[`PackageChange annual render with discount 1`] = `
 <div class="ncf__package-change">
-  <div class="ncf__package-change__package">
+  <div class="ncf__package-change__package o3-type-body-lg">
     <div class="ncf__package-change__content">
       <p>
         You have chosen
@@ -36,8 +37,9 @@ exports[`PackageChange annual render with discount 1`] = `
     </div>
     <div class="ncf__package-change__actions">
       <a href="https://www.ft.com"
-         class="ncf__button ncf__button--mono ncf__button--baseline"
+         class="ncf__button o3-button o3-button--secondary ncf__button--baseline"
          data-trackable="change"
+         data-o3-theme="mono"
       >
         Change
       </a>
@@ -48,7 +50,7 @@ exports[`PackageChange annual render with discount 1`] = `
 
 exports[`PackageChange annual render with trialPrice 1`] = `
 <div class="ncf__package-change">
-  <div class="ncf__package-change__package">
+  <div class="ncf__package-change__package o3-type-body-lg">
     <div class="ncf__package-change__content">
       <p>
         You have chosen
@@ -59,8 +61,9 @@ exports[`PackageChange annual render with trialPrice 1`] = `
     </div>
     <div class="ncf__package-change__actions">
       <a href="https://www.ft.com"
-         class="ncf__button ncf__button--mono ncf__button--baseline"
+         class="ncf__button o3-button o3-button--secondary ncf__button--baseline"
          data-trackable="change"
+         data-o3-theme="mono"
       >
         Change
       </a>
@@ -71,7 +74,7 @@ exports[`PackageChange annual render with trialPrice 1`] = `
 
 exports[`PackageChange render with defaults 1`] = `
 <div class="ncf__package-change">
-  <div class="ncf__package-change__package">
+  <div class="ncf__package-change__package o3-type-body-lg">
     <div class="ncf__package-change__content">
       <p>
         You have chosen
@@ -82,8 +85,9 @@ exports[`PackageChange render with defaults 1`] = `
     </div>
     <div class="ncf__package-change__actions">
       <a href="https://www.ft.com"
-         class="ncf__button ncf__button--mono ncf__button--baseline"
+         class="ncf__button o3-button o3-button--secondary ncf__button--baseline"
          data-trackable="change"
+         data-o3-theme="mono"
       >
         Change
       </a>
@@ -94,7 +98,7 @@ exports[`PackageChange render with defaults 1`] = `
 
 exports[`PackageChange renders with description 1`] = `
 <div class="ncf__package-change">
-  <div class="ncf__package-change__package">
+  <div class="ncf__package-change__package o3-type-body-lg">
     <div class="ncf__package-change__content">
       <p>
         You have chosen
@@ -102,14 +106,15 @@ exports[`PackageChange renders with description 1`] = `
           Trial
         </span>
       </p>
-      <p class="ncf__package-change__content__description">
+      <p class="o3-type-body-base">
         Personalised email briefings and alerts
       </p>
     </div>
     <div class="ncf__package-change__actions">
       <a href="https://www.ft.com"
-         class="ncf__button ncf__button--mono ncf__button--baseline"
+         class="ncf__button o3-button o3-button--secondary ncf__button--baseline"
          data-trackable="change"
+         data-o3-theme="mono"
       >
         Change
       </a>

package/components/__snapshots__/payment-term.spec.js.snap

@@ -102,10 +102,9 @@ exports[`PaymentTerm annual option render option 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -157,10 +156,9 @@ exports[`PaymentTerm annual option render option with discount 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -210,10 +208,9 @@ exports[`PaymentTerm annual option render option with isTrial 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -269,10 +266,9 @@ exports[`PaymentTerm annual option render option with monthlyPrice 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -322,10 +318,9 @@ exports[`PaymentTerm annual option render option with selected 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -376,10 +371,9 @@ exports[`PaymentTerm annual option render option with trial 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -427,10 +421,9 @@ exports[`PaymentTerm monthly option render option 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -481,10 +474,9 @@ exports[`PaymentTerm monthly option render option with discount 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -534,10 +526,9 @@ exports[`PaymentTerm monthly option render option with isTrial 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -585,10 +576,9 @@ exports[`PaymentTerm monthly option render option with monthlyPrice 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -637,10 +627,9 @@ exports[`PaymentTerm monthly option render option with selected 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -691,10 +680,9 @@ exports[`PaymentTerm monthly option render option with trial 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -742,10 +730,9 @@ exports[`PaymentTerm quarterly option render option 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -796,10 +783,9 @@ exports[`PaymentTerm quarterly option render option with discount 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -849,10 +835,9 @@ exports[`PaymentTerm quarterly option render option with isTrial 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -900,10 +885,9 @@ exports[`PaymentTerm quarterly option render option with monthlyPrice 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -952,10 +936,9 @@ exports[`PaymentTerm quarterly option render option with selected 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -1006,10 +989,9 @@ exports[`PaymentTerm quarterly option render option with trial 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -1033,10 +1015,9 @@ exports[`PaymentTerm render with defaults 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"
@@ -1060,10 +1041,9 @@ exports[`PaymentTerm render with isPrintOrBundle 1`] = `
     <p>
       With all subscription types, we will automatically renew your subscription using the payment method provided unless you cancel before your renewal date.
     </p>
-    <p>
+    <p class="o3-type-body-base">
       We will notify you at least 14 days in advance of any changes to the price in your subscription that would apply upon next renewal. Find out more about our cancellation policy in our
-      <a class="ncf__link--external"
-         href="https://help.ft.com/legal-privacy/terms-and-conditions/"
+      <a href="https://help.ft.com/legal-privacy/terms-and-conditions/"
          title="FT Legal Terms and Conditions help page"
          target="_blank"
          rel="noopener noreferrer"