gatsby-matrix-theme 40.0.19 → 40.0.21

package/storybook/public/631.01156847.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[631],{"../node_modules/gatsby-core-theme/src/components/atoms/image/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>atoms_image});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),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"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),image_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]!../node_modules/gatsby-core-theme/src/components/atoms/image/image.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(image_module.A,options);const image_image_module=image_module.A.locals||{};var Image=function(_ref){var _ref$module=_ref.module,module=void 0===_ref$module?{}:_ref$module,title=module.title,value=module.value,_module$alt=module.alt,alt=void 0===_module$alt?"missing alt":_module$alt,alignment=module.alignment;return value?react.createElement(lazy_image.A,{src:(0,getters.pv)(value,912,333),alt:alt||"missing alt",width:912,height:333,title:title&&title,className:"".concat(image_image_module.imageModule||""," ").concat(image_image_module[alignment]||"")}):react.createElement(react.Fragment,null)};Image.displayName="Image",Image.propTypes={module:prop_types_default().shape({title:prop_types_default().string,value:prop_types_default().string,alt:prop_types_default().string,alignment:prop_types_default().string})},Image.__docgenInfo={description:"",methods:[],displayName:"Image",props:{module:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},value:{name:"string",required:!1},alt:{name:"string",required:!1},alignment:{name:"string",required:!1}}},required:!1}}};const atoms_image=Image;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/image/index.js"]={name:"Image",docgenInfo:Image.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/image/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]!../node_modules/gatsby-core-theme/src/components/atoms/image/image.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_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(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".igHJ56XlrK5G1tT2c9QxVA\\=\\=.G2qFh58W0IT1gwhVVBtHGA\\=\\={display:block;margin:0 auto}.igHJ56XlrK5G1tT2c9QxVA\\=\\=.y4609nVlrj9sleha0FpHKw\\=\\={display:block;margin:0 0 0 auto}.igHJ56XlrK5G1tT2c9QxVA\\=\\=.fb6oNZ8TRfXQEREFK1bUVw\\=\\={display:block;margin:0 auto 0 0}.igHJ56XlrK5G1tT2c9QxVA\\=\\= img{width:100%}@media only screen and (min-width:768px){.igHJ56XlrK5G1tT2c9QxVA\\=\\= img{width:auto}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/image/image.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeE,uDC+BA,aAAA,CAME,aAAA,CDjCF,uDC2BA,aAAA,CAEE,iBAAA,CDzBF,uDCuBA,aAAA,CAIE,iBAAA,CDvBF,gCACE,UAAA,CEwBF,yCFzBA,gCAGI,UAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.imageModule {\n  &.align_center {\n    @include content-img-align(center, 0);\n  }\n\n  &.align_right {\n    @include content-img-align(right, 0);\n  }\n\n  &.align_left {\n    @include content-img-align(left, 0);\n  }\n\n  img {\n    width: 100%;\n    @include min(tablet) {\n      width: auto;\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","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={imageModule:"igHJ56XlrK5G1tT2c9QxVA==",align_center:"G2qFh58W0IT1gwhVVBtHGA==",align_right:"y4609nVlrj9sleha0FpHKw==",align_left:"fb6oNZ8TRfXQEREFK1bUVw=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/672.3058d279.iframe.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[672],{"../node_modules/objectFitPolyfill/dist/objectFitPolyfill.min.js":()=>{!function(){"use strict";if("undefined"!=typeof window){var t=window.navigator.userAgent.match(/Edge\/(\d{2})\./),e=t?parseInt(t[1],10):null,n=!!e&&16<=e&&e<=18;if("objectFit"in document.documentElement.style==0||n){var o=function(t,e,i){var n,o,l,a,d;if((i=i.split(" ")).length<2&&(i[1]=i[0]),"x"===t)n=i[0],o=i[1],l="left",a="right",d=e.clientWidth;else{if("y"!==t)return;n=i[1],o=i[0],l="top",a="bottom",d=e.clientHeight}if(n!==l&&o!==l){if(n!==a&&o!==a)return"center"===n||"50%"===n?(e.style[l]="50%",void(e.style["margin-"+l]=d/-2+"px")):void(0<=n.indexOf("%")?(n=parseInt(n,10))<50?(e.style[l]=n+"%",e.style["margin-"+l]=d*(n/-100)+"px"):(n=100-n,e.style[a]=n+"%",e.style["margin-"+a]=d*(n/-100)+"px"):e.style[l]=n);e.style[a]="0"}else e.style[l]="0"},l=function(t){var e=t.dataset?t.dataset.objectFit:t.getAttribute("data-object-fit"),i=t.dataset?t.dataset.objectPosition:t.getAttribute("data-object-position");e=e||"cover",i=i||"50% 50%";var n=t.parentNode;return function(t){var e=window.getComputedStyle(t,null),i=e.getPropertyValue("position"),n=e.getPropertyValue("overflow"),o=e.getPropertyValue("display");i&&"static"!==i||(t.style.position="relative"),"hidden"!==n&&(t.style.overflow="hidden"),o&&"inline"!==o||(t.style.display="block"),0===t.clientHeight&&(t.style.height="100%"),-1===t.className.indexOf("object-fit-polyfill")&&(t.className=t.className+" object-fit-polyfill")}(n),function(t){var e=window.getComputedStyle(t,null),i={"max-width":"none","max-height":"none","min-width":"0px","min-height":"0px",top:"auto",right:"auto",bottom:"auto",left:"auto","margin-top":"0px","margin-right":"0px","margin-bottom":"0px","margin-left":"0px"};for(var n in i)e.getPropertyValue(n)!==i[n]&&(t.style[n]=i[n])}(t),t.style.position="absolute",t.style.width="auto",t.style.height="auto","scale-down"===e&&(e=t.clientWidth<n.clientWidth&&t.clientHeight<n.clientHeight?"none":"contain"),"none"===e?(o("x",t,i),void o("y",t,i)):"fill"===e?(t.style.width="100%",t.style.height="100%",o("x",t,i),void o("y",t,i)):(t.style.height="100%",void("cover"===e&&t.clientWidth>n.clientWidth||"contain"===e&&t.clientWidth<n.clientWidth?(t.style.top="0",t.style.marginTop="0",o("x",t,i)):(t.style.width="100%",t.style.height="auto",t.style.left="0",t.style.marginLeft="0",o("y",t,i))))},i=function(t){if(void 0===t||t instanceof Event)t=document.querySelectorAll("[data-object-fit]");else if(t&&t.nodeName)t=[t];else if("object"!=typeof t||!t.length||!t[0].nodeName)return!1;for(var e=0;e<t.length;e++)if(t[e].nodeName){var i=t[e].nodeName.toLowerCase();if("img"===i){if(n)continue;t[e].complete?l(t[e]):t[e].addEventListener("load",(function(){l(this)}))}else"video"===i?0<t[e].readyState?l(t[e]):t[e].addEventListener("loadedmetadata",(function(){l(this)})):l(t[e])}return!0};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",i):i(),window.addEventListener("resize",i),window.objectFitPolyfill=i}else window.objectFitPolyfill=function(){return!1}}}()}}]);

package/storybook/public/679.4b227ee0.iframe.bundle.js

@@ -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"),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,width=_ref.width,height=_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:"".concat((null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.links)||""," software-provider-card-gtm"),"aria-label":"".concat(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,getters.lm)(logUrlObject,title)})),showTitle&&react.createElement(hooks_link.A,{className:"".concat((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},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},width:{description:"",type:{name:"number"},required:!1},height:{description:"",type:{name:"number"},required:!1}}};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:["// Global styles extended in each theme\n\n// Utils\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/variables/stack-order';\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\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___}}]);