gatsby-matrix-theme 53.2.51 → 53.2.52

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 (15) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/package.json +2 -2
  3. package/src/components/atoms/cards/game-cards/template-six/index.js +16 -10
  4. package/src/components/atoms/cards/game-cards/template-six/template-six.module.scss +27 -7
  5. package/src/components/atoms/cards/operator-card/template-five/index.js +11 -9
  6. package/src/components/atoms/cards/operator-card/template-five/template-five.module.scss +12 -7
  7. package/storybook/public/{384.a9a01379.iframe.bundle.js → 384.2422e5cb.iframe.bundle.js} +3 -3
  8. package/storybook/public/{384.a9a01379.iframe.bundle.js.map → 384.2422e5cb.iframe.bundle.js.map} +1 -1
  9. package/storybook/public/995.aa537254.iframe.bundle.js +1 -0
  10. package/storybook/public/iframe.html +1 -1
  11. package/storybook/public/{main.d93776b2.iframe.bundle.js → main.946ae844.iframe.bundle.js} +1 -1
  12. package/storybook/public/project.json +1 -1
  13. package/storybook/public/{runtime~main.da64157a.iframe.bundle.js → runtime~main.2f98940b.iframe.bundle.js} +1 -1
  14. package/storybook/public/995.8edb93dd.iframe.bundle.js +0 -1
  15. /package/storybook/public/{384.a9a01379.iframe.bundle.js.LICENSE.txt → 384.2422e5cb.iframe.bundle.js.LICENSE.txt} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ ## [53.2.52](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.2.51...v53.2.52) (2025-09-26)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * card styles ([203880d](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/203880ddcfe11f801084dd9b6369c75894dd32f9))
7
+ * change author color ([02f82a1](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/02f82a128d3021b8f0191ff21b5701c7556a260c))
8
+ * operator card ([6701d31](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/6701d318e538a794f0e451eb27a1aea0953dd303))
9
+ * remove author as links ([486aa94](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/486aa94180abcb1672c5c7b3b8a6fd47653c20f5))
10
+ * update theme ([4e0592a](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/4e0592a15b7c1c226af592c7455c2a1b42c19508))
11
+
12
+
13
+ * Merge branch 'en-55-style-cards' into 'master' ([7380d67](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/7380d6756fd8ddee2b956f040c4fb4e72072ccf5))
14
+ * Merge branch 'en-55-style-cards' into 'master' ([4aa8186](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/4aa81869215ddfe6ae1371cb33926ee55a2af2f6))
15
+
1
16
  ## [53.2.51](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.2.50...v53.2.51) (2025-09-16)
2
17
 
3
18
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-matrix-theme",
3
- "version": "53.2.51",
3
+ "version": "53.2.52",
4
4
  "main": "index.js",
5
5
  "description": "Matrix Theme NPM Package",
6
6
  "author": "",
