gatsby-core-theme 30.0.2 → 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 (4) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/author-box/index.js +13 -9
  4. package/src/components/molecules/pagination/pagination.module.scss +14 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
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
+
1
21
  ## [30.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.1...v30.0.2) (2023-09-27)
2
22
 
3
23
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-core-theme",
3
- "version": "30.0.2",
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
  }