npm - gatsby-matrix-theme - Versions diffs - 53.1.7 → 53.2.1 - Mend

gatsby-matrix-theme 53.1.7 → 53.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/src/components/molecules/horse-calculator/index.js CHANGED Viewed

@@ -269,7 +269,9 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                 tooltip="Bet Calculator - All Types & Options"
                 onChangeFunc={handleBetTypeChange}
                 options={betType.map((type, index) => (
-                  <option key={keygen()} value={index}>{type.name}</option>
+                  <option key={keygen()} value={index}>
+                    {type.name}
+                  </option>
                 ))}
                 refObj={betTypeRef}
                 tooltipMinWidth={tooltipMinWidth}
@@ -323,7 +325,9 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                   tooltip="Pick how many horses you want to track below!"
                   onChangeFunc={handleNumSelectionChange}
                   options={[...Array(numSelection)].map((e, i) => (
-                    <option key={keygen()} value={i + 1}>{i + 1}</option>
+                    <option key={keygen()} value={i + 1}>
+                      {i + 1}
+                    </option>
                   ))}
                   refObj={numSelectionRef}
                   tooltipMinWidth={tooltipMinWidth}
@@ -399,13 +403,18 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                       ref={(el) => (outcomesTableRefs.current[index] = el)}
                     >
                       {addNotes === 'No' && <td>{index + 1}</td>}
-                      <td aria-label="outcome" className={`${styles.outComing} ${styles.cells}`}>
+                      <td
+                        aria-label={useTranslate('ariaLabel-outcome', 'outcome')}
+                        className={`${styles.outComing} ${styles.cells}`}
+                      >
                         <Select
                           // label="Outcome:"
                           id={`outcome-${index}`}
                           onChangeFunc={handleOutcomeSelection}
                           options={outcomeOptions.map((option) => (
-                            <option key={keygen()} value={option.value}>{option.name}</option>
+                            <option key={keygen()} value={option.value}>
+                              {option.name}
+                            </option>
                           ))}
                           index={index}
                           tooltipMinWidth={tooltipMinWidth}
@@ -413,7 +422,7 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                         />
                       </td>
                       <td
