@coorpacademy/components 10.4.7 → 10.5.0

package/lib/molecule/card-content/style.css

@@ -48,7 +48,7 @@
 }
 
 .microLearninglabel {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 10px;
   font-weight: 800;
   color: lightBlack;
@@ -74,7 +74,7 @@
   margin-top: 5px;
   font-size: 17px;
   letter-spacing: 0;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   overflow: hidden;
   user-select: none;
 }
@@ -103,7 +103,7 @@
   align-items: center;
   font-size: 12px;
   width: 100%;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -231,7 +231,7 @@
 }
 
 .contentTypeInfo {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 10px;
   font-weight: 700;
 }

package/lib/molecule/card-with-button/style.css

@@ -105,7 +105,7 @@
 .lightButton{
     display: inline-block;
     box-sizing: border-box;
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     font-size: 13px;
     font-weight: 600;
     text-decoration: none;
@@ -129,7 +129,7 @@
 
 .level {
     text-align: center;
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     border: solid 1px #ffffff;
     color: white;
     padding: 0px 15px;

package/lib/molecule/cookie-banner/style.css

@@ -25,7 +25,7 @@
   display: flex;
   align-items: center;
   position: fixed;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   top: 0;
   left: 0;
   right: 0;
@@ -49,7 +49,7 @@
 }
 
 .link {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 600;
   font-size: 15px;
   text-decoration: none;

package/lib/molecule/dashboard/cards-list/style.css

@@ -38,7 +38,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 19px;
   line-height: 20px;
   font-weight: 600;
@@ -58,7 +58,7 @@
 }
 
 .showMore {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   line-height: 20px;
   font-weight: bold;

package/lib/molecule/dashboard/news-list/style.css

@@ -20,7 +20,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 19px;
   font-weight: 600;
   color: dark;
@@ -35,7 +35,7 @@
 .more {
   width: 100%;
   background-color: xtraLightGrey;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 600;
   color: medium;
   font-size: 17px;

package/lib/molecule/dashboard/start-battle/style.css

@@ -135,7 +135,7 @@
 }
 
 .becomeText {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 24px;
   font-weight: normal;
   font-stretch: normal;
@@ -146,7 +146,7 @@
 }
 
 .challengeText {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 32px;
   font-weight: bold;
   font-stretch: normal;
@@ -164,7 +164,7 @@
   margin: 10px;
   background-color: battle;
   flex-grow: 0;
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 16px;
   font-weight: bold;
   font-stretch: normal;
@@ -278,7 +278,7 @@
   }
   
   .challengeText {
-    font-family: Open Sans;
+    font-family: Gilroy;
     font-size: 28px;
     padding-bottom: 20px;
   }

package/lib/molecule/discipline-cta/style.css

@@ -15,7 +15,7 @@
   display: block;
   text-transform: uppercase;
   color: white;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 600;
   font-size: 13px;
   text-decoration: none;
@@ -31,7 +31,7 @@
 }
 
 .head a span span {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 800;
 }
 

package/lib/molecule/discipline-header/style.css

@@ -38,7 +38,7 @@
 
 .title {
   display: block;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 700;
   font-size: 20px;
   margin-bottom: 16px;
@@ -46,7 +46,7 @@
 }
 
 .desc {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   color: black;
   letter-spacing: 0;
@@ -54,7 +54,7 @@
 }
 
 .desc a {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-weight: 600;
   color: brand;
   text-decoration: none;
@@ -75,7 +75,7 @@
   transition: all time ease-in-out;
   cursor: pointer;
   order: 1;
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-weight: bold;
   text-align: left;
   color: brand;

package/lib/molecule/discipline-partners/style.css

@@ -14,7 +14,7 @@
 }
 
 .authorLink a {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 600;
   text-decoration: none;
   font-size: 12px;
@@ -40,7 +40,7 @@
 }
 
 .authorName {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   font-weight: 600;
   color: dark;

package/lib/molecule/drag-and-drop/common.css

@@ -17,5 +17,5 @@
 .baseText {
   text-transform: none;
   color: dark;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
 }

package/lib/molecule/drag-and-drop/overlay.css

@@ -18,7 +18,7 @@
   justify-content: center;
   text-transform: none;
   color: dark;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: bold;
 }

package/lib/molecule/drag-and-drop/style.css

@@ -17,7 +17,7 @@
 }
 
 .back {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   color: dark;
   cursor: pointer;

package/lib/molecule/drag-and-drop/upload-report.css

@@ -51,7 +51,7 @@
 }
 
 .or {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   color: #797979;
 }
 
