gatsby-matrix-theme 3.2.27 → 4.0.2

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 (69) hide show
  1. package/CHANGELOG.md +68 -0
  2. package/gatsby-config.js +1 -6
  3. package/package.json +2 -2
  4. package/src/components/atoms/cards/base-card/index.js +1 -1
  5. package/src/components/atoms/cards/operator-card/index.js +19 -23
  6. package/src/components/atoms/cards/operator-card/operator-card.module.scss +23 -49
  7. package/src/components/atoms/cards/payment-method-card/index.js +1 -0
  8. package/src/components/atoms/cards/software-provider-card/index.js +1 -0
  9. package/src/components/atoms/footer/bottom/index.js +1 -10
  10. package/src/components/atoms/footer/top/index.js +1 -10
  11. package/src/components/atoms/table/column/index.js +5 -2
  12. package/src/components/pages/contact-us/index.js +1 -1
  13. package/src/{components/molecules → gatsby-core-theme/components/atoms}/info-grid/index.js +0 -0
  14. package/src/{components/molecules → gatsby-core-theme/components/atoms}/info-grid/info-grid.module.scss +0 -0
  15. package/src/{components/molecules → gatsby-core-theme/components/atoms}/info-grid/info-grid.stories.js +1 -0
  16. package/src/gatsby-core-theme/components/atoms/spotlights/index.js +14 -0
  17. package/src/gatsby-core-theme/components/atoms/spotlights/spotlights-site.module.scss +1 -0
  18. package/src/gatsby-core-theme/components/atoms/spotlights/spotlights-theme.module.scss +101 -0
  19. package/src/gatsby-core-theme/components/molecules/content/content.module.scss +16 -0
  20. package/src/gatsby-core-theme/components/molecules/content/index.js +7 -7
  21. package/src/gatsby-core-theme/components/molecules/footer/footer.module.scss +11 -2
  22. package/src/gatsby-core-theme/components/molecules/footer/index.js +9 -10
  23. package/src/{components → gatsby-core-theme/components}/molecules/header/header.test.js +0 -0
  24. package/src/{components → gatsby-core-theme/components}/molecules/header/index.js +12 -4
  25. package/src/gatsby-core-theme/components/molecules/module/index.js +4 -3
  26. package/src/gatsby-core-theme/components/molecules/module/module.module.scss +3 -0
  27. package/src/gatsby-core-theme/components/molecules/search/index.js +3 -2
  28. package/src/gatsby-core-theme/components/molecules/search/search.module.scss +39 -0
  29. package/src/gatsby-core-theme/components/organisms/anchor/index.js +13 -16
  30. package/src/{components → gatsby-core-theme/components}/organisms/toplist/index.js +1 -1
  31. package/src/{components → gatsby-core-theme/components}/organisms/toplist/list/index.js +0 -0
  32. package/src/{components → gatsby-core-theme/components}/organisms/toplist/list/list.module.scss +0 -0
  33. package/src/gatsby-core-theme/components/pages/body/index.js +7 -4
  34. package/src/gatsby-core-theme/styles/utils/variables/_main.scss +18 -0
  35. package/storybook/public/{0.e515c4bf.iframe.bundle.js → 0.d24a0c90.iframe.bundle.js} +1 -1
  36. package/storybook/public/{10.ff8f20a0.iframe.bundle.js → 10.2522d665.iframe.bundle.js} +1 -1
  37. package/storybook/public/{15.baadf857.iframe.bundle.js → 11.188b4e9c.iframe.bundle.js} +1 -1
  38. package/storybook/public/{16.9d6c22db.iframe.bundle.js → 12.dc60f46f.iframe.bundle.js} +1 -1
  39. package/storybook/public/{5.6967d34e.iframe.bundle.js → 5.d5718771.iframe.bundle.js} +3 -3
  40. package/storybook/public/{5.6967d34e.iframe.bundle.js.LICENSE.txt → 5.d5718771.iframe.bundle.js.LICENSE.txt} +0 -0
  41. package/storybook/public/5.d5718771.iframe.bundle.js.map +1 -0
  42. package/storybook/public/{6.892dc208.iframe.bundle.js → 6.064e5aae.iframe.bundle.js} +1 -1
  43. package/storybook/public/{7.061faab7.iframe.bundle.js → 7.dbd57ff4.iframe.bundle.js} +1 -1
  44. package/storybook/public/{8.fd6b3f00.iframe.bundle.js → 8.deb9a974.iframe.bundle.js} +1 -1
  45. package/storybook/public/{9.f220a5b6.iframe.bundle.js → 9.1c63a217.iframe.bundle.js} +3 -3
  46. package/storybook/public/{9.f220a5b6.iframe.bundle.js.LICENSE.txt → 9.1c63a217.iframe.bundle.js.LICENSE.txt} +0 -0
  47. package/storybook/public/9.1c63a217.iframe.bundle.js.map +1 -0
  48. package/storybook/public/iframe.html +1 -1
  49. package/storybook/public/main.edf8e107.iframe.bundle.js +1 -0
  50. package/storybook/public/runtime~main.c941bf72.iframe.bundle.js +1 -0
  51. package/storybook/public/vendors~main.2ee68090.iframe.bundle.js +7 -0
  52. package/storybook/public/{vendors~main.0a927976.iframe.bundle.js.LICENSE.txt → vendors~main.2ee68090.iframe.bundle.js.LICENSE.txt} +0 -0
  53. package/storybook/public/vendors~main.2ee68090.iframe.bundle.js.map +1 -0
  54. package/src/components/atoms/toplist/heading/heading.module.scss +0 -14
  55. package/src/components/atoms/toplist/heading/index.js +0 -12
  56. package/src/gatsby-core-theme/components/atoms/archive/items/index.js +0 -17
  57. package/src/gatsby-core-theme/components/atoms/menu/items/item/item.module.scss +0 -55
  58. package/src/gatsby-core-theme/components/atoms/spotlights/spotlights.module.scss +0 -99
  59. package/src/gatsby-core-theme/components/organisms/navigation/index.js +0 -134
  60. package/storybook/public/11.a965ed36.iframe.bundle.js +0 -1
  61. package/storybook/public/12.f31f86bb.iframe.bundle.js +0 -1
  62. package/storybook/public/13.c72a573a.iframe.bundle.js +0 -1
  63. package/storybook/public/14.454a253c.iframe.bundle.js +0 -1
  64. package/storybook/public/5.6967d34e.iframe.bundle.js.map +0 -1
  65. package/storybook/public/9.f220a5b6.iframe.bundle.js.map +0 -1
  66. package/storybook/public/main.08905184.iframe.bundle.js +0 -1
  67. package/storybook/public/runtime~main.3d3135a4.iframe.bundle.js +0 -1
  68. package/storybook/public/vendors~main.0a927976.iframe.bundle.js +0 -7
  69. package/storybook/public/vendors~main.0a927976.iframe.bundle.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vendors~main.2ee68090.iframe.bundle.js","sources":[],"mappings":";;;;;A","sourceRoot":""}