-                        aria-label="odds"
+                        aria-label={useTranslate('ariaLabel-odds', 'odds')}
                         className={`${styles.cells} ${styles.odds}${
                           outcomeSelection[index] === 'lost' || outcomeSelection[index] === 'void'
                             ? styles.displayNone || ''
@@ -436,14 +445,16 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                       </td>
                       {eachWay === 'Yes' && (
                         <td
-                          aria-label="place odds"
+                          aria-label={useTranslate('ariaLabel-placeOdds', 'place odds')}
                           className={`${styles?.placeOdds} ${styles.cells} ${styles.placeOdds}`}
                         >
                           <Select
                             id="place_odds"
                             onChangeFunc={calculateTotalBet}
                             options={placeOddsoptions.map((option) => (
-                              <option key={keygen()} value={option}>{option}</option>
+                              <option key={keygen()} value={option}>
+                                {option}
+                              </option>
                             ))}
                             tooltipMinWidth={tooltipMinWidth}
                             customClass={styles.overflowTableSelect}
@@ -451,12 +462,17 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                         </td>
                       )}
                       {ruleFour === 'Yes' && (
-                        <td aria-label="rule four" className={`${styles.cells} ${styles.ruleFour}`}>
+                        <td
+                          aria-label={useTranslate('ariaLabel-ruleFour', 'rule four')}
+                          className={`${styles.cells} ${styles.ruleFour}`}
+                        >
                           <Select
                             id="rule_four"
                             onChangeFunc={calculateTotalBet}
                             options={ruleFourOptions.map((option) => (
-                              <option key={keygen()} value={option}>{option}</option>
+                              <option key={keygen()} value={option}>
+                                {option}
+                              </option>
                             ))}
                             tooltipMinWidth={tooltipMinWidth}
                             customClass={styles.overflowTableSelect}
@@ -472,7 +488,7 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                     >
                       {outcomeSelection[index] === 'dead_heat' && (
                         <>
-                          <td aria-label="hidden" />
+                          <td aria-label={useTranslate('ariaLabel-hidden', 'hidden')} />
                           <td colSpan={getColspan()}>
                             <div className={styles?.deadHeat || ''}>
                               <Select
@@ -480,7 +496,9 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                                 label="Tied position"
                                 onChangeFunc={calculateTotalBet}
                                 options={[...Array(16)].map((e, i) => (
-                                  <option key={keygen()} value={i + 1}>{i + 1}</option>
+                                  <option key={keygen()} value={i + 1}>
+                                    {i + 1}
+                                  </option>
                                 ))}
                                 tooltipMinWidth={tooltipMinWidth}
                                 customClass={styles.overflowTableSelect}
@@ -490,7 +508,9 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                                 onChangeFunc={calculateTotalBet}
                                 label="Number of runnners in dead heat:"
                                 options={[...Array(16)].map((e, i) => (
-                                  <option key={keygen()} value={i + 1}>{i + 1}</option>
+                                  <option key={keygen()} value={i + 1}>
+                                    {i + 1}
+                                  </option>
                                 ))}
                                 tooltipMinWidth={tooltipMinWidth}
                                 customClass={styles.overflowTableSelect}
@@ -500,7 +520,9 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                                 label="Places Offered"
                                 onChangeFunc={calculateTotalBet}
                                 options={[...Array(16)].map((e, i) => (
-                                  <option key={keygen()} value={i + 1}>{i + 1}</option>
+                                  <option key={keygen()} value={i + 1}>
+                                    {i + 1}
+                                  </option>
                                 ))}
                                 tooltipMinWidth={tooltipMinWidth}
                                 customClass={styles.overflowTableSelect}
@@ -547,7 +569,7 @@ const HorseCalculator = ({ mainTitle = 'Bet Calculator', tooltipMinWidth = 20 })
                       {foldTableRows.map((row, index) => (
                         <tr key={keygen()} ref={(el) => (foldTableRefs.current[index] = el)}>
                           <td>{row.name}</td>
-                          <td aria-label={row.name}>
+                          <td aria-label={useTranslate(`ariaLabel-${row.name}`, row.name)}>
                             <input
                               type="number"
                               onChange={calculateTotalBet}

package/src/components/organisms/cards/template-two/buttons/index.js CHANGED Viewed

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { IoIosArrowBack } from '@react-icons/all-files/io/IoIosArrowBack';
 import { IoIosArrowForward } from '@react-icons/all-files/io/IoIosArrowForward';
+import useTranslate from '~hooks/useTranslate/useTranslate';
 import styles from './buttons.module.scss';
 const Buttons = ({ scrollX, noModuleIntro, scrollEnd, scroll, templateThree }) => (
@@ -12,7 +13,7 @@ const Buttons = ({ scrollX, noModuleIntro, scrollEnd, scroll, templateThree }) =
       } ${templateThree ? styles.buttLeftTempThree : ''}`}
       onClick={() => scroll(-200)}
       type="button"
-      aria-label="carouselBtnLeft"
+      aria-label={useTranslate('ariaLabel-carouselBtnLeft', 'carouselBtnLeft')}
     >
       <IoIosArrowBack />
     </button>