@@ -25,7 +25,7 @@
25
25
  "dependencies": {
26
26
  "@react-icons/all-files": "^4.1.0",
27
27
  "gatsby": "^5.11.0",
28
- "gatsby-core-theme": "44.4.57",
28
+ "gatsby-core-theme": "44.4.58",
29
29
  "gatsby-plugin-sharp": "^5.11.0",
30
30
  "gatsby-transformer-sharp": "^5.11.0",
31
31
  "gatsby-plugin-sitemap": "^6.13.1",
package/src/components/atoms/cards/game-cards/template-six/index.js CHANGED
@@ -15,10 +15,10 @@ const TemplateSix = ({
15
15
  width = 277,
16
16
  height = 140,
17
17
  showDate = false,
18
- showAuthorAsLink = true,
18
+ showAuthorAsLink = false,
19
19
  verifyIcon = '',
20
20
  showImageAsLink = false,
21
- showByLabel = false
21
+ showByLabel = false,
22
22
  }) => {
23
23
  const { title, path, relation, author } = item;
24
24
  const date = item?.updated_at || item?.created_at;
@@ -33,7 +33,11 @@ const TemplateSix = ({
33
33
  width={width}
34
34
  height={height}
35
35
  defaultImg={defaultImg}
36
- src={relation ? imagePrettyUrl(relation?.logo?.filename, width, height) : undefined}
36
+ src={
37
+ relation?.logo?.filename
38
+ ? imagePrettyUrl(relation?.logo?.filename, width, height)
39
+ : undefined
40
+ }
37
41
  alt={title}
38
42
  />
39
43
  );
@@ -46,18 +50,20 @@ const TemplateSix = ({
46
50
  aria-label={useTranslate(`ariaLabel-${title}Link`, `${title} Link`)}
47
51
  >
48
52
  {imageElement}
53
+ {imageElement}
49
54
  </Link>
50
55
  ) : (
51
- <div className={styles.image || ''}>{imageElement}</div>
56
+ <div className={styles.image || ''}>
57
+ {imageElement}
58
+ {imageElement}
59
+ </div>
52
60
  )}
53
61
  <>
54
62
  <Link to={path} className={styles?.cardTitle || ''}>
55
63
  {title}
56
64
  </Link>
57
65
  {typeof author === 'object' && (
58
- <div
59
- className={styles?.showAuthorOnOneLine}
60
- >
66
+ <div className={styles?.showAuthorOnOneLine}>
61
67
  {!!author?.image && (
62
68
  <div className={styles.authorImages}>
63
69
  <LazyImage
@@ -101,8 +107,8 @@ TemplateSix.propTypes = {
101
107
  }),
102
108
  relation: PropTypes.shape({
103
109
  logo: PropTypes.shape({
104
- filename: PropTypes.string
105
- })
110
+ filename: PropTypes.string,
111
+ }),
106
112
  }),
107
113
  title: PropTypes.string,
108
114
  updated_at: PropTypes.string,
@@ -117,7 +123,7 @@ TemplateSix.propTypes = {
117
123
  showAuthorAsLink: PropTypes.bool,
118
124
  verifyIcon: PropTypes.string,
119
125
  showImageAsLink: PropTypes.bool,
120
- showByLabel: PropTypes.bool
126
+ showByLabel: PropTypes.bool,
121
127
  };
122
128
 
123
129
  export default TemplateSix;
package/src/components/atoms/cards/game-cards/template-six/template-six.module.scss CHANGED
@@ -35,19 +35,36 @@
35
35
 
36
36
  .image {
37
37
  height: 14rem;
38
+ position: relative;
39
+ border: 0.1rem solid #e2e8f0;
40
+ overflow: hidden;
41
+ border-radius: 8px;
38
42
 
39
43
  img {
40
44
  width: 100%;
41
45
  height: 100%;
42
46
  object-fit: cover;
43
- border-radius: 1.2rem;
44
- border: .1rem solid #E2E8F0
47
+ border-radius: 8px;
48
+ filter: blur(2px);
49
+
50
+ &:last-child {
51
+ position: absolute;
52
+ object-fit: fill;
53
+ inset: 10px 0;
54
+ filter: unset;
55
+ border: unset;
56
+ border-radius: 8px;
57
+ margin: auto;
58
+ width: 120px;
59
+ height: 120px;
60
+ }
45
61
  }
46
62
  }
47
63
 
48
64
  .showAuthorOnOneLine {
49
65
  @include flex-align(center, space-between);
50
66
 
67
+ font-weight: 500;
51
68
  font-size: 14px;
52
69
  line-height: 22px;
53
70
  width: 100%;
@@ -67,14 +84,13 @@
67
84
 
68
85
  .cardTitle {
69
86
  padding-top: 1.6rem;
70
- color: var(--heading-base-color) !important;;
87
+ color: var(--heading-base-color) !important;
71
88
  font-size: 2rem;
72
- line-height: 2rem;
89
+ line-height: 28px;
73
90
  margin-bottom: 2.4rem !important;
74
91
  margin-top: 0 !important;
75
92
  text-transform: capitalize;
76
- font-weight: bold
77
-
93
+ font-weight: bold;
78
94
  }
79
95
 
80
96
  .showAuthorBlock {
@@ -130,7 +146,7 @@
130
146
 
131
147
  > a {
132
148
  text-decoration: underline;
133
- color: #000EEE;
149
+ color: #000eee;
134
150
  }
135
151
 
136
152
  > span {
@@ -142,3 +158,7 @@
142
158
  margin-left: auto;
143
159
  }
144
160
  }
161
+
162
+ .authorName {
163
+ margin-left: unset !important;
164
+ }
package/src/components/atoms/cards/operator-card/template-five/index.js CHANGED
@@ -15,10 +15,10 @@ const TemplateFive = ({
15
15
  width = 277,
16
16
  height = 140,
17
17
  showDate = false,
18
- showAuthorAsLink = true,
18
+ showAuthorAsLink = false,
19
19
  verifyIcon = '',
20
20
  showImageAsLink = false,
21
- showByLabel = false
21
+ showByLabel = false,
22
22
  }) => {
23
23
  const { title, path, relation, author } = item;
24
24
  const date = item?.updated_at || item?.created_at;
@@ -33,7 +33,11 @@ const TemplateFive = ({
33
33
  width={width}
34
34
  height={height}
35
35
  defaultImg={defaultImg}
36
- src={relation ? imagePrettyUrl(relation?.logo?.filename, width, height) : undefined}
36
+ src={
37
+ relation?.logo?.filename
38
+ ? imagePrettyUrl(relation?.logo?.filename, width, height)
39
+ : undefined
40
+ }
37
41
  alt={title}
38
42
  />
39
43
  );
@@ -55,9 +59,7 @@ const TemplateFive = ({
55
59
  {title}
56
60
  </Link>
57
61
  {typeof author === 'object' && (
58
- <div
59
- className={styles?.showAuthorOnOneLine}
60
- >
62
+ <div className={styles?.showAuthorOnOneLine}>
61
63
  {!!author?.image && (
62
64
  <div className={styles.authorImages}>
63
65
  <LazyImage
@@ -101,8 +103,8 @@ TemplateFive.propTypes = {
101
103
  }),
102
104
  relation: PropTypes.shape({
103
105
  logo: PropTypes.shape({
104
- filename: PropTypes.string
105
- })
106
+ filename: PropTypes.string,
107
+ }),
106
108
  }),
107
109
  title: PropTypes.string,
108
110
  updated_at: PropTypes.string,
@@ -117,7 +119,7 @@ TemplateFive.propTypes = {
117
119
  showAuthorAsLink: PropTypes.bool,
118
120
  verifyIcon: PropTypes.string,
119
121
  showImageAsLink: PropTypes.bool,
120
- showByLabel: PropTypes.bool
122
+ showByLabel: PropTypes.bool,
121
123
  };
122
124
 
123
125
  export default TemplateFive;
package/src/components/atoms/cards/operator-card/template-five/template-five.module.scss CHANGED
@@ -35,19 +35,21 @@
35
35
 
36
36
  .image {
37
37
  height: 14rem;
38
+ position: relative;
38
39
 
39
40
  img {
40
41
  width: 100%;
41
42
  height: 100%;
42
43
  object-fit: cover;
43
- border-radius: 1.2rem;
44
- border: .1rem solid #E2E8F0
44
+ border-radius: 8px;
45
+ border: 0.1rem solid #e2e8f0;
45
46
  }
46
47
  }
47
48
 
48
49
  .showAuthorOnOneLine {
49
50
  @include flex-align(center, space-between);
50
51
 
52
+ font-weight: 500;
51
53
  font-size: 14px;
52
54
  line-height: 22px;
53
55
  width: 100%;
@@ -67,14 +69,13 @@
67
69
 
68
70
  .cardTitle {
69
71
  padding-top: 1.6rem;
70
- color: var(--heading-base-color) !important;;
72
+ color: var(--heading-base-color) !important;
71
73
  font-size: 2rem;
72
- line-height: 2rem;
74
+ line-height: 28px;
73
75
  margin-bottom: 2.4rem !important;
74
76
  margin-top: 0 !important;
75
77
  text-transform: capitalize;
76
- font-weight: bold
77
-
78
+ font-weight: bold;
78
79
  }
79
80
 
80
81
  .showAuthorBlock {
@@ -130,7 +131,7 @@
130
131
 
131
132
  > a {
132
133
  text-decoration: underline;
133
- color: #000EEE;
134
+ color: #000eee;
134
135
  }
135
136
 
136
137
  > span {
@@ -142,3 +143,7 @@
142
143
  margin-left: auto;
143
144
  }
144
145
  }
146
+
147
+ .authorName {
148
+ margin-left: unset !important;
149
+ }