@@ -1,14 +0,0 @@
1
- .heading {
2
- display: none;
3
-
4
- @include min(laptop) {
5
- display: grid;
6
- grid-template-columns: 0.5fr 0.7fr 1fr;
7
- padding-bottom: 1rem;
8
-
9
- li {
10
- font-weight: 700;
11
- font-size: 1.8rem;
12
- }
13
- }
14
- }
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import styles from './heading.module.scss'
3
-
4
- export default function Heading() {
5
- return (
6
- <ul className={styles.heading}>
7
- <li>Casino</li>
8
- <li>Bonus</li>
9
- <li>Pros</li>
10
- </ul>
11
- );
12
- }
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
-
4
- // import Cards from '../../../../../components/organisms/cards';
5
- import Cards from 'gatsby-core-theme/src/components/organisms/cards';
6
-
7
- // Test included with archive & cards test
8
- const Items = ({ module, page }) => <Cards module={module} page={page} />;
9
-
10
- Items.propTypes = {
11
- module: PropTypes.shape({
12
- module_title: PropTypes.string,
13
- }).isRequired,
14
- page: PropTypes.shape({}),
15
- };
16
-
17
- export default Items;
@@ -1,55 +0,0 @@
1
- .itemWrapper.dropDownButton {
2
- display: flex;
3
- justify-content: space-between;
4
-
5
- .item {
6
- width: 80%;
7
- }
8
- }
9
-
10
- .item {
11
- padding: 1.5rem 2rem;
12
-
13
- @include custom-min-max(1200, 1260) {
14
- padding: 1.5rem 1.7rem;
15
- }
16
-
17
- &.openedLink {
18
- background-color: var(--primary-hover-color);
19
- }
20
-
21
- img {
22
- width: 1.5rem;
23
- max-height: 1.5rem;
24
- }
25
-
26
- &.inactiveLink {
27
- position: relative;
28
- pointer-events: none;
29
-
30
- @include max(tablet) {
31
- pointer-events: none;
32
- }
33
- }
34
- }
35
-
36
- .dropDownButton button {
37
- width: 20%;
38
- max-width: 75px;
39
- position: relative;
40
- background-color: var(--primary-hover-color);
41
-
42
- &.active {
43
- @include arrow-rotate(0);
44
- }
45
-
46
- &:after {
47
- transition: 0.2s;
48
- @include arrow(var(--nav-icon-color), 1rem, down, false);
49
-
50
- position: absolute;
51
- top: calc(50% - 0.4rem);
52
- left: calc(50% - 1.2rem);
53
- margin-left: 1rem;
54
- }
55
- }
@@ -1,99 +0,0 @@
1
- .spotlightsContainer {
2
- margin: 0 auto;
3
- width: 100%;
4
- max-width: var(--main-container-max);
5
- ul {
6
- display: grid;
7
- grid-template-columns: repeat(1, 1fr);
8
- column-gap: 1rem;
9
- @include min(tablet) {
10
- grid-template-columns: repeat(2, 1fr);
11
- }
12
-
13
- @include min(desktop) {
14
- grid-template-columns: repeat(3, 1fr);
15
- column-gap: 1.6rem;
16
- }
17
- li {
18
- text-align: center;
19
- background-color: var(--color-9);
20
- border: none;
21
- margin-bottom: 1rem;
22
- @include min(desktop) {
23
- margin-bottom: 1.6rem;
24
- }
25
- @include flex-direction(column);
26
- span {
27
- display: block;
28
- }
29
- .itemImage {
30
- width: 100%;
31
- height: 15rem;
32
- img {
33
- width: auto;
34
- height: 100%;
35
- object-fit: cover;
36
- }
37
- }
38
-
39
- .content {
40
- padding: 1rem;
41
- .label {
42
- font-weight: 700;
43
- font-size: 2rem;
44
- color: black;
45
- }
46
- }
47
-
48
- .body {
49
- padding: 0 1rem 1rem 1rem;
50
- }
51
- .text {
52
- font-size: 1.4rem;
53
- color: #777;
54
- }
55
- .readMore {
56
- svg {
57
- display: none;
58
- }
59
- }
60
- }
61
- }
62
- }
63
- .spotlightstext {
64
- width: 100%;
65
- margin: 2rem 0;
66
- font-size: 1.6rem;
67
- }
68
-
69
- .testimonials {
70
- ul {
71
- li {
72
- border: 1px solid #858487;
73
- border-radius: .8rem;
74
- background-color: white;
75
-
76
- .itemImage {
77
- min-height: 17rem;
78
- img {
79
- border-radius: 8rem;
80
- width: 15rem !important;
81
- height: 15rem !important;
82
- }
83
- }
84
-
85
- .subtitle {
86
- width: 50%;
87
- margin: 0 auto;
88
- }
89
-
90
- .title, .subtitle {
91
- font-size: 1.4rem;
92
- }
93
-
94
- .label {
95
- color: var(--primary-color);
96
- }
97
- }
98
- }
99
- }
@@ -1,134 +0,0 @@
1
- import React, { useRef } from 'react';
2
- import PropTypes from 'prop-types';
3
- import NavigationProvider from 'gatsby-core-theme/src/components/organisms/navigation/navigationContext.js';
4
- import styles from 'gatsby-core-theme/src/components/organisms/navigation/navigation.module.scss';
5
- import Link from '~hooks/link';
6
- import Menu from '~molecules/menu';
7
- import SearchForm from '~organisms/search';
8
- import { toggleScroll } from '~helpers/scroll';
9
- import ConditionalWrapper from '~atoms/conditional-wrapper';
10
- import Sticky from '~molecules/sticky';
11
-
12
- const Navigation = ({
13
- section,
14
- logo = '../../../../../images/logo.svg',
15
- logoWidth = 200,
16
- logoHeight = 31,
17
- searchIcon = null,
18
- hasSearch = true,
19
- menu = 'main',
20
- options = {
21
- mobile: {
22
- animation: 'collapse',
23
- closeHandler: null,
24
- stopScrollOnOpen: true,
25
- canOpenAllSubMenus: true,
26
- subMenuDropDownButton: true,
27
- },
28
- desktop: {
29
- orientation: 'horizontal',
30
- },
31
- },
32
- sticky = true,
33
- template,
34
- children,
35
- customStyles,
36
- }) => {
37
- const navRef = useRef(React.createRef());
38
- const showMenu = template !== 'ppc';
39
- const logoPosition = showMenu ? 'space-between' : 'center';
40
-
41
- if (options.mobile.stopScrollOnOpen) toggleScroll('', true);
42
-
43
- const onClickHandler = () => {
44
- if (
45
- typeof window !== 'undefined' &&
46
- window.location.href.replace(window.location.origin, '') === '/'
47
- ) {
48
- window.location.reload();
49
- }
50
- };
51
-
52
- return (
53
- <ConditionalWrapper
54
- condition={sticky}
55
- wrapper={(items) => (
56
- <Sticky position="top" fullWidth showOnScroll={false} className={styles.stickyNav}>
57
- {items}
58
- </Sticky>
59
- )}
60
- >
61
- <nav className={styles.nav} style={{ justifyContent: logoPosition }} ref={navRef}>
62
- <NavigationProvider>
63
- <Link
64
- className={`${styles.logo} main-menu-gtm logo-cta`}
65
- aria-label="Nav Logo"
66
- to="/"
67
- onClick={onClickHandler}
68
- >
69
- <img
70
- alt={process.env.GATSBY_SITE_NAME}
71
- src={logo}
72
- width={logoWidth}
73
- height={logoHeight}
74
- />
75
- </Link>
76
- {showMenu && (
77
- <>
78
- <Menu
79
- section={section}
80
- menu={menu}
81
- options={options}
82
- customStyles={customStyles}
83
- gtmClass="main-menu-gtm"
84
- />
85
- {hasSearch && <SearchForm className={styles.search} searchIcon={searchIcon} />}
86
- </>
87
- )}
88
- </NavigationProvider>
89
- </nav>
90
- {children}
91
- </ConditionalWrapper>
92
- );
93
- };
94
-
95
- Navigation.propTypes = {
96
- template: PropTypes.string,
97
- section: PropTypes.shape({
98
- modules: PropTypes.arrayOf(
99
- PropTypes.shape({
100
- short_code: PropTypes.string,
101
- children: PropTypes.arrayOf(
102
- PropTypes.shape({
103
- title: PropTypes.string,
104
- value: PropTypes.string,
105
- })
106
- ),
107
- })
108
- ),
109
- }).isRequired,
110
- logo: PropTypes.string,
111
- logoWidth: PropTypes.number,
112
- logoHeight: PropTypes.number,
113
- searchIcon: PropTypes.string,
114
- hasSearch: PropTypes.bool,
115
- menu: PropTypes.string,
116
- children: PropTypes.node,
117
- styles: PropTypes.shape({}),
118
- options: PropTypes.shape({
119
- mobile: PropTypes.shape({
120
- animation: PropTypes.string,
121
- closeHandler: PropTypes.func,
122
- stopScrollOnOpen: PropTypes.bool,
123
- canOpenAllSubMenus: PropTypes.bool,
124
- subMenuDropDownButton: PropTypes.bool,
125
- }),
126
- desktop: PropTypes.shape({
127
- orientation: PropTypes.string,
128
- }),
129
- }),
130
- sticky: PropTypes.bool,
131
- customStyles: PropTypes.string,
132
- };
133
-
134
- export default Navigation;
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[11],{1178:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return ArticleHeader}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(2),prop_types__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);function ArticleHeader(_ref){var page=_ref.page;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1",null,page.title)}ArticleHeader.propTypes={page:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({title:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string})},ArticleHeader.__docgenInfo={description:"",methods:[],displayName:"ArticleHeader",props:{page:{type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/header/variants/article/index.js"]={name:"ArticleHeader",docgenInfo:ArticleHeader.__docgenInfo,path:"src/components/molecules/header/variants/article/index.js"})}}]);
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[12],{1181:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return AuthorHeader}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(2),prop_types__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);function AuthorHeader(_ref){var page=_ref.page;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1",null,page.title)}AuthorHeader.propTypes={page:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({title:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string})},AuthorHeader.__docgenInfo={description:"",methods:[],displayName:"AuthorHeader",props:{page:{type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/header/variants/author/index.js"]={name:"AuthorHeader",docgenInfo:AuthorHeader.__docgenInfo,path:"src/components/molecules/header/variants/author/index.js"})}}]);
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[13],{1179:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return OperatorHeader}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(2),prop_types__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);function OperatorHeader(_ref){var operator=_ref.operator;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1",null,operator.name)}OperatorHeader.propTypes={operator:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({name:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string})},OperatorHeader.__docgenInfo={description:"",methods:[],displayName:"OperatorHeader",props:{operator:{type:{name:"shape",value:{name:{name:"string",required:!1}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/header/variants/operator/index.js"]={name:"OperatorHeader",docgenInfo:OperatorHeader.__docgenInfo,path:"src/components/molecules/header/variants/operator/index.js"})}}]);
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[14],{1180:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return SlotHeader}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(2),prop_types__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);function SlotHeader(_ref){var page=_ref.page;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1",null,page.name)}SlotHeader.propTypes={page:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({name:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string})},SlotHeader.__docgenInfo={description:"",methods:[],displayName:"SlotHeader",props:{page:{type:{name:"shape",value:{name:{name:"string",required:!1}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/header/variants/slot/index.js"]={name:"SlotHeader",docgenInfo:SlotHeader.__docgenInfo,path:"src/components/molecules/header/variants/slot/index.js"})}}]);
@@ -1 +0,0 @@
1
- {"version":3,"file":"5.6967d34e.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"9.f220a5b6.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}