gatsby-core-theme 30.0.1 → 30.0.3

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 (5) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/gatsby-node.mjs +3 -3
  3. package/package.json +1 -1
  4. package/src/components/atoms/author-box/index.js +13 -9
  5. package/src/components/molecules/pagination/pagination.module.scss +14 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,30 @@
1
+ ## [30.0.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.2...v30.0.3) (2023-09-28)
2
+
3
+
4
+ ### Code Refactoring
5
+
6
+ * add inactive arrow bg colour ([1cf3fef](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1cf3fef8aea64f6391e939690ff18281ad8b73c2))
7
+ * changes to custom icons and defaults ([d1d54f3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d1d54f3727dcc3d3c5e5f8f7ce13b2e9acd55749))
8
+ * remove unwanted icon ([614b2f1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/614b2f1e96133dd2c86aeb28f6032a2a405e6e7e))
9
+ * restore pagination styles ([84d1e4a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/84d1e4a967d136de5b4d130895b9839a75d9e61b))
10
+ * test pagination grid for ios < 14 ([1caa107](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1caa107a011bf00f9d70da1ee134f243f9d26567))
11
+
12
+
13
+ * Merge branch 'tm-3628-author-box' into 'master' ([d984ec8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d984ec8b9c7061ba0e0b70958acd77ffc4e963a4))
14
+ * Merge branch 'tm-3628-author-box' into 'master' ([38682a3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/38682a3541cad9411802db610acc73bd6a4d23f5))
15
+
16
+
17
+ ### Tests
18
+
19
+ * test ios css ([cad3d44](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cad3d44799d355761b8c0805b18c1241b7e46628))
20
+
21
+ ## [30.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.1...v30.0.2) (2023-09-27)
22
+
23
+
24
+ ### Bug Fixes
25
+
26
+ * mulitple market issue for archive pages ([607af71](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/607af713c5ad6cb66716a8b3c83ad882d171ac0c))
27
+
1
28
  ## [30.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.0...v30.0.1) (2023-09-25)
2
29
 
3
30
 
package/gatsby-node.mjs CHANGED
@@ -106,7 +106,7 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
106
106
  createPage({
107
107
  path: page.path,
108
108
  component: `${__dirname}${appName}`,
109
- context: { page, marketSections, prefilledModules, siteInfo, translations },
109
+ context: { page, marketSections, prefilledModules, siteInfo, translations, allMarkets },
110
110
  });
111
111
  });
112
112
  } else {
@@ -115,7 +115,7 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
115
115
  createPage({
116
116
  path: page.path,
117
117
  component: `${__dirname}${appName}`,
118
- context: { page, marketSections, prefilledModules, siteInfo, translations },
118
+ context: { page, marketSections, prefilledModules, siteInfo, translations, allMarkets },
119
119
  });
120
120
  }
121
121
  } else {
@@ -127,7 +127,7 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
127
127
  createPage({
128
128
  path: page.path,
129
129
  component: `${__dirname}${appName}`,
130
- context: { page, marketSections, prefilledModules, siteInfo, translations },
130
+ context: { page, marketSections, prefilledModules, siteInfo, translations, allMarkets },
131
131
  });
132
132
  }
133
133
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-core-theme",
3
- "version": "30.0.1",
3
+ "version": "30.0.3",
4
4
  "description": "Gatsby Theme NPM Package",
5
5
  "author": "",
6
6
  "license": "ISC",
package/src/components/atoms/author-box/index.js CHANGED
@@ -32,18 +32,21 @@ export default function AuthorBox({
32
32
  showReadMore = true,
33
33
  readTimeIcon = <FaClock title="Clock Icon" />,
34
34
  contReadIcon = <FaArrowRight title="Right-pointing Arrow Icon" />,
35
+ socialIcons = {
36
+ facebook: <FaFacebookSquare title="Facebook Icon" />,
37
+ instagram: <FaInstagram title="Instagram Icon" />,
38
+ linkedin: <FaLinkedin title="Linkedin Icon" />,
39
+ twitter: <FaTwitter title="Twitter icon" />,
40
+ tiktok: <IoLogoTiktok title="Tiktok Icon" />,
41
+ },
35
42
  }) {
36
43
  const { translations } = useContext(Context) || {};
37
44
  const socialLinks = [
38
- {
39
- id: 'fb',
40
- link: author?.facebook_profile,
41
- icon: <FaFacebookSquare title="Facebook Icon" />,
42
- },
43
- { id: 'ig', link: author?.instagram_profile, icon: <FaInstagram title="Instagra Icon" /> },
44
- { id: 'li', link: author?.linkedin_profile, icon: <FaLinkedin title="Linkedin Icon" /> },
45
- { id: 'tw', link: author?.twitter_profile, icon: <FaTwitter title="Twitter Icon" /> },
46
- { id: 'tt', link: author?.tik_tok, icon: <IoLogoTiktok title="Tiktok Icon" /> },
45
+ { id: 'fb', link: author?.facebook_profile, icon: socialIcons?.facebook },
46
+ { id: 'ig', link: author?.instagram_profile, icon: socialIcons?.instagram },
47
+ { id: 'li', link: author?.linkedin_profile, icon: socialIcons?.linkedin },
48
+ { id: 'tw', link: author?.twitter_profile, icon: socialIcons?.twitter },
49
+ { id: 'tt', link: author?.tik_tok, icon: socialIcons?.tiktok },
47
50
  ];
48
51
  const biographyRef = useRef(null);
49
52
  const [isReadMore, setIsReadMore] = useState(showReadMore);
@@ -257,4 +260,5 @@ AuthorBox.propTypes = {
257
260
  readTimeIcon: PropTypes.node,
258
261
  contReadIcon: PropTypes.node,
259
262
  showReadMore: PropTypes.bool,
263
+ socialIcons: PropTypes.shape({}),
260
264
  };
package/src/components/molecules/pagination/pagination.module.scss CHANGED
@@ -19,12 +19,18 @@
19
19
 
20
20
  .pagination {
21
21
  padding: 1.6rem 0 !important;
22
- @include flex-align(center, center);
23
- gap: var(--pagination-gap, 0.8rem);
22
+ display: grid;
23
+ column-gap: var(--pagination-gap, 0.8rem);
24
+ grid-auto-flow: column;
25
+ align-items: center;
26
+ justify-content: center;
24
27
 
25
28
  ul {
26
- @include flex-align(center, center);
27
- gap: var(--pagination-midpoints-gap, 0);
29
+ display: grid;
30
+ column-gap: var(--pagination-midpoints-gap, 0);
31
+ grid-auto-flow: column;
32
+ align-items: center;
33
+ justify-content: center;
28
34
  background-color: var(--pagination-midpoints-background-color, #eeebe5);
29
35
  border-radius: var(--pagination-midpoints-border-radius, 100px);
30
36
 
@@ -42,10 +48,14 @@
42
48
  .button {
43
49
  cursor: not-allowed;
44
50
  color: var(--pagination-inactive-color, #ffffff);
51
+ fill: var(--pagination-inactive-color, #ffffff);
52
+ background-color: var(--pagination-inactive-background-color, var(--pagination-background-color, #eeebe5));
45
53
  @extend .padd;
46
54
 
47
55
  &.isActive {
48
56
  color: var(--pagination-active-color, #2e3337);
57
+ fill: var(--pagination-active-color, #2e3337);
58
+ background-color: var(--pagination-background-color, #eeebe5);
49
59
  cursor: pointer;
50
60
  }
51
61
  }