@@ -22,7 +23,7 @@ const Buttons = ({ scrollX, noModuleIntro, scrollEnd, scroll, templateThree }) =
       } ${templateThree ? styles.buttRightTempThree : ''}`}
       onClick={() => scroll(200)}
       type="button"
-      aria-label="carouselBtnRight"
+      aria-label={useTranslate('ariaLabel-carouselBtnRight', 'carouselBtnRight')}
     >
       <IoIosArrowForward />
     </button>
@@ -34,7 +35,7 @@ Buttons.propTypes = {
   noModuleIntro: PropTypes.bool,
   scrollEnd: PropTypes.bool,
   scroll: PropTypes.func,
-  templateThree: PropTypes.bool
+  templateThree: PropTypes.bool,
 };
 export default Buttons;

package/src/components/organisms/popup/index.js CHANGED Viewed

@@ -12,6 +12,7 @@ import { MdClose } from '@react-icons/all-files/md/MdClose';
 import { isMobileDevice } from 'gatsby-core-theme/src/helpers/device-detect';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
+import keygen from 'gatsby-core-theme/src/helpers/keygen';
 import { imagePrettyUrl } from 'gatsby-core-theme/src/helpers/getters';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import PopupCard from '../../atoms/cards/popup-card';
@@ -133,14 +134,20 @@ const Popup = ({
                   type="button"
                   className={`${styles?.closeIcon || ''} popup-gtm btn-cta`}
                   onClick={() => handelActive(false)}
-                  aria-label="close"
+                  aria-label={useTranslate('ariaLabel-close', 'close')}
                 >
                   <MdClose title="Close Icon" />
                 </button>
               </div>
               {shownItems?.map((item, index) => (
                 // eslint-disable-next-line react/no-array-index-key
-                <PopupCard key={index} itemPosition={index + 1}  item={item} tracker={tracker} template={template} />
+                <PopupCard
+                  key={keygen()}
+                  itemPosition={index + 1}
+                  item={item}
+                  tracker={tracker}
+                  template={template}
+                />
               ))}
             </div>
             {toggle && !link && (
@@ -186,14 +193,16 @@ const Popup = ({
 Popup.propTypes = {
   module: PropTypes.shape({
-    items: PropTypes.arrayOf(PropTypes.shape({
-      items: PropTypes.arrayOf(PropTypes.shape({})),
-    })),
+    items: PropTypes.arrayOf(
+      PropTypes.shape({
+        items: PropTypes.arrayOf(PropTypes.shape({})),
+      })
+    ),
     style: PropTypes.string,
   }).isRequired,
   isStorybook: PropTypes.bool,
   toggle: PropTypes.bool,
-  icon : PropTypes.elementType,
+  icon: PropTypes.elementType,
   image: PropTypes.elementType,
   numberOfItems: PropTypes.number,
   link: PropTypes.bool || PropTypes.string,

package/src/gatsby-core-theme/components/atoms/contact-form/index.js CHANGED Viewed

@@ -21,7 +21,7 @@ const ContactForm = ({
   showLabels = true,
   showHeading = true,
   showDescription = true,
-  TitleTag = 'h1'
+  TitleTag = 'h1',
 }) => {
   const activeMarket = page?.market;
@@ -79,7 +79,7 @@ const ContactForm = ({
                     <FaEnvelope title="Envelope Icon" />
                   </span>
                   <a
-                    aria-label="Email"
+                    aria-label={useTranslate('ariaLabel-email', 'Email')}
                     href={`mailto:${supportEmail}`}
                     target="_blank"
                     rel="noreferrer"
@@ -114,5 +114,5 @@ ContactForm.propTypes = {
   showLabels: PropTypes.bool,
   showHeading: PropTypes.bool,
   showDescription: PropTypes.bool,
-  TitleTag: PropTypes.string
+  TitleTag: PropTypes.string,
 };

package/src/helpers/formatToUnderscore.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ // eslint-disable-next-line import/prefer-default-export
2	+ export const formatToUnderscore = (str) => typeof str === 'string' ? str?.trim()?.toLowerCase()?.replace(/\s+/g, '_') : '';

package/src/helpers/formatToUnderscore.test.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { formatToUnderscore } from './formatToUnderscore';
+describe('formatToUnderscore', () => {
+  it('converts spaces to underscores and lowercases the string', () => {
+    expect(formatToUnderscore('Hello World')).toBe('hello_world');
+    expect(formatToUnderscore('  Multiple   Spaces  ')).toBe('multiple_spaces');
+    expect(formatToUnderscore('MiXeD CaSe Input')).toBe('mixed_case_input');
+  });
+  it('handles empty strings', () => {
+    expect(formatToUnderscore('')).toBe('');
+  });
+   it('returns empty string if input is not a string', () => {
+    expect(formatToUnderscore(123)).toBe('');
+  });
+});

package/src/helpers/info-grid.js CHANGED Viewed

@@ -4,6 +4,7 @@ import React from 'react';
 import PrettyLink from '~atoms/pretty-link';
 import { TrackingKeys } from '~constants/tracking-api'
 import Tooltip from '../components/atoms/tooltip';
+import { formatToUnderscore } from "./formatToUnderscore";
 import useTranslate from '~hooks/useTranslate/useTranslate';
 export function getObjectValue(obj, path) {
@@ -102,31 +103,26 @@ export const latestItems = (items, props, limit = null) => {
   const showTooltip = props?.tooltip || false;
   const showAll = props?.showAll || false;
   const setShowMore = props?.setShowMore || null;
   const list = [];
   const tooltipList = [];
   const { length } = Object.values(items);
   const hasCustomValue = customValue;
   if (showAll) {
     limit = Object.values(items).length;
   }
   // show initial values
   Object.values(items)
     ?.slice(0, limit || Object.values(items).length)
     ?.map((res) => {
-      list.push(res.name);
+      list.push(useTranslate(formatToUnderscore(res?.name), res?.name));
     });
   // show see more values
   Object.values(items)
     ?.slice(limit)
     ?.map((res) => {
-      tooltipList.push(res.name);
+      tooltipList.push(useTranslate(formatToUnderscore(res?.name), res?.name));
     });
   const itemsString = list.toString().replace(/,/gi, ', ');
   return showMore && length > limit ? (
     <>
       {itemsString}

package/storybook/public/679.4baf924a.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[679],{"./src/components/atoms/cards/software-provider-card/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>software_provider_card});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),helpers_image=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/image.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),software_provider_card_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/software-provider-card/software-provider-card.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(software_provider_card_module.A,options);const software_provider_card_software_provider_card_module=software_provider_card_module.A.locals||{};var SoftwareProviderCard=function(_ref){var _sections$header,_sections$header$extr,_sections$header$extr2,_sections$header2,_sections$header2$ext,item=_ref.item,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$showProvider=_ref.showProvider,showProvider=void 0===_ref$showProvider||_ref$showProvider,_ref$showDesc=_ref.showDesc,showDesc=void 0===_ref$showDesc||_ref$showDesc,_ref$gameProvider=_ref.gameProvider,gameProvider=void 0===_ref$gameProvider?{textOne:"This game provider has",textTwo:"slots"}:_ref$gameProvider,_ref$width=_ref.width,width=void 0===_ref$width?150:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?150:_ref$height,title=item.title,path=item.path,relation=item.relation,sections=item.sections,logUrlObject=(null==relation?void 0:relation.standardised_logo_filename_object)||(null==relation?void 0:relation.logo_filename_object);return react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.content)||""},react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.header)||""},react.createElement(hooks_link.A,{className:`${(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.links)||""} software-provider-card-gtm`,"aria-label":(0,useTranslate.A)(`ariaLabel-${title}Link`,`${title} Link`),to:path},react.createElement(lazy_image.A,{width,height,className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.logo)||"",src:(0,getters.pv)(null==logUrlObject?void 0:logUrlObject.filename,width,height),alt:(0,helpers_image.l)(logUrlObject,title)})),showTitle&&react.createElement(hooks_link.A,{className:`${(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.links)||""} software-provider-card-gtm`,to:path},react.createElement("span",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.title)||""},title))),showDesc&&react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.excerpt)||""},(0,getters.QC)((null==sections||null===(_sections$header=sections.header)||void 0===_sections$header||null===(_sections$header$extr=_sections$header.extra_fields)||void 0===_sections$header$extr||null===(_sections$header$extr2=_sections$header$extr.header_text)||void 0===_sections$header$extr2?void 0:_sections$header$extr2.value)||(null==sections||null===(_sections$header2=sections.header)||void 0===_sections$header2||null===(_sections$header2$ext=_sections$header2.extra_fields)||void 0===_sections$header2$ext?void 0:_sections$header2$ext.header_text))),react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.bottom)||""},(null==relation?void 0:relation.games_count)&&showProvider&&react.createElement("p",null,gameProvider.textOne,react.createElement("span",{className:"counter-number"}," ",null==relation?void 0:relation.games_count," ")," ",gameProvider.textTwo)))};SoftwareProviderCard.displayName="SoftwareProviderCard",SoftwareProviderCard.propTypes={showTitle:prop_types_default().bool,showProvider:prop_types_default().bool,showDesc:prop_types_default().bool,gameProvider:prop_types_default().shape({textOne:prop_types_default().string,textTwo:prop_types_default().string}),item:prop_types_default().shape({title:prop_types_default().string,path:prop_types_default().string,relation:prop_types_default().shape({games_count:prop_types_default().number,logo:prop_types_default().string,logo_filename_object:prop_types_default().shape({alt:prop_types_default().string}),standardised_logo_filename_object:prop_types_default().shape({alt:prop_types_default().string})}),sections:prop_types_default().shape({header:prop_types_default().shape({extra_fields:prop_types_default().shape({header_text:prop_types_default().string})})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number},SoftwareProviderCard.__docgenInfo={description:"",methods:[],displayName:"SoftwareProviderCard",props:{showTitle:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showProvider:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showDesc:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},gameProvider:{defaultValue:{value:"{\n textOne: 'This game provider has',\n textTwo: 'slots',\n}",computed:!1},description:"",type:{name:"shape",value:{textOne:{name:"string",required:!1},textTwo:{name:"string",required:!1}}},required:!1},width:{defaultValue:{value:"150",computed:!1},description:"",type:{name:"number"},required:!1},height:{defaultValue:{value:"150",computed:!1},description:"",type:{name:"number"},required:!1},item:{description:"",type:{name:"shape",value:{title:{name:"string",required:!1},path:{name:"string",required:!1},relation:{name:"shape",value:{games_count:{name:"number",required:!1},logo:{name:"string",required:!1},logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1},standardised_logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1}},required:!1},sections:{name:"shape",value:{header:{name:"shape",value:{extra_fields:{name:"shape",value:{header_text:{name:"string",required:!1}},required:!1}},required:!1}},required:!1}}},required:!0}}};const software_provider_card=SoftwareProviderCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/software-provider-card/index.js"]={name:"SoftwareProviderCard",docgenInfo:SoftwareProviderCard.__docgenInfo,path:"src/components/atoms/cards/software-provider-card/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/software-provider-card/software-provider-card.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".vXDm124lIMUTLX8x1wE\\+7g\\=\\={width:100%;background-color:#fff;padding:1.6rem 1.8rem 2.3rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:.6rem;height:100%}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\={display:flex;flex-direction:column}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\={display:flex;align-items:center;justify-content:center}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\=:hover{text-decoration:underline;color:#08202e}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\= .QFI\\+W-HX8ENFixXSjeFc0g\\=\\={max-width:17.9rem;max-height:4rem;margin-bottom:1rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\= .spSljnSYKe8d--K66ExmkQ\\=\\={color:#08202e;font-weight:400;padding-top:.8rem;font-size:1.6rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .gVn-SWfNzdZWU6JGfr0RXw\\=\\={color:#6b7982;font-size:1.4rem;padding-bottom:1.6rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\={display:flex;flex-direction:column}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\= p{color:#00889e;font-size:1.4rem;text-align:center;padding:0 3rem 1.6rem;font-weight:400}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\= p span{font-weight:500}","",{version:3,sources:["webpack://./src/components/atoms/cards/software-provider-card/software-provider-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CACA,qBAAA,CACA,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,mBAAA,CACA,WAAA,CACA,0DChBA,YAAA,CACA,qBDgB0B,CACxB,sFCxBF,YAAA,CACA,kBDwBwB,CCvBxB,sBDuBgC,CAC5B,4FACE,yBAAA,CACA,aAAA,CAEF,mHACE,iBAAA,CACA,eAAA,CACA,kBAAA,CAEF,kHACE,aAAA,CACA,eAAA,CACA,iBAAA,CACA,gBAAA,CAIN,yDACE,aAAA,CACA,gBAAA,CACA,qBAAA,CAEF,0DC1CA,YAAA,CACA,qBD0C0B,CACxB,4DACE,aAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,iEACE,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.content {\n width: 100%;\n background-color: #fff;\n padding: 1.6rem 1.8rem 2.3rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-radius: 0.6rem;\n height: 100%;\n .header {\n @include flex-direction(column);\n .links {\n @include flex-align(center, center);\n &:hover {\n text-decoration: underline;\n color: #08202e;\n }\n .logo {\n max-width: 17.9rem;\n max-height: 4rem;\n margin-bottom: 1rem;\n }\n .title {\n color: #08202e;\n font-weight: 400;\n padding-top: 0.8rem;\n font-size: 1.6rem;\n }\n }\n }\n .excerpt {\n color: #6b7982;\n font-size: 1.4rem;\n padding-bottom: 1.6rem;\n }\n .bottom {\n @include flex-direction(column);\n p {\n color: #00889e;\n font-size: 1.4rem;\n text-align: center;\n padding: 0 3rem 1.6rem;\n font-weight: 400;\n span {\n font-weight: 500;\n }\n }\n }\n}\n',"@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1, $color-2 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: $color1;\n color: $textColor;\n padding: 0.9rem 3rem;\n font-weight: 700;\n font-size: 1.8rem;\n border-radius: var(--border-radius);\n\n > svg {\n flex: none;\n margin-left: 0.8rem;\n }\n\n &:hover {\n background-color: $color2;\n color: $textColor;\n }\n\n &:active {\n background-color: $color3;\n color: $textColor;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={content:"vXDm124lIMUTLX8x1wE+7g==",header:"FizPsTo+RQjwBM7KZiVhFA==",links:"iZJlMr49477ib1oJr7nN6g==",logo:"QFI+W-HX8ENFixXSjeFc0g==",title:"spSljnSYKe8d--K66ExmkQ==",excerpt:"gVn-SWfNzdZWU6JGfr0RXw==",bottom:"_25bv8l3k-AD9frmdBTXP5w=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);