gatsby-matrix-theme 37.0.12 → 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.
- package/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/src/components/organisms/cards/index.js +16 -4
- package/src/gatsby-core-theme/components/molecules/module/index.js +1 -8
- package/storybook/public/347.2f1878d3.iframe.bundle.js +1 -0
- package/storybook/public/809.764e8392.iframe.bundle.js +1 -0
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/main.50c501f6.iframe.bundle.js +2 -0
- package/storybook/public/runtime~main.365f0f82.iframe.bundle.js +1 -0
- package/storybook/public/836.659f6c94.iframe.bundle.js +0 -1
- package/storybook/public/main.2724dc52.iframe.bundle.js +0 -2
- package/storybook/public/runtime~main.09121dcd.iframe.bundle.js +0 -1
- /package/storybook/public/{main.2724dc52.iframe.bundle.js.LICENSE.txt → main.50c501f6.iframe.bundle.js.LICENSE.txt} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [37.0.13](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.12...v37.0.13) (2023-11-27)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* cards ([3134b75](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3134b75ac746398d3c99a0e79bedb6ea4b92490f))
|
|
7
|
+
|
|
1
8
|
## [37.0.12](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.11...v37.0.12) (2023-11-27)
|
|
2
9
|
|
|
3
10
|
|
package/package.json
CHANGED
|
@@ -1,16 +1,28 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import
|
|
2
|
+
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
3
|
+
import loadable from '@loadable/component';
|
|
4
4
|
import ModuleIntroduction from './module-introduction';
|
|
5
5
|
|
|
6
6
|
export default function index(props) {
|
|
7
7
|
const { module, page } = props;
|
|
8
8
|
const Component = () => {
|
|
9
9
|
switch (module?.style) {
|
|
10
|
-
case '
|
|
10
|
+
case 'stack_table' && module.cards_page_type === 'operator': {
|
|
11
|
+
const OperatorsTable = loadable(() => import('../../atoms/cards/operators-table'));
|
|
12
|
+
return <OperatorsTable module={module} page={page} />;
|
|
13
|
+
}
|
|
14
|
+
case 'comparison_table' && module.cards_page_type === 'operator': {
|
|
15
|
+
const ComparisonTable = loadable(() => import('../../atoms/cards/comparison-table'));
|
|
16
|
+
return <ComparisonTable module={module} page={page} />;
|
|
17
|
+
}
|
|
18
|
+
case 'template_two': {
|
|
19
|
+
const SrcollLayout = loadable(() => import('./template-two'));
|
|
11
20
|
return <SrcollLayout module={module} page={page} />;
|
|
12
|
-
|
|
21
|
+
}
|
|
22
|
+
default: {
|
|
23
|
+
const GridLayout = loadable(() => import('./template-one'));
|
|
13
24
|
return <GridLayout module={module} page={page} />;
|
|
25
|
+
}
|
|
14
26
|
}
|
|
15
27
|
};
|
|
16
28
|
|
|
@@ -14,7 +14,7 @@ const Modules = ({ module, pageContext, index, exclOperator }) => {
|
|
|
14
14
|
const { page } = pageContext;
|
|
15
15
|
|
|
16
16
|
const GetModuleComponent = (moduleItem) => {
|
|
17
|
-
const { items, name, style
|
|
17
|
+
const { items, name, style } = moduleItem || {};
|
|
18
18
|
switch (name) {
|
|
19
19
|
// Modules
|
|
20
20
|
case 'content':
|
|
@@ -31,13 +31,6 @@ const Modules = ({ module, pageContext, index, exclOperator }) => {
|
|
|
31
31
|
case 'cards':
|
|
32
32
|
return loadable(() => import('../../../../components/organisms/cards'));
|
|
33
33
|
case 'cards_v2':
|
|
34
|
-
if (style === 'stack_table' && cardPageType === 'operator') {
|
|
35
|
-
return loadable(() => import('../../../../components/atoms/cards/operators-table'));
|
|
36
|
-
}
|
|
37
|
-
if (style === 'comparison_table' && cardPageType === 'operator') {
|
|
38
|
-
return loadable(() => import('../../../../components/atoms/cards/comparison-table'));
|
|
39
|
-
}
|
|
40
|
-
|
|
41
34
|
return loadable(() => import('../../../../components/organisms/cards'));
|
|
42
35
|
case 'pros_and_cons':
|
|
43
36
|
return loadable(() => import('gatsby-core-theme/src/components/molecules/pros-cons'));
|
|
@@ -0,0 +1 @@
|
|
|
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___}}]);
|
|
@@ -0,0 +1 @@
|
|
|
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___}}]);
|
|
@@ -361,4 +361,4 @@
|
|
|
361
361
|
|
|
362
362
|
|
|
363
363
|
|
|
364
|
-
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.
|
|
364
|
+
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>
|