gatsby-matrix-theme 34.0.21 → 34.0.23

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [34.0.23](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.22...v34.0.23) (2023-10-25)
+
+
+### Bug Fixes
+
+* update operator cards with a new class ([915b307](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/915b30779716d775727d9350ede2bc44075a4ae1))
+* update operator cards with a new class ([7e5a6dc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7e5a6dcec489415b042be6e154955f244c2b52e9))
+
+
+* Merge branch 'tm-3737-add-with-ribbon-class' into 'master' ([10dbaa1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/10dbaa157500ee519a4b921939b60054f2ea4c33))
+
+## [34.0.22](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.21...v34.0.22) (2023-10-24)
+
+
+### Bug Fixes
+
+* make style ([a7c1b2f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a7c1b2f14838b3e982761a9621c9a8583133b2e2))
+* update ([dcfcb86](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/dcfcb86b44723de592b2e63cd92f1471690f7ba8))
+
 ## [34.0.21](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v34.0.20...v34.0.21) (2023-10-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "34.0.21",
+  "version": "34.0.23",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "30.0.8",
+    "gatsby-core-theme": "30.0.9",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^5.11.0",

package/src/components/atoms/cards/operator-card/template-four/index.js

@@ -28,7 +28,11 @@ const TemplateFour = ({
   // const prettyLink = prettyTracker(relation, 'main', false, page?.template);
 
   return (
-    <div className={styles?.operatorCard || ''}>
+    <div
+      className={`${styles?.operatorCard || ''} ${
+        ribbons?.length > 0 ? styles?.withRibbon || '' : ''
+      }`}
+    >
       <OperatorDetails
         item={item}
         showReviewLink={false}

package/src/components/atoms/cards/operator-card/template-one/index.js

@@ -44,7 +44,11 @@ const TemplateOne = ({
   const VariableComponent = hasVariableComponent ? loadable(() => import('../variables')) : null;
 
   return (
-    <div className={styles?.operatorCard || ''}>
+    <div
+      className={`${styles?.operatorCard || ''} ${
+        ribbons?.length > 0 ? styles?.withRibbon || '' : ''
+      }`}
+    >
       <OperatorDetails
         item={item}
         showReviewLink={false}

package/src/components/atoms/cards/operator-card/template-three/index.js

@@ -32,7 +32,11 @@ const TemplateThree = ({
   const VariableComponent = hasVariableComponent ? loadable(() => import('../variables')) : null;
 
   return (
-    <div className={styles?.operatorCard || ''}>
+    <div
+      className={`${styles?.operatorCard || ''} ${
+        ribbons?.length > 0 ? styles?.withRibbon || '' : ''
+      }`}
+    >
       <OperatorDetails
         item={item}
         showReviewLink={false}

package/src/components/atoms/cards/operator-card/template-two/index.js

@@ -40,7 +40,11 @@ const TemplateTwo = ({
   const VariableComponent = hasVariableComponent ? loadable(() => import('../variables')) : null;
 
   return (
-    <div className={styles?.operatorCard || ''}>
+    <div
+      className={`${styles?.operatorCard || ''} ${
+        ribbons?.length > 0 ? styles?.withRibbon || '' : ''
+      }`}
+    >
       <OperatorDetails
         item={item}
         showReviewLink={false}

package/src/components/atoms/feedback/template-two/feedback.module.scss

@@ -173,6 +173,9 @@
         font-style: normal;
         font-weight: 400;
         line-height: 2.6rem;
+        @include min(tablet){
+            font-size: 1.4rem;
+        }
     }
 }
 

package/storybook/public/{203.e8f44c2e.iframe.bundle.js → 203.c847d37e.iframe.bundle.js}

@@ -1 +1 @@
-(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[203],{"./src/components/atoms/cards/article-card/variables/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return variables}});__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");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"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),AiOutlineClockCircle=__webpack_require__("../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js"),date_time=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/date-time.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),variable_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/article-card/variables/variable.module.scss"),options={insert:"head",singleton:!1},variables_variable_module=(injectStylesIntoStyleTag_default()(variable_module.Z,options),variable_module.Z.locals||{});function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var VariableComponent=function VariableComponent(_ref){var item=_ref.item,showAuthorOnOneLine=_ref.showAuthorOnOneLine,showAuthorAsLink=_ref.showAuthorAsLink,showDate=_ref.showDate,readingTime=_ref.readingTime,verifyIcon=_ref.verifyIcon,author=item.author,title=item.title,path=item.path,translations=((0,react.useContext)(MainProvider._)||{}).translations,imgSize=showAuthorOnOneLine?30:48,date=(null==item?void 0:item.updated_at)||(null==item?void 0:item.created_at),formatedDate=date&&(0,date_time.p)(date,"DD.MM.YYYY","/","en-GB");return react.createElement(react.Fragment,null,react.createElement(hooks_link.Z,{to:path,className:"article-card-gtm"},react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.cardTitle)||""},title)),"object"===_typeof(author)&&react.createElement("div",{className:"".concat(showAuthorOnOneLine?(null==variables_variable_module?void 0:variables_variable_module.showAuthorOnOneLine)||"":(null==variables_variable_module?void 0:variables_variable_module.showAuthorBlock)||""," ")},react.createElement("div",{className:variables_variable_module.authorImages},react.createElement(lazy_image.Z,{alt:null==author?void 0:author.name,width:imgSize,height:imgSize,src:(0,getters.S7)(null==author?void 0:author.image,imgSize,imgSize)}),verifyIcon&&react.createElement("span",{className:variables_variable_module.verifyIcon},react.createElement(lazy_image.Z,{src:verifyIcon,alt:(0,getters.Iu)(translations,"verified","Verified"),width:10,height:10}))),react.createElement("div",{className:variables_variable_module.authorContainer},showAuthorOnOneLine&&react.createElement("p",null,react.createElement("span",null,(0,getters.Iu)(translations,"by","By"))),showAuthorAsLink?react.createElement(hooks_link.Z,{to:null==author?void 0:author.profile_page_path,title:null==author?void 0:author.name},null==author?void 0:author.name):react.createElement("span",null,null==author?void 0:author.name),showDate&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.noLink)||""},formatedDate),readingTime&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.readingTime)||""},react.createElement(AiOutlineClockCircle.c,{title:"Clock Icon"}),readingTime,react.createElement("p",{className:variables_variable_module.readText||""},(0,getters.Iu)(translations,"readingTime","min read"))))))};VariableComponent.propTypes={item:prop_types_default().shape({author:prop_types_default().shape({name:prop_types_default().string,profile_page_path:prop_types_default().string,twitter_profile:prop_types_default().string,image:prop_types_default().string}),title:prop_types_default().string,updated_at:prop_types_default().string,created_at:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string}).isRequired,showAuthorOnOneLine:prop_types_default().bool,showDate:prop_types_default().bool,showAuthorAsLink:prop_types_default().bool,readingTime:prop_types_default().any,verifyIcon:prop_types_default().string},VariableComponent.__docgenInfo={description:"",methods:[],displayName:"VariableComponent",props:{item:{description:"",type:{name:"shape",value:{author:{name:"shape",value:{name:{name:"string",required:!1},profile_page_path:{name:"string",required:!1},twitter_profile:{name:"string",required:!1},image:{name:"string",required:!1}},required:!1},title:{name:"string",required:!1},updated_at:{name:"string",required:!1},created_at:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1}}},required:!0},showAuthorOnOneLine:{description:"",type:{name:"bool"},required:!1},showDate:{description:"",type:{name:"bool"},required:!1},showAuthorAsLink:{description:"",type:{name:"bool"},required:!1},readingTime:{description:"",type:{name:"any"},required:!1},verifyIcon:{description:"",type:{name:"string"},required:!1}}};var variables=VariableComponent;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/article-card/variables/index.js"]={name:"VariableComponent",docgenInfo:VariableComponent.__docgenInfo,path:"src/components/atoms/cards/article-card/variables/index.js"})},"../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.c=function AiOutlineClockCircle(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attr:{d:"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"}}]})(props)}},"../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/article-card/variables/variable.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".thB0bqcpc--l1farbL-INw\\=\\={display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:22px;width:100%;gap:.2rem}.thB0bqcpc--l1farbL-INw\\=\\= img{border-radius:10rem}.thB0bqcpc--l1farbL-INw\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-grow:1}.thB0bqcpc--l1farbL-INw\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-start;justify-content:flex-start}.thB0bqcpc--l1farbL-INw\\=\\=>div>span+span{justify-content:flex-end}.thB0bqcpc--l1farbL-INw\\=\\=>div>a+span{justify-content:flex-end}.ddk9maoh--D1dVAMlNT6xg\\=\\={display:flex;align-items:center;justify-content:flex-start;font-size:14px;line-height:22px;width:100%;gap:.5rem}.ddk9maoh--D1dVAMlNT6xg\\=\\= img{border-radius:10rem}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-direction:column}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end}._0HbJtC8Nw4tTP821X8z4zA\\=\\={position:relative}._0HbJtC8Nw4tTP821X8z4zA\\=\\= .GDAkTB5uHp1T6KUJhDOJiQ\\=\\={position:absolute;width:1rem;height:1rem;bottom:0;right:0}","",{version:3,sources:["webpack://./src/components/atoms/cards/article-card/variables/variable.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxBA,YAAA,CACA,sBDwBsB,CCvBtB,0BDuBkC,CAChC,SAAA,CACA,WAAA,CACA,qCACE,WAAA,CC7BJ,YAAA,CACA,sBD6BwB,CC5BxB,0BD4BoC,CAEhC,0CACE,wBAAA,CAKF,uCACE,wBAAA,CAMR,4BC7CE,YAAA,CACA,kBD6CoB,CC5CpB,0BD4C4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxDA,YAAA,CACA,sBDwDsB,CCvDtB,0BDuDkC,CAChC,SAAA,CACA,qBAAA,CAEA,qCACE,WAAA,CC9DJ,YAAA,CACA,oBD8DwB,CC7DxB,wBD6DkC,CAKpC,6BACE,iBAAA,CACA,yDACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA",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.showAuthorOnOneLine {\n  @include flex-align(center, space-between);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .2rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-grow: 1;\n    > span {\n      flex-grow: 1;\n      @include flex-align(flex-start, flex-start);\n\n      + span {\n        justify-content: flex-end;\n      }\n    }\n\n    > a {\n      + span {\n        justify-content: flex-end;\n      }\n    }\n  }\n}\n\n.showAuthorBlock {\n  @include flex-align(center, flex-start);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .5rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-direction: column;\n\n    >span {\n      flex-grow: 1;\n      @include flex-align(flex-end, flex-end);\n    }\n  }\n}\n\n.authorImages {\n  position: relative;\n  .verifyIcon {\n    position: absolute;\n    width: 1rem;\n    height: 1rem;\n    bottom:0;\n    right: 0;\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: 0 0 2.4rem 4.8rem;\n  }\n  @else if $direction == left {\n    margin: 0 4.8rem 2.4rem 0;\n  }\n  @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $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\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: .8rem) {\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: 2px 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 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: .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}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={showAuthorOnOneLine:"thB0bqcpc--l1farbL-INw==",showAuthorBlock:"ddk9maoh--D1dVAMlNT6xg==",authorImages:"_0HbJtC8Nw4tTP821X8z4zA==",verifyIcon:"GDAkTB5uHp1T6KUJhDOJiQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[203],{"./src/components/atoms/cards/article-card/variables/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return variables}});__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");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"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),AiOutlineClockCircle=__webpack_require__("../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js"),date_time=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/date-time.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),variable_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/article-card/variables/variable.module.scss"),options={insert:"head",singleton:!1},variables_variable_module=(injectStylesIntoStyleTag_default()(variable_module.Z,options),variable_module.Z.locals||{});function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var VariableComponent=function VariableComponent(_ref){var item=_ref.item,showAuthorOnOneLine=_ref.showAuthorOnOneLine,showAuthorAsLink=_ref.showAuthorAsLink,showDate=_ref.showDate,readingTime=_ref.readingTime,verifyIcon=_ref.verifyIcon,author=item.author,title=item.title,path=item.path,translations=((0,react.useContext)(MainProvider._)||{}).translations,imgSize=showAuthorOnOneLine?30:48,date=(null==item?void 0:item.updated_at)||(null==item?void 0:item.created_at),formatedDate=date&&(0,date_time.p)(date,"DD.MM.YYYY","/","en-GB");return react.createElement(react.Fragment,null,react.createElement(hooks_link.Z,{to:path,className:"article-card-gtm"},react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.cardTitle)||""},title)),"object"===_typeof(author)&&react.createElement("div",{className:"".concat(showAuthorOnOneLine?(null==variables_variable_module?void 0:variables_variable_module.showAuthorOnOneLine)||"":(null==variables_variable_module?void 0:variables_variable_module.showAuthorBlock)||""," ")},react.createElement("div",{className:variables_variable_module.authorImages},react.createElement(lazy_image.Z,{alt:null==author?void 0:author.name,width:imgSize,height:imgSize,src:(0,getters.S7)(null==author?void 0:author.image,imgSize,imgSize)}),verifyIcon&&react.createElement("span",{className:variables_variable_module.verifyIcon},react.createElement(lazy_image.Z,{src:verifyIcon,alt:(0,getters.Iu)(translations,"verified","Verified"),width:10,height:10}))),react.createElement("div",{className:variables_variable_module.authorContainer},showAuthorOnOneLine&&react.createElement("p",null,react.createElement("span",null,(0,getters.Iu)(translations,"by","By"))),showAuthorAsLink?react.createElement(hooks_link.Z,{to:null==author?void 0:author.profile_page_path,title:null==author?void 0:author.name},null==author?void 0:author.name):react.createElement("span",null,null==author?void 0:author.name),showDate&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.noLink)||""},formatedDate),readingTime&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.readingTime)||""},react.createElement(AiOutlineClockCircle.c,{title:"Clock Icon"}),readingTime,react.createElement("p",{className:variables_variable_module.readText||""},(0,getters.Iu)(translations,"readingTime","min read"))))))};VariableComponent.propTypes={item:prop_types_default().shape({author:prop_types_default().shape({name:prop_types_default().string,profile_page_path:prop_types_default().string,twitter_profile:prop_types_default().string,image:prop_types_default().string}),title:prop_types_default().string,updated_at:prop_types_default().string,created_at:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string}).isRequired,showAuthorOnOneLine:prop_types_default().bool,showDate:prop_types_default().bool,showAuthorAsLink:prop_types_default().bool,readingTime:prop_types_default().any,verifyIcon:prop_types_default().string},VariableComponent.__docgenInfo={description:"",methods:[],displayName:"VariableComponent",props:{item:{description:"",type:{name:"shape",value:{author:{name:"shape",value:{name:{name:"string",required:!1},profile_page_path:{name:"string",required:!1},twitter_profile:{name:"string",required:!1},image:{name:"string",required:!1}},required:!1},title:{name:"string",required:!1},updated_at:{name:"string",required:!1},created_at:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1}}},required:!0},showAuthorOnOneLine:{description:"",type:{name:"bool"},required:!1},showDate:{description:"",type:{name:"bool"},required:!1},showAuthorAsLink:{description:"",type:{name:"bool"},required:!1},readingTime:{description:"",type:{name:"any"},required:!1},verifyIcon:{description:"",type:{name:"string"},required:!1}}};var variables=VariableComponent;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/article-card/variables/index.js"]={name:"VariableComponent",docgenInfo:VariableComponent.__docgenInfo,path:"src/components/atoms/cards/article-card/variables/index.js"})},"../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.c=function AiOutlineClockCircle(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attr:{d:"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"}}]})(props)}},"../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/article-card/variables/variable.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".thB0bqcpc--l1farbL-INw\\=\\={display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:22px;width:100%;gap:.2rem}.thB0bqcpc--l1farbL-INw\\=\\= img{border-radius:10rem}.thB0bqcpc--l1farbL-INw\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-grow:1}.thB0bqcpc--l1farbL-INw\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-start;justify-content:flex-start}.thB0bqcpc--l1farbL-INw\\=\\=>div>span+span{justify-content:flex-end}.thB0bqcpc--l1farbL-INw\\=\\=>div>a+span{justify-content:flex-end}.ddk9maoh--D1dVAMlNT6xg\\=\\={display:flex;align-items:center;justify-content:flex-start;font-size:14px;line-height:22px;width:100%;gap:.5rem}.ddk9maoh--D1dVAMlNT6xg\\=\\= img{border-radius:10rem}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-direction:column}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end}._0HbJtC8Nw4tTP821X8z4zA\\=\\={position:relative}._0HbJtC8Nw4tTP821X8z4zA\\=\\= .GDAkTB5uHp1T6KUJhDOJiQ\\=\\={position:absolute;width:1rem;height:1rem;bottom:0;right:0}","",{version:3,sources:["webpack://./src/components/atoms/cards/article-card/variables/variable.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxBA,YAAA,CACA,sBDwBsB,CCvBtB,0BDuBkC,CAChC,SAAA,CACA,WAAA,CACA,qCACE,WAAA,CC7BJ,YAAA,CACA,sBD6BwB,CC5BxB,0BD4BoC,CAEhC,0CACE,wBAAA,CAKF,uCACE,wBAAA,CAMR,4BC7CE,YAAA,CACA,kBD6CoB,CC5CpB,0BD4C4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxDA,YAAA,CACA,sBDwDsB,CCvDtB,0BDuDkC,CAChC,SAAA,CACA,qBAAA,CAEA,qCACE,WAAA,CC9DJ,YAAA,CACA,oBD8DwB,CC7DxB,wBD6DkC,CAKpC,6BACE,iBAAA,CACA,yDACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA",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.showAuthorOnOneLine {\n  @include flex-align(center, space-between);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .2rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-grow: 1;\n    > span {\n      flex-grow: 1;\n      @include flex-align(flex-start, flex-start);\n\n      + span {\n        justify-content: flex-end;\n      }\n    }\n\n    > a {\n      + span {\n        justify-content: flex-end;\n      }\n    }\n  }\n}\n\n.showAuthorBlock {\n  @include flex-align(center, flex-start);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .5rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-direction: column;\n\n    >span {\n      flex-grow: 1;\n      @include flex-align(flex-end, flex-end);\n    }\n  }\n}\n\n.authorImages {\n  position: relative;\n  .verifyIcon {\n    position: absolute;\n    width: 1rem;\n    height: 1rem;\n    bottom:0;\n    right: 0;\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) {\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: 2px 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 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={showAuthorOnOneLine:"thB0bqcpc--l1farbL-INw==",showAuthorBlock:"ddk9maoh--D1dVAMlNT6xg==",authorImages:"_0HbJtC8Nw4tTP821X8z4zA==",verifyIcon:"GDAkTB5uHp1T6KUJhDOJiQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{238.6573b754.iframe.bundle.js → 238.9f02ce8a.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[238],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return operator}});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"),atoms_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),operator_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/search/autocomplete/operator.module.scss"),options={insert:"head",singleton:!1},autocomplete_operator_module=(injectStylesIntoStyleTag_default()(operator_module.Z,options),operator_module.Z.locals||{}),Operator=function Operator(_ref){var _relation$standardise,_ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,relation=item.relation,img=(null==relation||null===(_relation$standardise=relation.standardised_logo_url_object)||void 0===_relation$standardise?void 0:_relation$standardise.filename)||relation.logo_url;return react.createElement("div",{className:autocomplete_operator_module.row||""},react.createElement(lazy_image.Z,{width:56,height:56,src:(0,getters.S7)(img,56,56),alt:item.title}),react.createElement("h3",null,item.title),react.createElement(atoms_button.Z,{to:"/#",primaryColor:!0,isInternalLink:!1,gtmClass:"operator-gtm btn-cta"}))};Operator.displayName="Operator",Operator.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo_url:prop_types_default().string})}).isRequired},Operator.__docgenInfo={description:"",methods:[],displayName:"Operator",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},relation:{name:"shape",value:{logo_url:{name:"string",required:!1}},required:!1}}},required:!1}}};var operator=Operator;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js"]={name:"Operator",docgenInfo:Operator.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.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/search/autocomplete/operator.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".r58fNxDfcLwVDC\\+bB1aHXg\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= img{max-width:6.5rem}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,iCACE,gBAAA,CAEF,gCACE,gBAAA",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.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  img {\n    max-width: 6.5rem;\n  }\n  h3 {\n    font-size: 1.6rem;\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: 0 0 2.4rem 4.8rem;\n  }\n  @else if $direction == left {\n    margin: 0 4.8rem 2.4rem 0;\n  }\n  @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $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\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: .8rem) {\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: 2px 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 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: .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}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"r58fNxDfcLwVDC+bB1aHXg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[238],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return operator}});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"),atoms_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),operator_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/search/autocomplete/operator.module.scss"),options={insert:"head",singleton:!1},autocomplete_operator_module=(injectStylesIntoStyleTag_default()(operator_module.Z,options),operator_module.Z.locals||{}),Operator=function Operator(_ref){var _relation$standardise,_ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,relation=item.relation,img=(null==relation||null===(_relation$standardise=relation.standardised_logo_url_object)||void 0===_relation$standardise?void 0:_relation$standardise.filename)||relation.logo_url;return react.createElement("div",{className:autocomplete_operator_module.row||""},react.createElement(lazy_image.Z,{width:56,height:56,src:(0,getters.S7)(img,56,56),alt:item.title}),react.createElement("h3",null,item.title),react.createElement(atoms_button.Z,{to:"/#",primaryColor:!0,isInternalLink:!1,gtmClass:"operator-gtm btn-cta"}))};Operator.displayName="Operator",Operator.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo_url:prop_types_default().string})}).isRequired},Operator.__docgenInfo={description:"",methods:[],displayName:"Operator",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},relation:{name:"shape",value:{logo_url:{name:"string",required:!1}},required:!1}}},required:!1}}};var operator=Operator;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js"]={name:"Operator",docgenInfo:Operator.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.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/search/autocomplete/operator.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".r58fNxDfcLwVDC\\+bB1aHXg\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= img{max-width:6.5rem}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,iCACE,gBAAA,CAEF,gCACE,gBAAA",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.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  img {\n    max-width: 6.5rem;\n  }\n  h3 {\n    font-size: 1.6rem;\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) {\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: 2px 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 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={row:"r58fNxDfcLwVDC+bB1aHXg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{343.6342e7dd.iframe.bundle.js → 343.34b4aca2.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[343],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return game}});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),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_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/search/autocomplete/game.module.scss"),options={insert:"head",singleton:!1},autocomplete_game_module=(injectStylesIntoStyleTag_default()(game_module.Z,options),game_module.Z.locals||{}),Game=function Game(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item;return react.createElement("div",{className:autocomplete_game_module.row||""},react.createElement("h3",null,item.title))};Game.displayName="Game",Game.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Game.__docgenInfo={description:"",methods:[],displayName:"Game",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1}}};var game=Game;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js"]={name:"Game",docgenInfo:Game.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.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/search/autocomplete/game.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".kFHTXGonUmeUo4L5waNvpw\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.kFHTXGonUmeUo4L5waNvpw\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,+BACE,gBAAA",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.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  h3 {\n    font-size: 1.6rem;\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: 0 0 2.4rem 4.8rem;\n  }\n  @else if $direction == left {\n    margin: 0 4.8rem 2.4rem 0;\n  }\n  @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $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\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: .8rem) {\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: 2px 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 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: .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}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"kFHTXGonUmeUo4L5waNvpw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[343],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return game}});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),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_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/search/autocomplete/game.module.scss"),options={insert:"head",singleton:!1},autocomplete_game_module=(injectStylesIntoStyleTag_default()(game_module.Z,options),game_module.Z.locals||{}),Game=function Game(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item;return react.createElement("div",{className:autocomplete_game_module.row||""},react.createElement("h3",null,item.title))};Game.displayName="Game",Game.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Game.__docgenInfo={description:"",methods:[],displayName:"Game",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1}}};var game=Game;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js"]={name:"Game",docgenInfo:Game.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.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/search/autocomplete/game.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".kFHTXGonUmeUo4L5waNvpw\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.kFHTXGonUmeUo4L5waNvpw\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,+BACE,gBAAA",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.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  h3 {\n    font-size: 1.6rem;\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) {\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: 2px 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 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={row:"kFHTXGonUmeUo4L5waNvpw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);