@@ -75,7 +75,7 @@
 
 .fileName {
   margin-left: 15px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: bold;
   color: dark;
@@ -160,7 +160,7 @@
 }
 
 .message {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: bold;
   color: dark;
@@ -205,7 +205,7 @@
   display: block;
   word-wrap: break-word;
   padding: 3px 10px 5px;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 12px;
   font-weight: bold;
 }

package/lib/molecule/external-content-button/style.css

@@ -42,7 +42,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 17px;
   font-weight: bold;
   color: black;
@@ -50,7 +50,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   color: dark;
   padding: 0 16px 0 16px;

package/lib/molecule/feedback/style.css

@@ -22,7 +22,7 @@
 .title {
   width: 100%;
   margin-bottom: 20px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 25px;
   font-weight: bold;
   text-align: left;
@@ -38,7 +38,7 @@
 .description {
   width: 476px;
   margin-right: 32px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   letter-spacing: -0.1px;
   text-align: left;
@@ -47,7 +47,7 @@
 
 .mediaDescription {
   width: 341px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 12px;
   padding-top: 4px;
   color: medium;

package/lib/molecule/filters/filters-wapper.css

@@ -41,7 +41,7 @@
   margin: 0;
   margin-bottom: 10px;
   display: block;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   font-weight: 700;
   text-transform: none;
@@ -53,7 +53,7 @@
   border-radius: 25px;
   color: dark;
   display: table;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 14px;
   font-weight: 400;
   margin: 0 auto;

package/lib/molecule/filters/style.css

@@ -14,7 +14,7 @@
   width: 100%;
   position: relative;
   z-index: 4;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   background: xtraLightGrey;
   min-height: 50px;
   box-sizing: border-box;
@@ -58,7 +58,7 @@
   font-weight: 600;
   line-height: 50px;
   text-align: center;
-  font-family: Open Sans;
+  font-family: Gilroy;
   position: relative;
   cursor: pointer;
 }

package/lib/molecule/forum/forum-comment/style.css

@@ -61,7 +61,7 @@
   border-radius: 3px;
   background-color: white;
   font-size: 14px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   white-space: pre-wrap;
   word-wrap: break-word;
   box-shadow: none;

package/lib/molecule/forum/forum-post/style.css

@@ -61,12 +61,12 @@
 }
 
 .content {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   width: 100%;
 }
 
 .author {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
@@ -77,7 +77,7 @@
 
 .date {
   color: color(medium lightness(80%));
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 13px;
   padding-bottom: 8px;
   display: block;
@@ -95,7 +95,7 @@
   text-align: left;
   white-space: pre-wrap;
   word-wrap: break-word;
-  font-family: Open Sans;
+  font-family: Gilroy;
   color: black;
   padding-bottom: 8px;
   display: block;
@@ -112,7 +112,7 @@
   transition: all time ease-in-out;
   cursor: pointer;
   order: 1;
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-weight: bold;
   text-align: left;
   color: brand;

package/lib/molecule/menu-list/style.css

@@ -52,7 +52,7 @@
 }
 
 .item > a {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 12px;
   color: dark;
   text-decoration: none;

package/lib/molecule/message-popin/style.css

@@ -27,7 +27,7 @@
 }
 
 .header {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 17px;
   font-weight: 700;
   color: dark;
@@ -41,7 +41,7 @@
 }
 
 .content {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 400;
   color: dark;

package/lib/molecule/modal/style.css

@@ -12,7 +12,7 @@
 
 .modalWrapper {
   display: flex;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   margin: auto;
   justify-content: center;
   align-items: center;
@@ -142,7 +142,7 @@
 }
 
 .choiceDescription {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   display: flex;
   flex-direction: column;
   justify-content: center;

package/lib/molecule/module-card/style.css

@@ -26,7 +26,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 700;
   color: black;
@@ -34,7 +34,7 @@
 }
 
 .level {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   color: white;
   background-color: dark;
   text-transform: uppercase;

package/lib/molecule/news/style.css

@@ -47,7 +47,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 19px;
   font-weight: 700;
   color: dark;
@@ -59,7 +59,7 @@
 }
 
 .date {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   font-weight: 500;
   color: medium;
@@ -67,7 +67,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   width: 100%;
   font-size: 17px;
   line-height: 20px;

package/lib/molecule/notification-banner/style.css

@@ -25,7 +25,7 @@
     display: flex;
     align-items: center;
     position: fixed;
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     top: 0;
     left: 0;
     right: 0;
@@ -82,7 +82,7 @@
 
 .title {
     height: 15px;
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     font-size: 11px;
     font-weight: bold;
     font-stretch: normal;
@@ -92,7 +92,7 @@
 }
 
 .message {
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     font-size: 14px;
     font-weight: bold;
     font-stretch: normal;

package/lib/molecule/pagination/style.css

@@ -12,7 +12,7 @@
 
 .value {
   display: inline-block;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 600;
   color: dark;

package/lib/molecule/payment-form/index.js

@@ -34,11 +34,11 @@ class PaymentForm extends _react.default.Component {
             iconStyle: 'solid',
             color: '#546E7A',
             fontSize: '16px',
-            fontFamily: '"Open Sans"',
+            fontFamily: 'Gilroy',
             '::placeholder': {
               color: '#546E7A',
               fontSize: '16px',
-              fontFamily: '"Open Sans"'
+              fontFamily: 'Gilroy'
             }
           }
         }

package/lib/molecule/payment-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/payment-form/index.js"],"names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n  static propTypes = {\n    stripeKeyPublic: PropTypes.string.isRequired,\n    stripeInstance: PropTypes.func.isRequired,\n    onSubscription: PropTypes.func.isRequired,\n    checkImage: PropTypes.string.isRequired,\n    cardsImage: PropTypes.string.isRequired,\n    cardOwnerEmail: PropTypes.string,\n    securedPaymentImage: PropTypes.string,\n    errors: PropTypes.string,\n    warning: PropTypes.string,\n    onCardNumberChange: PropTypes.func,\n    cardNumberHasError: PropTypes.bool,\n    onCardExpiryChange: PropTypes.func,\n    cardExpiryHasError: PropTypes.bool,\n    onCardCvcChange: PropTypes.func,\n    cardCvcHasError: PropTypes.bool,\n    submitButtonEnabled: PropTypes.bool\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n    this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n    this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n    this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n    this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.stripe) {\n      const elements = this.stripe.elements();\n\n      const elementOptions = {\n        style: {\n          base: {\n            iconStyle: 'solid',\n            color: '#546E7A',\n            fontSize: '16px',\n            fontFamily: '\"Open Sans\"',\n            '::placeholder': {\n              color: '#546E7A',\n              fontSize: '16px',\n              fontFamily: '\"Open Sans\"'\n            }\n          }\n        }\n      };\n\n      this.cardNumber = elements.create('cardNumber', elementOptions);\n      this.cardExpiry = elements.create('cardExpiry', elementOptions);\n      this.cardCvc = elements.create('cardCvc', elementOptions);\n\n      this.cardNumber.mount('#card-number');\n      this.cardExpiry.mount('#card-expiry');\n      this.cardCvc.mount('#card-cvc');\n\n      this.cardNumber.on('change', this.handleCardNumberChange);\n      this.cardExpiry.on('change', this.handleCardExpiryChange);\n      this.cardCvc.on('change', this.handleCardCvcChange);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.cardNumer) {\n      this.cardNumber.unmount();\n      this.cardNumber.off('change', this.handleCardNumberChange);\n    }\n    if (this.cardExpiry) {\n      this.cardExpiry.unmount();\n      this.cardExpiry.off('change', this.handleCardExpiryChange);\n    }\n    if (this.cardCvc) {\n      this.cardCvc.unmount();\n      this.cardCvc.off('change', this.handleCardCvcChange);\n    }\n  }\n\n  handleSubmit() {\n    const {onSubscription} = this.props;\n    if (this.stripe) {\n      return this.stripe.createToken(this.cardNumber).then(response => {\n        return onSubscription(response);\n      });\n    }\n  }\n\n  handleCardNumberChange({error}) {\n    const {onCardNumberChange = () => {}} = this.props;\n    onCardNumberChange(error);\n  }\n\n  handleCardExpiryChange({error}) {\n    const {onCardExpiryChange = () => {}} = this.props;\n    onCardExpiryChange(error);\n  }\n\n  handleCardCvcChange({error}) {\n    const {onCardCvcChange = () => {}} = this.props;\n    onCardCvcChange(error);\n  }\n\n  render() {\n    const {\n      checkImage,\n      cardsImage,\n      cardOwnerEmail,\n      securedPaymentImage,\n      errors,\n      warning,\n      submitButtonEnabled,\n      cardNumberHasError,\n      cardExpiryHasError,\n      cardCvcHasError\n    } = this.props;\n\n    const {translate} = this.context;\n\n    return (\n      <div className={style.paymentForm}>\n        <div className={style.acceptedCards}>\n          <img className={style.acceptedCardsCheck} src={checkImage} />\n          <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n          <img className={style.acceptedCardsImage} src={cardsImage} />\n        </div>\n        <div className={style.creditCardOwnerEmail}>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n          <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n        </div>\n        {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n        {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n        <div className={style.securedPayment}>\n          <img className={style.securedPaymentImage} src={securedPaymentImage} />\n          <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n            id=\"card-number\"\n          />\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n            id=\"card-expiry\"\n          />\n          <div\n            className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n            id=\"card-cvc\"\n          />\n        </div>\n        <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n        <div className={style.subscribeButtonContainer}>\n          <button\n            className={style.subscribeButton}\n            type=\"button\"\n            onClick={this.handleSubmit}\n            disabled={!submitButtonEnabled}\n          >\n            {translate('payment_form_submit')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PaymentForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/payment-form/index.js"],"names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n  static propTypes = {\n    stripeKeyPublic: PropTypes.string.isRequired,\n    stripeInstance: PropTypes.func.isRequired,\n    onSubscription: PropTypes.func.isRequired,\n    checkImage: PropTypes.string.isRequired,\n    cardsImage: PropTypes.string.isRequired,\n    cardOwnerEmail: PropTypes.string,\n    securedPaymentImage: PropTypes.string,\n    errors: PropTypes.string,\n    warning: PropTypes.string,\n    onCardNumberChange: PropTypes.func,\n    cardNumberHasError: PropTypes.bool,\n    onCardExpiryChange: PropTypes.func,\n    cardExpiryHasError: PropTypes.bool,\n    onCardCvcChange: PropTypes.func,\n    cardCvcHasError: PropTypes.bool,\n    submitButtonEnabled: PropTypes.bool\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n    this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n    this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n    this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n    this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.stripe) {\n      const elements = this.stripe.elements();\n\n      const elementOptions = {\n        style: {\n          base: {\n            iconStyle: 'solid',\n            color: '#546E7A',\n            fontSize: '16px',\n            fontFamily: 'Gilroy',\n            '::placeholder': {\n              color: '#546E7A',\n              fontSize: '16px',\n              fontFamily: 'Gilroy'\n            }\n          }\n        }\n      };\n\n      this.cardNumber = elements.create('cardNumber', elementOptions);\n      this.cardExpiry = elements.create('cardExpiry', elementOptions);\n      this.cardCvc = elements.create('cardCvc', elementOptions);\n\n      this.cardNumber.mount('#card-number');\n      this.cardExpiry.mount('#card-expiry');\n      this.cardCvc.mount('#card-cvc');\n\n      this.cardNumber.on('change', this.handleCardNumberChange);\n      this.cardExpiry.on('change', this.handleCardExpiryChange);\n      this.cardCvc.on('change', this.handleCardCvcChange);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.cardNumer) {\n      this.cardNumber.unmount();\n      this.cardNumber.off('change', this.handleCardNumberChange);\n    }\n    if (this.cardExpiry) {\n      this.cardExpiry.unmount();\n      this.cardExpiry.off('change', this.handleCardExpiryChange);\n    }\n    if (this.cardCvc) {\n      this.cardCvc.unmount();\n      this.cardCvc.off('change', this.handleCardCvcChange);\n    }\n  }\n\n  handleSubmit() {\n    const {onSubscription} = this.props;\n    if (this.stripe) {\n      return this.stripe.createToken(this.cardNumber).then(response => {\n        return onSubscription(response);\n      });\n    }\n  }\n\n  handleCardNumberChange({error}) {\n    const {onCardNumberChange = () => {}} = this.props;\n    onCardNumberChange(error);\n  }\n\n  handleCardExpiryChange({error}) {\n    const {onCardExpiryChange = () => {}} = this.props;\n    onCardExpiryChange(error);\n  }\n\n  handleCardCvcChange({error}) {\n    const {onCardCvcChange = () => {}} = this.props;\n    onCardCvcChange(error);\n  }\n\n  render() {\n    const {\n      checkImage,\n      cardsImage,\n      cardOwnerEmail,\n      securedPaymentImage,\n      errors,\n      warning,\n      submitButtonEnabled,\n      cardNumberHasError,\n      cardExpiryHasError,\n      cardCvcHasError\n    } = this.props;\n\n    const {translate} = this.context;\n\n    return (\n      <div className={style.paymentForm}>\n        <div className={style.acceptedCards}>\n          <img className={style.acceptedCardsCheck} src={checkImage} />\n          <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n          <img className={style.acceptedCardsImage} src={cardsImage} />\n        </div>\n        <div className={style.creditCardOwnerEmail}>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n          <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n        </div>\n        {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n        {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n        <div className={style.securedPayment}>\n          <img className={style.securedPaymentImage} src={securedPaymentImage} />\n          <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n            id=\"card-number\"\n          />\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n            id=\"card-expiry\"\n          />\n          <div\n            className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n            id=\"card-cvc\"\n          />\n        </div>\n        <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n        <div className={style.subscribeButtonContainer}>\n          <button\n            className={style.subscribeButton}\n            type=\"button\"\n            onClick={this.handleSubmit}\n            disabled={!submitButtonEnabled}\n          >\n            {translate('payment_form_submit')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PaymentForm;\n"],"file":"index.js"}

package/lib/molecule/pdf/style.css

@@ -32,7 +32,7 @@
 }
 
 .pdfDescription {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 600;
   text-align: center;
   font-size: 12px;
@@ -72,7 +72,7 @@
   left: 0;
   right: 0;
   text-align: center;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 12px;
   font-weight: bold;
   color: inherit;

package/lib/molecule/popin/style.css

@@ -48,7 +48,7 @@
 }
 
 .header {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 24px;
   font-weight: bold;
   color: black;
@@ -57,7 +57,7 @@
 }
 
 .content {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: normal;
   color: black;