npm - gatsby-matrix-theme - Versions diffs - 37.0.11 → 37.0.13 - Mend

gatsby-matrix-theme 37.0.11 → 37.0.13

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

Files changed (19) hide show

package/src/gatsby-core-theme/components/molecules/module/index.js CHANGED Viewed

@@ -10,9 +10,11 @@ import { removeSymbols } from '../../../../helpers/strings';
 import styles from './module.module.scss';
-const Modules = ({ module, page, index, exclOperator }) => {
+const Modules = ({ module, pageContext, index, exclOperator }) => {
+  const { page } = pageContext;
   const GetModuleComponent = (moduleItem) => {
-    const { items, name, style, cards_page_type: cardPageType } = moduleItem || {};
+    const { items, name, style } = moduleItem || {};
     switch (name) {
       // Modules
       case 'content':
@@ -29,13 +31,6 @@ const Modules = ({ module, page, index, exclOperator }) => {
       case 'cards':
         return loadable(() => import('../../../../components/organisms/cards'));
       case 'cards_v2':
-        if (style === 'stack_table' && cardPageType === 'operator') {
-          return loadable(() => import('../../../../components/atoms/cards/operators-table'));
-        }
-        if (style === 'comparison_table' && cardPageType === 'operator') {
-          return loadable(() => import('../../../../components/atoms/cards/comparison-table'));
-        }
         return loadable(() => import('../../../../components/organisms/cards'));
       case 'pros_and_cons':
         return loadable(() => import('gatsby-core-theme/src/components/molecules/pros-cons'));
@@ -198,6 +193,7 @@ const Modules = ({ module, page, index, exclOperator }) => {
         <ModuleComponent
           module={module}
           page={page}
+          pageContext={pageContext}
           noModuleIntro={!ModuleIntro}
           {...extraProps}
           exclOperator={exclOperator}

package/storybook/public/347.2f1878d3.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[347],{"./src/components/organisms/cards/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 index}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.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"),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),FiArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fi/FiArrowRight.js"),strings=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/strings.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styles_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/module-introduction/styles.module.scss"),options={insert:"head",singleton:!1},module_introduction_styles_module=(injectStylesIntoStyleTag_default()(styles_module.Z,options),styles_module.Z.locals||{}),module_title=__webpack_require__("./src/gatsby-core-theme/components/atoms/module-title/index.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),helpers_strings=__webpack_require__("./src/helpers/strings.js"),ModuleIntroduction=function ModuleIntroduction(_ref){var _module$see_more_link,module=_ref.module,anchorLabel=(null==module?void 0:module.anchor_label)&&(0,helpers_strings.t5)((0,strings.CB)(null==module?void 0:module.anchor_label)),ModuleIntro=null!=module&&module.module_introduction?(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/content/index.js"))})):null;return react.createElement("div",{className:ModuleIntro?"":module_introduction_styles_module.noIntroModuleCards},react.createElement(module_title.Z,{module:module,anchorLabel:"archive"===module.name&&anchorLabel,showMoreLink:!ModuleIntro}),ModuleIntro&&react.createElement(ModuleIntro,{isModuleIntroduction:null==module?void 0:module.module_introduction,module:{value:null==module?void 0:module.module_introduction}}),ModuleIntro&&(null===(_module$see_more_link=module.see_more_link)||void 0===_module$see_more_link?void 0:_module$see_more_link.value)&&react.createElement(hooks_link.Z,{to:"/",className:"".concat(module_introduction_styles_module.viewMore||""," module-title-gtm")},module.see_more_link.title,react.createElement(FiArrowRight.R,{title:"Right-pointing Arrow Icon"})))};ModuleIntroduction.displayName="ModuleIntroduction",ModuleIntroduction.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,name:prop_types_default().string.isRequired,module_introduction:prop_types_default().string,see_more_link:prop_types_default().shape({value:prop_types_default().string,title:prop_types_default().string})})},ModuleIntroduction.__docgenInfo={description:"",methods:[],displayName:"ModuleIntroduction",props:{module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},name:{name:"string",required:!0},module_introduction:{name:"string",required:!1},see_more_link:{name:"shape",value:{value:{name:"string",required:!1},title:{name:"string",required:!1}},required:!1}}},required:!1}}};var module_introduction=ModuleIntroduction;function index(props){var module=props.module,page=props.page,Component=function Component(){switch(null==module?void 0:module.style){case"operator"===module.cards_page_type:var OperatorsTable=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(487).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operators-table/index.js"))}));return react.createElement(OperatorsTable,{module:module,page:page});case"operator"===module.cards_page_type:var ComparisonTable=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/comparison-table/index.js"))}));return react.createElement(ComparisonTable,{module:module,page:page});case"template_two":var SrcollLayout=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(809).then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-two/index.js"))}));return react.createElement(SrcollLayout,{module:module,page:page});default:var GridLayout=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-one/index.js"))}));return react.createElement(GridLayout,{module:module,page:page})}};return react.createElement(react.Fragment,null,react.createElement(module_introduction,{module:module}),react.createElement(Component,null))}"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/module-introduction/index.js"]={name:"ModuleIntroduction",docgenInfo:ModuleIntroduction.__docgenInfo,path:"src/components/organisms/cards/module-introduction/index.js"}),index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"src/components/organisms/cards/index.js"})},"../node_modules/@react-icons/all-files/fi/FiArrowRight.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.R=function FiArrowRight(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"line",attr:{x1:"5",y1:"12",x2:"19",y2:"12"}},{tag:"polyline",attr:{points:"12 5 19 12 12 19"}}]})(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/organisms/cards/module-introduction/styles.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,".rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{display:flex;align-items:flex-start;justify-content:space-between;width:100%;flex-direction:column}@media only screen and (min-width:768px){.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{flex-direction:row;align-items:space-between}}.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div a{display:flex;align-items:center;justify-content:space-between}._3fi4PYDoDd7CGQkSUegABg\\=\\={font-size:1.6rem;font-style:normal;font-weight:700;line-height:2.7rem;text-transform:capitalize;display:flex;align-items:center;justify-content:flex-start;color:#165af8;gap:.4rem}._3fi4PYDoDd7CGQkSUegABg\\=\\= svg{margin-top:.2rem}","",{version:3,sources:["webpack://./src/components/organisms/cards/module-introduction/styles.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeI,gCCdF,YAAA,CACA,sBDcwB,CCbxB,6BDaoC,CAChC,UAAA,CACA,qBAAA,CEkCJ,yCFrCE,gCAMI,kBAAA,CACA,yBAAA,CAAA,CAGF,kCCxBJ,YAAA,CACA,kBDwB0B,CCvB1B,6BDuBkC,CAMpC,6BACE,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,yBAAA,CCpCA,YAAA,CACA,kBDoCoB,CCnCpB,0BDmC4B,CAC5B,aAAA,CACA,SAAA,CACA,iCACE,gBAAA",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.noIntroModuleCards {\n > div {\n @include flex-align(flex-start, space-between);\n width: 100%;\n flex-direction: column;\n \n @include min(tablet) {\n flex-direction: row;\n align-items: space-between;\n }\n \n a {\n @include flex-align(center, space-between);\n }\n }\n }\n\n\n.viewMore {\n font-size: 1.6rem;\n font-style: normal;\n font-weight: 700;\n line-height: 2.7rem; \n text-transform: capitalize;\n @include flex-align(center, flex-start);\n color: #165AF8;\n gap: .4rem;\n svg{\n margin-top: .2rem;\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","$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={noIntroModuleCards:"rJsck5V3Vhw9AZjiRqWp6Q==",viewMore:"_3fi4PYDoDd7CGQkSUegABg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/43.e9f1ed32.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[43],{"./src/components/atoms/recommended-operators/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return recommended_operators}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.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),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),template_four=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/bonus-box/template-four/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),operator_details=__webpack_require__("./src/components/molecules/operator-details/index.js"),coupon=__webpack_require__("./src/components/atoms/coupon/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),recommended_operators_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/recommended-operators/recommended-operators.module.scss"),options={insert:"head",singleton:!1},recommended_operators_recommended_operators_module=(injectStylesIntoStyleTag_default()(recommended_operators_module.Z,options),recommended_operators_module.Z.locals||{}),RecommendedOperators=function RecommendedOperators(_ref){var _ref$showCouponCode=_ref.showCouponCode,showCouponCode=void 0!==_ref$showCouponCode&&_ref$showCouponCode,_ref$showRating=_ref.showRating,showRating=void 0!==_ref$showRating&&_ref$showRating,_ref$title=_ref.title,title=void 0===_ref$title?"Recommended Casinos:":_ref$title,_ref$buttonType=_ref.buttonType,buttonType=void 0===_ref$buttonType?"primary":_ref$buttonType,operators=_ref.operators;return react.createElement("div",{className:recommended_operators_recommended_operators_module.reccommendedCasinos},react.createElement("h3",null,title),operators.slice(0,3).map((function(operator){var prettyLink=(0,getters.u4)(operator,"main",!1),couponCode=(0,getters.tp)(operator.extra_fields,"coupon_code");return react.createElement("div",null,react.createElement("a",{href:prettyLink,"aria-label":operator.name,target:"_blank",rel:"nofollow noreferrer sponsored"},react.createElement(operator_details.Z,{showRating:showRating,item:operator,showAuthor:!1,showReviewLink:!1,costumeStyle:recommended_operators_recommended_operators_module.operatorDetails})),react.createElement("div",{className:recommended_operators_recommended_operators_module.operatorBonus},react.createElement(template_four.Z,{item:operator,tracker:"main"})),showCouponCode&&react.createElement(coupon.Z,{code:couponCode}),react.createElement(operator_cta.Z,{operator:operator,tracker:"main",buttonType:buttonType}))})))};RecommendedOperators.displayName="RecommendedOperators",RecommendedOperators.__docgenInfo={description:"",methods:[],displayName:"RecommendedOperators",props:{showCouponCode:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{defaultValue:{value:"'Recommended Casinos:'",computed:!1},description:"",type:{name:"string"},required:!1},buttonType:{defaultValue:{value:"'primary'",computed:!1},description:"",type:{name:"string"},required:!1},operators:{description:"",type:{name:"arrayOf",value:{name:"custom",raw:"[\n PropTypes.shape({\n name: PropTypes.string,\n }),\n]"}},required:!1}}};var recommended_operators=RecommendedOperators;RecommendedOperators.propTypes={showCouponCode:prop_types_default().bool,showRating:prop_types_default().bool,title:prop_types_default().string,buttonType:prop_types_default().string,operators:prop_types_default().arrayOf([prop_types_default().shape({name:prop_types_default().string})])},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/recommended-operators/index.js"]={name:"RecommendedOperators",docgenInfo:RecommendedOperators.__docgenInfo,path:"src/components/atoms/recommended-operators/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/recommended-operators/recommended-operators.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".Ll5iYiC0EgLQOxSl7AGFDw\\=\\={background-color:#fff;padding:.8rem;border-radius:1.6rem;margin-top:1.6rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\={padding:1.6rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{margin-top:0;margin-bottom:.8rem;font-size:1.8rem;font-weight:700}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{font-size:2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{margin-bottom:.8rem;background:#f4f4f4;display:grid;align-items:center;grid-template-columns:4rem 1fr;row-gap:.8rem;border-radius:1.6rem;color:#fff;padding:.8rem;column-gap:.8rem}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{grid-template-columns:1fr 2fr 1fr 1fr}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{grid-template-columns:2fr 3fr 1fr 1fr}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{row-gap:1.6rem;padding:1.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div:last-child{margin-bottom:0}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:first-child .YFPq6uVHdxWOSwwn4n99mQ\\=\\=._00SlTCtj9wYCWT2kxgDxzQ\\=\\={height:4rem;width:4rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:first-child .YFPq6uVHdxWOSwwn4n99mQ\\=\\=._00SlTCtj9wYCWT2kxgDxzQ\\=\\={height:6.4rem;width:auto}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2){width:unset}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span{color:#fff !important;text-decoration:none !important}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span:last-child{color:#ced0dd !important}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div img{border-radius:.8rem;height:100%}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:last-child{padding:.8rem 1.6rem;font-size:1.4rem;font-weight:700;grid-column:1/3}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:last-child{grid-column:auto}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:last-child{padding:.9rem 3rem;width:unset}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={flex-grow:inherit;display:flex;align-items:flex-start;justify-content:center;display:flex;flex-direction:column}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={flex-basis:auto;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;background-color:#fff;min-height:6.4rem;align-items:center;justify-content:center;border-radius:.8rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span{font-weight:700;color:#515156;font-size:1.2rem;line-height:1.8rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span{display:flex;flex-direction:row;font-size:1.4rem;line-height:2.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=){width:100%;grid-column:1/3}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=) button{width:100%}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=){grid-column:auto}}.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:none}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:inline-flex;margin:auto 0}.V55x0PJWd6osa7ZirJjmwA\\=\\= div a{font-size:1.4rem;padding:0 !important}}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:4rem;height:4rem}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a img{width:100%;height:100%}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:6.4rem;height:6.4rem}}","",{version:3,sources:["webpack://./src/components/atoms/recommended-operators/recommended-operators.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,4BACI,qBAAA,CACA,aAAA,CACA,oBAAA,CACA,iBAAA,CCkCF,yCDtCF,4BAOQ,cAAA,CAAA,CAGJ,+BACE,YAAA,CACA,mBAAA,CACA,gBAAA,CACA,eAAA,CCwBJ,yCD5BE,+BAOI,cAAA,CAAA,CAIJ,gCACE,mBAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,8BAAA,CACA,aAAA,CAOA,oBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CCCJ,yCDjBE,gCAQI,qCAAA,CAAA,CCSN,yCDjBE,gCAWI,qCAAA,CAAA,CCMN,yCDjBE,gCAkBI,cAAA,CACA,cAAA,CAAA,CAGF,2CACE,eAAA,CAIA,sGACI,WAAA,CACA,UAAA,CCZV,yCDUM,sGAII,aAAA,CACA,UAAA,CAAA,CAMN,+CACE,WAAA,CACA,oDACE,qBAAA,CACA,+BAAA,CCzBR,yCD2BU,+DACE,wBAAA,CAAA,CAMR,oCACE,mBAAA,CACA,WAAA,CAEF,6CACE,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,eAAA,CC1CN,yCDsCI,6CAMM,gBAAA,CAAA,CC5CV,yCDsCI,6CASM,kBAAA,CACA,WAAA,CAAA,CAKJ,+DACI,iBAAA,CEzGV,YAAA,CACA,sBFyG8B,CExG9B,sBFwG0C,CEpG1C,YAAA,CACA,qBFoGkC,CCxDlC,yCDqDM,+DAKM,eAAA,CACA,WAAA,CE9GZ,YAAA,CACA,kBF8GgC,CE7GhC,0BF6GwC,CAC5B,qBAAA,CAEA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CAAA,CAGF,oEACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CCzEZ,yCDqEU,oEElHV,YAAA,CACA,kBFwHsC,CACxB,gBAAA,CACA,kBAAA,CAAA,CAIR,qEACI,UAAA,CAEA,eAAA,CADA,4EAAA,UAAA,CCpFV,yCDkFM,qEAKQ,gBAAA,CAAA,CAQZ,gCACI,YAAA,CChGN,yCD+FE,gCAGQ,mBAAA,CACA,aAAA,CACA,kCAAA,gBAAA,CAAA,oBAAA,CAAA,CAGR,8BACI,UAAA,CACA,WAAA,CACA,kCACI,UAAA,CACA,WAAA,CC5GV,yCDuGE,8BAQQ,YAAA,CACA,aAAA,CAAA",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.reccommendedCasinos {\n background-color: #fff;\n padding: 0.8rem;\n border-radius: 1.6rem;\n margin-top: 1.6rem;\n\n @include min(tablet){\n padding: 1.6rem;\n }\n\n > h3 {\n margin-top: 0;\n margin-bottom: 0.8rem;\n font-size: 1.8rem;\n font-weight: 700;\n \n @include min(tablet) {\n font-size: 2rem;\n }\n }\n \n > div {\n margin-bottom: 0.8rem;\n background: #f4f4f4;\n display: grid;\n align-items: center;\n grid-template-columns: 4rem 1fr;\n row-gap: 0.8rem;\n @include min(mobile){\n grid-template-columns: 1fr 2fr 1fr 1fr;\n }\n @include min(tablet){\n grid-template-columns: 2fr 3fr 1fr 1fr;\n }\n border-radius: 1.6rem;\n color: #fff;\n padding: 0.8rem;\n column-gap: 0.8rem;\n @include min(tablet) {\n row-gap: 1.6rem;\n padding: 1.2rem;\n }\n \n &:last-child {\n margin-bottom: 0;\n }\n \n a:first-child{\n .Logo.cta{\n height: 4rem;\n width: 4rem;\n @include min(tablet) {\n height: 6.4rem;\n width: auto;\n }\n }\n }\n\n \n a:nth-child(2) {\n width: unset;\n > span{\n color: #fff !important;\n text-decoration: none !important;\n @include min(tablet) {\n &:last-child{\n color: #CED0DD !important;\n }\n }\n }\n }\n \n img {\n border-radius: 0.8rem;\n height: 100%;\n }\n a:last-child {\n padding: 0.8rem 1.6rem;\n font-size: 1.4rem;\n font-weight: 700;\n grid-column: 1/3;\n @include min(mobile){\n grid-column: auto;\n }\n @include min(tablet) {\n padding: 0.9rem 3rem;\n width: unset;\n }\n } \n \n > div {\n &.operatorBonus{\n flex-grow: inherit;\n @include flex-align(flex-start, center);\n @include flex-direction(column);\n @include min(tablet) {\n flex-basis: auto;\n flex-grow: 1;\n @include flex-align(center, flex-start);\n background-color: #fff;\n \n min-height: 6.4rem;\n align-items: center;\n justify-content: center;\n border-radius: 0.8rem;\n }\n \n > span {\n font-weight: 700;\n color: #515156;\n font-size: 1.2rem;\n line-height: 1.8rem;\n \n @include min(tablet) {\n @include flex-direction(row);\n font-size: 1.4rem;\n line-height: 2.2rem;\n }\n }\n }\n &:not(.operatorBonus){\n width: 100%;\n button {width: 100%;}\n grid-column: 1/3;\n @include min(mobile){\n grid-column: auto;\n }\n }\n }\n }\n}\n\n.operatorDetails {\n div{\n display: none;\n @include min(tablet){\n display: inline-flex;\n margin: auto 0;\n a{font-size: 1.4rem; padding: 0 !important;}\n }\n }\n > a {\n width: 4rem;\n height: 4rem;\n img{\n width: 100%;\n height: 100%;\n }\n @include min(tablet){\n width: 6.4rem;\n height: 6.4rem;\n }\n }\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) {\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={reccommendedCasinos:"Ll5iYiC0EgLQOxSl7AGFDw==",Logo:"YFPq6uVHdxWOSwwn4n99mQ==",cta:"_00SlTCtj9wYCWT2kxgDxzQ==",operatorBonus:"HyfWUVyd9IHiwdPpQQeSjg==",operatorDetails:"V55x0PJWd6osa7ZirJjmwA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/809.764e8392.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[809],{"./src/components/organisms/cards/template-two/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 template_two}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__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"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.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),scroll_x=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/scroll-x/index.js"),cards=__webpack_require__("./src/helpers/cards.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),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,Compo=(0,cards.n)(module.model_type||module.cards_page_type,template);return react.createElement(Compo,{key:(0,keygen.Z)(),featured:"featured"===module.style,item:item,type:item.type,number:index+1,page:page})}));CustomCardComponent.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().array,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};var template_two_item=CustomCardComponent,IoIosArrowBack=(__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowBack.js")),IoIosArrowForward=__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowForward.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),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"),options={insert:"head",singleton:!1},buttons_buttons_module=(injectStylesIntoStyleTag_default()(buttons_module.Z,options),buttons_module.Z.locals||{}),Buttons=function Buttons(_ref){var scrollX=_ref.scrollX,noModuleIntro=_ref.noModuleIntro,scrollEnd=_ref.scrollEnd,scroll=_ref.scroll;return react.createElement(react.Fragment,null,react.createElement("button",{className:"".concat(buttons_buttons_module.buttLeft," ").concat(noModuleIntro?buttons_buttons_module.nointroButtLeft:""," ").concat(scrollX<=0?buttons_buttons_module.disabled:""),onClick:function onClick(){return scroll(-200)},type:"button"},react.createElement(IoIosArrowBack.u,null)),react.createElement("button",{className:"".concat(buttons_buttons_module.buttRight," ").concat(noModuleIntro?buttons_buttons_module.nointroButtRight:""," ").concat(scrollEnd?buttons_buttons_module.disabled:""),onClick:function onClick(){return scroll(200)},type:"button"},react.createElement(IoIosArrowForward.h,null)))};Buttons.propTypes={scrollX:prop_types_default().number,noModuleIntro:prop_types_default().bool,scrollEnd:prop_types_default().bool,scroll:prop_types_default().func},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}}};var buttons=Buttons;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}"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 CustomCarousel(_ref){var page=_ref.page,module=_ref.module,noModuleIntro=_ref.noModuleIntro,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],updateButtons=function updateButtons(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.Z,{refTag:container,scroll:!0,stopScrolling:function stopScrolling(){return function onStopScrolling(){setScrollX(container.current.scrollLeft),updateButtons(0)}()},onScroll:function onScroll(scrollLeft){updateButtons(0),setScrollX(scrollLeft)}},react.createElement("div",{ref:container},module.items&&module.items.map((function(item,index){return react.createElement(template_two_item,{key:index,index:index,item:item,page:page,module:module})})),showButtons&&react.createElement(buttons,{scroll:function scroll(shift){container.current.scrollTo({left:container.current.scrollLeft+shift,behavior:"smooth"}),updateButtons(shift),setScrollX(scrollX+shift)},noModuleIntro:noModuleIntro,scrollX:scrollX,scrollEnd:scrollEnd})))};CustomCarousel.displayName="CustomCarousel",CustomCarousel.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),style:prop_types_default().string}).isRequired,noModuleIntro: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:"object"},required:!1},style:{name:"string",required:!1}}},required:!0},noModuleIntro:{description:"",type:{name:"bool"},required:!1}}};var 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"})},"../node_modules/@react-icons/all-files/io/IoIosArrowBack.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.u=function IoIosArrowBack(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z"}}]})(props)}},"../node_modules/@react-icons/all-files/io/IoIosArrowForward.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.h=function IoIosArrowForward(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"}}]})(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/organisms/cards/template-two/buttons/buttons.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,".t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={position:absolute;left:3.8rem;bottom:4rem;width:4rem;height:4rem;border-radius:100px;background:var(--background-card-slider-button, #262629);color:var(--card-color-slider-button, white);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)}}","",{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,WAAA,CACA,WAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CACA,wDAAA,CACA,4CAAA,CACA,YAAA,CC4BA,yCDtCF,yDEPE,YAAA,CACA,qBFmB0B,CE1B1B,YAAA,CACA,kBF0BsB,CEzBtB,sBFyB8B,CAC5B,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",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.buttLeft,\n.buttRight {\n position: absolute;\n left: 3.8rem;\n bottom: 4rem;\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, white);\n display: none;\n\n @include min(tablet) {\n @include flex-direction(column);\n @include flex-align(center, center);\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","$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) {\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={buttLeft:"t9WQSmM3mUd6SeVyIIvv4w==",buttRight:"mxIeQkDDTmWq5ppQpOY+cw==",disabled:"USkiwhMhetE-+ZBcVGai+g==",nointroButtLeft:"p+2k1Y1kjZBFTF9EG2T4ug==",nointroButtRight:"QcGQHZFB+FiNwtZLxPevlg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/iframe.html CHANGED Viewed

@@ -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/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","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"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)$"}];</script><script src="runtime~main.b0842e70.iframe.bundle.js"></script><script src="652.16161342.iframe.bundle.js"></script><script src="main.8d00fdd4.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/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","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"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)$"}];</script><script src="runtime~main.365f0f82.iframe.bundle.js"></script><script src="652.16161342.iframe.bundle.js"></script><script src="main.50c501f6.iframe.bundle.js"></script></body></html>