gatsby-matrix-theme 53.2.49 → 53.2.51

package/src/components/atoms/cards/operator-card/template-five/template-five.stories.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import TemplateFive from '.';
+import data from '../../../../../../tests/factories/cards/articles.factory';
+
+export default {
+  title: 'Theme/Modules/Cards/Operator/Template Five',
+  component: TemplateFive,
+  argTypes: {
+    showAuthorAsLink: {
+      name: 'showAuthorAsLink',
+      type: { name: 'boolean', required: false },
+      defaultValue: true,
+      description: 'Show author as a link?',
+    },
+    hasVariableComponent: {
+      name: 'hasVariableComponent',
+      type: { name: 'boolean', required: false },
+      defaultValue: true,
+      description:
+        'if needs to show extra details, display them on a separate component at site level',
+    },
+    showDate: {
+      name: 'showDate',
+      type: { name: 'boolean', required: false },
+      defaultValue: true,
+      description: 'Show/hide date',
+    },
+    verifyIcon: {
+      name: 'verifyIcon',
+      type: { name: 'boolean', required: false },
+      defaultValue: false,
+      description: 'Show verify icon',
+    },
+    item: data,
+  },
+};
+
+const Template = (args) => (
+  <div
+    style={{
+      maxWidth: '30rem',
+      margin: '0 auto',
+    }}
+  >
+    <TemplateFive {...args} />
+  </div>
+);
+export const Default = Template.bind({});
+Default.args = {
+  item: data,
+  page: {
+    reading_time: '5', // Add the reading_time value here (replace '5 mins' with the actual value)
+  },
+};

package/src/components/organisms/cards/template-one/index.js

@@ -9,7 +9,7 @@ import Card from '~atoms/cards/default-card';
 import keygen from '~helpers/keygen';
 
 const Cards = ({ module, page, modulePosition }) => {
-  const CustomCardComponent = getCard(module?.model_type || module?.cards_page_type);
+  const CustomCardComponent = getCard(module?.model_type || module?.cards_page_type, page?.template);
   const { admin } = useContext(Context) || {};
 
   return (
@@ -66,7 +66,9 @@ Cards.propTypes = {
     cards_page_type: PropTypes.string,
     model_type: PropTypes.string,
   }).isRequired,
-  page: PropTypes.shape({}),
+  page: PropTypes.shape({
+    template: PropTypes.string
+  }),
   modulePosition: PropTypes.number,
 };
 

package/src/helpers/cards.js

@@ -2,12 +2,16 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { lazy } from 'react';
 
-export function getCard(type) {
+export function getCard(type, pageType='') {
   switch (type) {
     case 'operator':
-      return lazy(() => import(`../components/atoms/cards/operator-card/template-one`));
+      return pageType === 'eeat' 
+        ? lazy(() => import(`../components/atoms/cards/operator-card/template-five`)) 
+        : lazy(() => import(`../components/atoms/cards/operator-card/template-one`));
     case 'game':
-      return lazy(() => import(`../components/atoms/cards/game-cards/template-one`));
+      return pageType === 'eeat' 
+        ? lazy(() => import(`../components/atoms/cards/game-cards/template-six`)) 
+        : lazy(() => import(`../components/atoms/cards/game-cards/template-one`));
     case 'payment_method':
       return lazy(() => import(`../components/atoms/cards/payment-method/template-one`));
     case 'software_provider':

package/storybook/public/127.9de94daa.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[127,693],{"./src/components/organisms/cards/template-three/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>index});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/react/index.js"),_template_two__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/organisms/cards/template-two/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function index(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_template_two__WEBPACK_IMPORTED_MODULE_1__.default,_extends({},props,{templateThree:!0}))}index.displayName="index",index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-three/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"src/components/organisms/cards/template-three/index.js"})},"./src/components/organisms/cards/template-two/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>template_two});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),scroll_x=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/scroll-x/index.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),card_button=__webpack_require__("./src/components/atoms/admin/card/button/index.js"),cards=__webpack_require__("./src/helpers/cards.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),CustomCardComponent=(0,react.memo)((function(_ref){var module=_ref.module,item=_ref.item,page=_ref.page,index=_ref.index,_ref$template=_ref.template,template=void 0===_ref$template?"template_five":_ref$template,modulePosition=_ref.modulePosition,itemPosition=_ref.itemPosition,Compo=(0,cards.X)(module.model_type||module.cards_page_type,template);return react.createElement(react.Suspense,{fallback:react.createElement(react.Fragment,null)},react.createElement(Compo,{key:(0,keygen.A)(),featured:"featured"===module.style,item,type:item.type,number:index+1,page,modulePosition,itemPosition}))}));CustomCardComponent.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),style:prop_types_default().string,model_type:prop_types_default().string,cards_page_type:prop_types_default().string}),item:prop_types_default().shape({type:prop_types_default().string}),index:prop_types_default().number,template:prop_types_default().string,modulePosition:prop_types_default().number,itemPosition:prop_types_default().number};const template_two_item=CustomCardComponent;var injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),template_two_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/organisms/cards/template-two/template-two.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(template_two_module.A,options);const template_two_template_two_module=template_two_module.A.locals||{};var IoIosArrowBack=__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowBack.js"),IoIosArrowForward=__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowForward.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),buttons_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/organisms/cards/template-two/buttons/buttons.module.scss"),buttons_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(buttons_module.A,buttons_module_options);const buttons_buttons_module=buttons_module.A.locals||{};var Buttons=function(_ref){var scrollX=_ref.scrollX,noModuleIntro=_ref.noModuleIntro,scrollEnd=_ref.scrollEnd,scroll=_ref.scroll,templateThree=_ref.templateThree;return react.createElement(react.Fragment,null,react.createElement("button",{className:`${buttons_buttons_module.buttLeft} ${noModuleIntro?buttons_buttons_module.nointroButtLeft:""} ${scrollX<=0?buttons_buttons_module.disabled:""} ${templateThree?buttons_buttons_module.buttLeftTempThree:""}`,onClick:function(){return scroll(-200)},type:"button","aria-label":(0,useTranslate.A)("ariaLabel-carouselBtnLeft","carouselBtnLeft")},react.createElement(IoIosArrowBack.m,null)),react.createElement("button",{className:`${buttons_buttons_module.buttRight} ${noModuleIntro?buttons_buttons_module.nointroButtRight:""} ${scrollEnd?buttons_buttons_module.disabled:""} ${templateThree?buttons_buttons_module.buttRightTempThree:""}`,onClick:function(){return scroll(200)},type:"button","aria-label":(0,useTranslate.A)("ariaLabel-carouselBtnRight","carouselBtnRight")},react.createElement(IoIosArrowForward.O,null)))};Buttons.propTypes={scrollX:prop_types_default().number,noModuleIntro:prop_types_default().bool,scrollEnd:prop_types_default().bool,scroll:prop_types_default().func,templateThree:prop_types_default().bool},Buttons.__docgenInfo={description:"",methods:[],displayName:"Buttons",props:{scrollX:{description:"",type:{name:"number"},required:!1},noModuleIntro:{description:"",type:{name:"bool"},required:!1},scrollEnd:{description:"",type:{name:"bool"},required:!1},scroll:{description:"",type:{name:"func"},required:!1},templateThree:{description:"",type:{name:"bool"},required:!1}}};const buttons=Buttons;function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-two/buttons/index.js"]={name:"Buttons",docgenInfo:Buttons.__docgenInfo,path:"src/components/organisms/cards/template-two/buttons/index.js"});var CustomCarousel=function(_ref){var page=_ref.page,module=_ref.module,noModuleIntro=_ref.noModuleIntro,modulePosition=_ref.modulePosition,templateThree=_ref.templateThree,container=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(0),2),scrollX=_useState2[0],setScrollX=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),scrollEnd=_useState4[0],setScrollEnd=_useState4[1],_useState6=_slicedToArray((0,react.useState)(!1),2),showButtons=_useState6[0],setShowButtons=_useState6[1],admin=((0,react.useContext)(MainProvider.o)||{}).admin,updateButtons=function(shift){setScrollEnd(Math.floor(container.current.scrollWidth-(container.current.scrollLeft+shift))<=container.current.offsetWidth)};return(0,react.useEffect)((function(){var timer=setTimeout((function(){setShowButtons(container.current.scrollWidth>container.current.offsetWidth)}),500);return function(){return clearTimeout(timer)}}),[]),react.createElement(scroll_x.A,{refTag:container,scroll:!0,stopScrolling:function(){return setScrollX(container.current.scrollLeft),void updateButtons(0)},onScroll:function(scrollLeft){updateButtons(0),setScrollX(scrollLeft)}},react.createElement("div",{ref:container},module.items&&module.items.map((function(item,index){return admin?react.createElement("div",{key:index,className:template_two_template_two_module.container},react.createElement(card_button.A,{item}),react.createElement(template_two_item,{key:index,index,item,page,module,modulePosition,itemPosition:index+1})):react.createElement(template_two_item,{key:index,index,item,page,module,modulePosition,itemPosition:index+1})})),showButtons&&react.createElement(buttons,{scroll:function(shift){container.current.scrollTo({left:container.current.scrollLeft+shift,behavior:"smooth"}),updateButtons(shift),setScrollX(scrollX+shift)},noModuleIntro,scrollX,scrollEnd,templateThree})))};CustomCarousel.displayName="CustomCarousel",CustomCarousel.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),style:prop_types_default().string}).isRequired,noModuleIntro:prop_types_default().bool,modulePosition:prop_types_default().number,templateThree:prop_types_default().bool},CustomCarousel.__docgenInfo={description:"",methods:[],displayName:"CustomCarousel",props:{page:{description:"",type:{name:"shape",value:{}},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},style:{name:"string",required:!1}}},required:!0},noModuleIntro:{description:"",type:{name:"bool"},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1},templateThree:{description:"",type:{name:"bool"},required:!1}}};const template_two=CustomCarousel;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-two/index.js"]={name:"CustomCarousel",docgenInfo:CustomCarousel.__docgenInfo,path:"src/components/organisms/cards/template-two/index.js"})},"./src/helpers/cards.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getCard});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/react/index.js");function getCard(type){var pageType=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";switch(type){case"operator":return"eeat"===pageType?(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/template-five/index.js"))})):(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/template-one/index.js"))}));case"game":return"eeat"===pageType?(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-cards/template-six/index.js"))})):(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-cards/template-one/index.js"))}));case"payment_method":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/payment-method/template-one/index.js"))}));case"software_provider":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return __webpack_require__.e(679).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/software-provider-card/index.js"))}));case"article":case"page":default:return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/article-card/template-one/index.js"))}));case"author":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/author/template-one/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/organisms/cards/template-two/buttons/buttons.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,".t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={position:absolute;right:1rem;width:4rem;height:4rem;border-radius:100px;background:var(--background-card-slider-button, #262629);color:var(--card-color-slider-button, #fff);display:none}@media only screen and (min-width:768px){.t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center;bottom:1.6rem;left:5.6rem}}@media only screen and (min-width:1200px){.t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:9.6rem}}.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:12.4rem}@media only screen and (min-width:768px){.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:10rem}}@media only screen and (min-width:1200px){.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:14rem}}.USkiwhMhetE-\\+ZBcVGai\\+g\\=\\={background:var(--disabled-background-card-slider-button, #dedede);color:var(--disabled-color-card-slider-button, #262629)}.p\\+2k1Y1kjZBFTF9EG2T4ug\\=\\={left:1%;bottom:4rem}@media only screen and (min-width:1200px){.p\\+2k1Y1kjZBFTF9EG2T4ug\\=\\={left:15%}}.QcGQHZFB\\+FiNwtZLxPevlg\\=\\={left:calc(1% + 4.5rem);bottom:4rem}@media only screen and (min-width:1200px){.QcGQHZFB\\+FiNwtZLxPevlg\\=\\={left:calc(15% + 4.5rem)}}.NA0My7vDm\\+O0PSochoshCg\\=\\=,.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={bottom:auto}@media only screen and (min-width:768px)and (max-width:991px){.NA0My7vDm\\+O0PSochoshCg\\=\\=,.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={top:4.8rem}}@media only screen and (min-width:992px){.NA0My7vDm\\+O0PSochoshCg\\=\\=,.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={top:6.4rem}}.NA0My7vDm\\+O0PSochoshCg\\=\\={left:auto;right:8rem}@media only screen and (min-width:768px)and (max-width:991px){.NA0My7vDm\\+O0PSochoshCg\\=\\={right:4.3rem}}.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={left:auto;right:12.8rem}@media only screen and (min-width:768px)and (max-width:991px){.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={right:9.1rem}}","",{version:3,sources:["webpack://./src/components/organisms/cards/template-two/buttons/buttons.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,yDAEE,iBAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CACA,wDAAA,CACA,2CAAA,CACA,YAAA,CC6BA,yCDtCF,yDEPE,YAAA,CACA,qBFkB0B,CEzB1B,YAAA,CACA,kBFyBsB,CExBtB,sBFwB8B,CAE5B,aAAA,CACA,WAAA,CAAA,CCsBF,0CDtCF,yDAoBI,WAAA,CAAA,CAIJ,6BACE,YAAA,CCaA,yCDdF,6BAII,UAAA,CAAA,CCUF,0CDdF,6BAQI,UAAA,CAAA,CAIJ,8BACE,iEAAA,CACA,uDAAA,CAGF,6BACE,OAAA,CACA,WAAA,CCLA,0CDGF,6BAKI,QAAA,CAAA,CAIJ,6BACE,sBAAA,CACA,WAAA,CCdA,0CDYF,6BAKI,uBAAA,CAAA,CAIJ,4DAEE,WAAA,CCTA,8DDOF,4DAKI,UAAA,CAAA,CC1BF,yCDqBF,4DASI,UAAA,CAAA,CAIJ,6BACE,SAAA,CACA,UAAA,CCtBA,8DDoBF,6BAKI,YAAA,CAAA,CAIJ,+BACE,SAAA,CACA,aAAA,CC/BA,8DD6BF,+BAKI,YAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.buttLeft,\n.buttRight {\n  position: absolute;\n  right: 1rem;\n  width: 4rem;\n  height: 4rem;\n  border-radius: 100px;\n  background: var(--background-card-slider-button, #262629);\n  color: var(--card-color-slider-button, #fff);\n  display: none;\n\n  @include min(tablet) {\n    @include flex-direction(column);\n    @include flex-align(center, center);\n\n    bottom: 1.6rem;\n    left: 5.6rem;\n  }\n\n  @include min(desktop) {\n    left: 9.6rem;\n  }\n}\n\n.buttRight {\n  left: 12.4rem;\n\n  @include min(tablet) {\n    left: 10rem;\n  }\n\n  @include min(desktop) {\n    left: 14rem;\n  }\n}\n\n.disabled {\n  background: var(--disabled-background-card-slider-button, #dedede);\n  color: var(--disabled-color-card-slider-button, #262629);\n}\n\n.nointroButtLeft {\n  left: 1%;\n  bottom: 4rem;\n\n  @include min(desktop) {\n    left: 15%;\n  }\n}\n\n.nointroButtRight {\n  left: calc(1% + 4.5rem);\n  bottom: 4rem;\n\n  @include min(desktop) {\n    left: calc(15% + 4.5rem);\n  }\n}\n\n.buttRightTempThree,\n.buttLeftTempThree {\n  bottom: auto;\n\n  @include min-max(tablet, tablet) {\n    top: 4.8rem;\n  }\n\n  @include min(laptop) {\n    top: 6.4rem;\n  }\n}\n\n.buttRightTempThree {\n  left: auto;\n  right: 8rem;\n\n  @include min-max(tablet, tablet) {\n    right: 4.3rem;\n  }\n}\n\n.buttLeftTempThree {\n  left: auto;\n  right: 12.8rem;\n\n  @include min-max(tablet, tablet) {\n    right: 9.1rem;\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","@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={buttLeft:"t9WQSmM3mUd6SeVyIIvv4w==",buttRight:"mxIeQkDDTmWq5ppQpOY+cw==",disabled:"USkiwhMhetE-+ZBcVGai+g==",nointroButtLeft:"p+2k1Y1kjZBFTF9EG2T4ug==",nointroButtRight:"QcGQHZFB+FiNwtZLxPevlg==",buttRightTempThree:"NA0My7vDm+O0PSochoshCg==",buttLeftTempThree:"+W4Rzsutpy0yl+U1ZH+FMg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../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/organisms/cards/template-two/template-two.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,".hpu9HRNqO9E\\+AfruCgwLxA\\=\\={position:relative}","",{version:3,sources:["webpack://./src/components/organisms/cards/template-two/template-two.module.scss"],names:[],mappings:"AAeA,6BACE,iBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n\n.container {\n  position: relative;\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"hpu9HRNqO9E+AfruCgwLxA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/591.8443d5a0.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[591],{"./src/components/organisms/cards/template-one/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>template_one});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),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),cards=__webpack_require__("./src/helpers/cards.js"),card_button=__webpack_require__("./src/components/atoms/admin/card/button/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),cards_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/organisms/cards/template-one/cards.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(cards_module.A,options);const template_one_cards_module=cards_module.A.locals||{};var default_card=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/cards/default-card/index.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),Cards=function(_ref){var module=_ref.module,page=_ref.page,modulePosition=_ref.modulePosition,CustomCardComponent=(0,cards.X)((null==module?void 0:module.model_type)||(null==module?void 0:module.cards_page_type),null==page?void 0:page.template),admin=((0,react.useContext)(MainProvider.o)||{}).admin;return react.createElement("div",{className:template_one_cards_module.cardsContainer},module.items&&module.items.map((function(item,index){return CustomCardComponent?react.createElement(react.Suspense,{key:(0,keygen.A)(),fallback:react.createElement(react.Fragment,null)},admin?react.createElement("div",{className:template_one_cards_module.container},react.createElement(card_button.A,{item}),react.createElement(CustomCardComponent,{key:(0,keygen.A)(),featured:"featured"===module.style,item,type:item.type,number:index+1,page,modulePosition,itemPosition:index+1})):react.createElement(CustomCardComponent,{key:(0,keygen.A)(),featured:"featured"===module.style,item,type:item.type,number:index+1,page,modulePosition,itemPosition:index+1})):react.createElement(default_card.A,{key:(0,keygen.A)(),item,modulePosition,itemPosition:index+1})})))};Cards.displayName="Cards",Cards.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),featured_index:prop_types_default().number,style:prop_types_default().string,cards_page_type:prop_types_default().string,model_type:prop_types_default().string}).isRequired,page:prop_types_default().shape({template:prop_types_default().string}),modulePosition:prop_types_default().number},Cards.__docgenInfo={description:"",methods:[],displayName:"Cards",props:{module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},featured_index:{name:"number",required:!1},style:{name:"string",required:!1},cards_page_type:{name:"string",required:!1},model_type:{name:"string",required:!1}}},required:!0},page:{description:"",type:{name:"shape",value:{template:{name:"string",required:!1}}},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const template_one=Cards;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-one/index.js"]={name:"Cards",docgenInfo:Cards.__docgenInfo,path:"src/components/organisms/cards/template-one/index.js"})},"./src/helpers/cards.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getCard});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/react/index.js");function getCard(type){var pageType=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";switch(type){case"operator":return"eeat"===pageType?(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/template-five/index.js"))})):(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/template-one/index.js"))}));case"game":return"eeat"===pageType?(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-cards/template-six/index.js"))})):(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-cards/template-one/index.js"))}));case"payment_method":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/payment-method/template-one/index.js"))}));case"software_provider":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return __webpack_require__.e(679).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/software-provider-card/index.js"))}));case"article":case"page":default:return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/article-card/template-one/index.js"))}));case"author":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/author/template-one/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/organisms/cards/template-one/cards.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,".wC6VA3-\\+ateFqcJC\\+LQl7Q\\=\\={display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem .8rem}@media only screen and (min-width:768px){.wC6VA3-\\+ateFqcJC\\+LQl7Q\\=\\={grid-template-columns:repeat(2, minmax(0, 1fr))}}@media only screen and (min-width:1200px){.wC6VA3-\\+ateFqcJC\\+LQl7Q\\=\\={grid-template-columns:repeat(3, minmax(0, 1fr))}}@media only screen and (min-width:1200px){.wC6VA3-\\+ateFqcJC\\+LQl7Q\\=\\={column-gap:1.6rem}}.wC6VA3-\\+ateFqcJC\\+LQl7Q\\=\\=>div{margin:.4rem 0}@media only screen and (min-width:1200px){.wC6VA3-\\+ateFqcJC\\+LQl7Q\\=\\=>div{margin:.8rem 0}}.vxxXIFTkYLbVuFW51ijxwg\\=\\={position:relative}","",{version:3,sources:["webpack://./src/components/organisms/cards/template-one/cards.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,8BACE,YAAA,CACA,+CAAA,CAUA,cAAA,CC0BA,yCDtCF,8BAKI,+CAAA,CAAA,CCiCF,0CDtCF,8BASI,+CAAA,CAAA,CC6BF,0CDtCF,8BAeI,iBAAA,CAAA,CAGF,kCACE,cAAA,CCmBF,0CDpBA,kCAII,cAAA,CAAA,CAKN,4BACE,iBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.cardsContainer {\n  display: grid;\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n\n  @include min(tablet) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  @include min(desktop) {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  gap: 1rem 0.8rem;\n\n  @include min(desktop) {\n    column-gap: 1.6rem;\n  }\n\n  > div {\n    margin: 0.4rem 0;\n\n    @include min(desktop) {\n      margin: 0.8rem 0;\n    }\n  }\n}\n\n.container {\n  position: relative;\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={cardsContainer:"wC6VA3-+ateFqcJC+LQl7Q==",container:"vxxXIFTkYLbVuFW51ijxwg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/693.99b1fa25.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[693],{"./src/components/organisms/cards/template-two/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>template_two});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),scroll_x=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/scroll-x/index.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),card_button=__webpack_require__("./src/components/atoms/admin/card/button/index.js"),cards=__webpack_require__("./src/helpers/cards.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),CustomCardComponent=(0,react.memo)((function(_ref){var module=_ref.module,item=_ref.item,page=_ref.page,index=_ref.index,_ref$template=_ref.template,template=void 0===_ref$template?"template_five":_ref$template,modulePosition=_ref.modulePosition,itemPosition=_ref.itemPosition,Compo=(0,cards.X)(module.model_type||module.cards_page_type,template);return react.createElement(react.Suspense,{fallback:react.createElement(react.Fragment,null)},react.createElement(Compo,{key:(0,keygen.A)(),featured:"featured"===module.style,item,type:item.type,number:index+1,page,modulePosition,itemPosition}))}));CustomCardComponent.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),style:prop_types_default().string,model_type:prop_types_default().string,cards_page_type:prop_types_default().string}),item:prop_types_default().shape({type:prop_types_default().string}),index:prop_types_default().number,template:prop_types_default().string,modulePosition:prop_types_default().number,itemPosition:prop_types_default().number};const template_two_item=CustomCardComponent;var injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),template_two_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/organisms/cards/template-two/template-two.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(template_two_module.A,options);const template_two_template_two_module=template_two_module.A.locals||{};var IoIosArrowBack=__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowBack.js"),IoIosArrowForward=__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowForward.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),buttons_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/organisms/cards/template-two/buttons/buttons.module.scss"),buttons_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(buttons_module.A,buttons_module_options);const buttons_buttons_module=buttons_module.A.locals||{};var Buttons=function(_ref){var scrollX=_ref.scrollX,noModuleIntro=_ref.noModuleIntro,scrollEnd=_ref.scrollEnd,scroll=_ref.scroll,templateThree=_ref.templateThree;return react.createElement(react.Fragment,null,react.createElement("button",{className:`${buttons_buttons_module.buttLeft} ${noModuleIntro?buttons_buttons_module.nointroButtLeft:""} ${scrollX<=0?buttons_buttons_module.disabled:""} ${templateThree?buttons_buttons_module.buttLeftTempThree:""}`,onClick:function(){return scroll(-200)},type:"button","aria-label":(0,useTranslate.A)("ariaLabel-carouselBtnLeft","carouselBtnLeft")},react.createElement(IoIosArrowBack.m,null)),react.createElement("button",{className:`${buttons_buttons_module.buttRight} ${noModuleIntro?buttons_buttons_module.nointroButtRight:""} ${scrollEnd?buttons_buttons_module.disabled:""} ${templateThree?buttons_buttons_module.buttRightTempThree:""}`,onClick:function(){return scroll(200)},type:"button","aria-label":(0,useTranslate.A)("ariaLabel-carouselBtnRight","carouselBtnRight")},react.createElement(IoIosArrowForward.O,null)))};Buttons.propTypes={scrollX:prop_types_default().number,noModuleIntro:prop_types_default().bool,scrollEnd:prop_types_default().bool,scroll:prop_types_default().func,templateThree:prop_types_default().bool},Buttons.__docgenInfo={description:"",methods:[],displayName:"Buttons",props:{scrollX:{description:"",type:{name:"number"},required:!1},noModuleIntro:{description:"",type:{name:"bool"},required:!1},scrollEnd:{description:"",type:{name:"bool"},required:!1},scroll:{description:"",type:{name:"func"},required:!1},templateThree:{description:"",type:{name:"bool"},required:!1}}};const buttons=Buttons;function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-two/buttons/index.js"]={name:"Buttons",docgenInfo:Buttons.__docgenInfo,path:"src/components/organisms/cards/template-two/buttons/index.js"});var CustomCarousel=function(_ref){var page=_ref.page,module=_ref.module,noModuleIntro=_ref.noModuleIntro,modulePosition=_ref.modulePosition,templateThree=_ref.templateThree,container=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(0),2),scrollX=_useState2[0],setScrollX=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),scrollEnd=_useState4[0],setScrollEnd=_useState4[1],_useState6=_slicedToArray((0,react.useState)(!1),2),showButtons=_useState6[0],setShowButtons=_useState6[1],admin=((0,react.useContext)(MainProvider.o)||{}).admin,updateButtons=function(shift){setScrollEnd(Math.floor(container.current.scrollWidth-(container.current.scrollLeft+shift))<=container.current.offsetWidth)};return(0,react.useEffect)((function(){var timer=setTimeout((function(){setShowButtons(container.current.scrollWidth>container.current.offsetWidth)}),500);return function(){return clearTimeout(timer)}}),[]),react.createElement(scroll_x.A,{refTag:container,scroll:!0,stopScrolling:function(){return setScrollX(container.current.scrollLeft),void updateButtons(0)},onScroll:function(scrollLeft){updateButtons(0),setScrollX(scrollLeft)}},react.createElement("div",{ref:container},module.items&&module.items.map((function(item,index){return admin?react.createElement("div",{key:index,className:template_two_template_two_module.container},react.createElement(card_button.A,{item}),react.createElement(template_two_item,{key:index,index,item,page,module,modulePosition,itemPosition:index+1})):react.createElement(template_two_item,{key:index,index,item,page,module,modulePosition,itemPosition:index+1})})),showButtons&&react.createElement(buttons,{scroll:function(shift){container.current.scrollTo({left:container.current.scrollLeft+shift,behavior:"smooth"}),updateButtons(shift),setScrollX(scrollX+shift)},noModuleIntro,scrollX,scrollEnd,templateThree})))};CustomCarousel.displayName="CustomCarousel",CustomCarousel.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),style:prop_types_default().string}).isRequired,noModuleIntro:prop_types_default().bool,modulePosition:prop_types_default().number,templateThree:prop_types_default().bool},CustomCarousel.__docgenInfo={description:"",methods:[],displayName:"CustomCarousel",props:{page:{description:"",type:{name:"shape",value:{}},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},style:{name:"string",required:!1}}},required:!0},noModuleIntro:{description:"",type:{name:"bool"},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1},templateThree:{description:"",type:{name:"bool"},required:!1}}};const template_two=CustomCarousel;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-two/index.js"]={name:"CustomCarousel",docgenInfo:CustomCarousel.__docgenInfo,path:"src/components/organisms/cards/template-two/index.js"})},"./src/helpers/cards.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getCard});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/react/index.js");function getCard(type){var pageType=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";switch(type){case"operator":return"eeat"===pageType?(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/template-five/index.js"))})):(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/template-one/index.js"))}));case"game":return"eeat"===pageType?(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-cards/template-six/index.js"))})):(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-cards/template-one/index.js"))}));case"payment_method":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/payment-method/template-one/index.js"))}));case"software_provider":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return __webpack_require__.e(679).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/software-provider-card/index.js"))}));case"article":case"page":default:return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/article-card/template-one/index.js"))}));case"author":return(0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/author/template-one/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/organisms/cards/template-two/buttons/buttons.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,".t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={position:absolute;right:1rem;width:4rem;height:4rem;border-radius:100px;background:var(--background-card-slider-button, #262629);color:var(--card-color-slider-button, #fff);display:none}@media only screen and (min-width:768px){.t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center;bottom:1.6rem;left:5.6rem}}@media only screen and (min-width:1200px){.t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:9.6rem}}.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:12.4rem}@media only screen and (min-width:768px){.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:10rem}}@media only screen and (min-width:1200px){.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:14rem}}.USkiwhMhetE-\\+ZBcVGai\\+g\\=\\={background:var(--disabled-background-card-slider-button, #dedede);color:var(--disabled-color-card-slider-button, #262629)}.p\\+2k1Y1kjZBFTF9EG2T4ug\\=\\={left:1%;bottom:4rem}@media only screen and (min-width:1200px){.p\\+2k1Y1kjZBFTF9EG2T4ug\\=\\={left:15%}}.QcGQHZFB\\+FiNwtZLxPevlg\\=\\={left:calc(1% + 4.5rem);bottom:4rem}@media only screen and (min-width:1200px){.QcGQHZFB\\+FiNwtZLxPevlg\\=\\={left:calc(15% + 4.5rem)}}.NA0My7vDm\\+O0PSochoshCg\\=\\=,.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={bottom:auto}@media only screen and (min-width:768px)and (max-width:991px){.NA0My7vDm\\+O0PSochoshCg\\=\\=,.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={top:4.8rem}}@media only screen and (min-width:992px){.NA0My7vDm\\+O0PSochoshCg\\=\\=,.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={top:6.4rem}}.NA0My7vDm\\+O0PSochoshCg\\=\\={left:auto;right:8rem}@media only screen and (min-width:768px)and (max-width:991px){.NA0My7vDm\\+O0PSochoshCg\\=\\={right:4.3rem}}.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={left:auto;right:12.8rem}@media only screen and (min-width:768px)and (max-width:991px){.\\+W4Rzsutpy0yl\\+U1ZH\\+FMg\\=\\={right:9.1rem}}","",{version:3,sources:["webpack://./src/components/organisms/cards/template-two/buttons/buttons.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,yDAEE,iBAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CACA,wDAAA,CACA,2CAAA,CACA,YAAA,CC6BA,yCDtCF,yDEPE,YAAA,CACA,qBFkB0B,CEzB1B,YAAA,CACA,kBFyBsB,CExBtB,sBFwB8B,CAE5B,aAAA,CACA,WAAA,CAAA,CCsBF,0CDtCF,yDAoBI,WAAA,CAAA,CAIJ,6BACE,YAAA,CCaA,yCDdF,6BAII,UAAA,CAAA,CCUF,0CDdF,6BAQI,UAAA,CAAA,CAIJ,8BACE,iEAAA,CACA,uDAAA,CAGF,6BACE,OAAA,CACA,WAAA,CCLA,0CDGF,6BAKI,QAAA,CAAA,CAIJ,6BACE,sBAAA,CACA,WAAA,CCdA,0CDYF,6BAKI,uBAAA,CAAA,CAIJ,4DAEE,WAAA,CCTA,8DDOF,4DAKI,UAAA,CAAA,CC1BF,yCDqBF,4DASI,UAAA,CAAA,CAIJ,6BACE,SAAA,CACA,UAAA,CCtBA,8DDoBF,6BAKI,YAAA,CAAA,CAIJ,+BACE,SAAA,CACA,aAAA,CC/BA,8DD6BF,+BAKI,YAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.buttLeft,\n.buttRight {\n  position: absolute;\n  right: 1rem;\n  width: 4rem;\n  height: 4rem;\n  border-radius: 100px;\n  background: var(--background-card-slider-button, #262629);\n  color: var(--card-color-slider-button, #fff);\n  display: none;\n\n  @include min(tablet) {\n    @include flex-direction(column);\n    @include flex-align(center, center);\n\n    bottom: 1.6rem;\n    left: 5.6rem;\n  }\n\n  @include min(desktop) {\n    left: 9.6rem;\n  }\n}\n\n.buttRight {\n  left: 12.4rem;\n\n  @include min(tablet) {\n    left: 10rem;\n  }\n\n  @include min(desktop) {\n    left: 14rem;\n  }\n}\n\n.disabled {\n  background: var(--disabled-background-card-slider-button, #dedede);\n  color: var(--disabled-color-card-slider-button, #262629);\n}\n\n.nointroButtLeft {\n  left: 1%;\n  bottom: 4rem;\n\n  @include min(desktop) {\n    left: 15%;\n  }\n}\n\n.nointroButtRight {\n  left: calc(1% + 4.5rem);\n  bottom: 4rem;\n\n  @include min(desktop) {\n    left: calc(15% + 4.5rem);\n  }\n}\n\n.buttRightTempThree,\n.buttLeftTempThree {\n  bottom: auto;\n\n  @include min-max(tablet, tablet) {\n    top: 4.8rem;\n  }\n\n  @include min(laptop) {\n    top: 6.4rem;\n  }\n}\n\n.buttRightTempThree {\n  left: auto;\n  right: 8rem;\n\n  @include min-max(tablet, tablet) {\n    right: 4.3rem;\n  }\n}\n\n.buttLeftTempThree {\n  left: auto;\n  right: 12.8rem;\n\n  @include min-max(tablet, tablet) {\n    right: 9.1rem;\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","@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={buttLeft:"t9WQSmM3mUd6SeVyIIvv4w==",buttRight:"mxIeQkDDTmWq5ppQpOY+cw==",disabled:"USkiwhMhetE-+ZBcVGai+g==",nointroButtLeft:"p+2k1Y1kjZBFTF9EG2T4ug==",nointroButtRight:"QcGQHZFB+FiNwtZLxPevlg==",buttRightTempThree:"NA0My7vDm+O0PSochoshCg==",buttLeftTempThree:"+W4Rzsutpy0yl+U1ZH+FMg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../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/organisms/cards/template-two/template-two.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,".hpu9HRNqO9E\\+AfruCgwLxA\\=\\={position:relative}","",{version:3,sources:["webpack://./src/components/organisms/cards/template-two/template-two.module.scss"],names:[],mappings:"AAeA,6BACE,iBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n\n.container {\n  position: relative;\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"hpu9HRNqO9E+AfruCgwLxA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/iframe.html

@@ -361,4 +361,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.d6077abf.iframe.bundle.js"></script><script src="384.a9a01379.iframe.bundle.js"></script><script src="main.7326bf32.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.da64157a.iframe.bundle.js"></script><script src="384.a9a01379.iframe.bundle.js"></script><script src="main.d93776b2.iframe.bundle.js"></script></body></html>