gatsby-core-theme 28.0.0 → 28.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 (11) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/module-title/module-title.module.scss +1 -1
  4. package/src/components/molecules/content/blockquote.module.scss +3 -3
  5. package/src/components/molecules/content/content.module.scss +7 -0
  6. package/src/components/molecules/content/index.js +5 -5
  7. package/src/components/molecules/content/lists/lists.module.scss +19 -12
  8. package/src/components/molecules/content/table/table.module.scss +3 -1
  9. package/src/components/organisms/form/form.module.scss +1 -1
  10. package/src/styles/utils/_mixins.scss +2 -2
  11. package/src/styles/utils/variables/_colors.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ ## [28.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.1...v28.0.2) (2023-08-24)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * update content module ([2914737](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2914737fe2d9cd67e4bc244d2c6ec1b21372e68a))
7
+
8
+
9
+ * Merge branch 'tm-3537-content-module' into 'master' ([aefad03](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/aefad038fe094c1c7cc34373776f63dd5280db13))
10
+
11
+ ## [28.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.0...v28.0.1) (2023-08-22)
12
+
13
+
14
+ ### Code Refactoring
15
+
16
+ * add minor css change ([8ba0eb8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8ba0eb8c7759514fe1481e7266384be3269d96b3))
17
+ * correction to form gaps ([c0a45d9](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c0a45d951a5e544c94a0b12383d66e00af9bded0))
18
+
1
19
  # [28.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v27.0.1...v28.0.0) (2023-08-22)
2
20
 
3
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-core-theme",
3
- "version": "28.0.0",
3
+ "version": "28.0.2",
4
4
  "description": "Gatsby Theme NPM Package",
5
5
  "main": "index.js",
6
6
  "directories": {
package/src/components/atoms/module-title/module-title.module.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  color: var(--text-link-color);
11
11
  font-size: 1.6rem;
12
12
  text-decoration: underline;
13
- margin-bottom: 1rem;
13
+ margin-bottom: 2.4rem;
14
14
 
15
15
  svg {
16
16
  margin-left: 1.2rem;
package/src/components/molecules/content/blockquote.module.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  .blockquote {
2
2
  > blockquote {
3
3
  margin: 2.4rem 0;
4
- font-size: 1.6rem;
5
- font-weight: 600;
4
+ font-size: 1.8rem;
5
+ font-weight: 700;
6
6
  line-height: 2.6rem;
7
7
  color: #1b1b1c;
8
8
  border-left: 3px solid #afafb0;
9
- padding: 0 3.2rem;
9
+ padding: 1.6rem 3.2rem;
10
10
 
11
11
  > p {
12
12
  font-size: 1.8rem;
package/src/components/molecules/content/content.module.scss CHANGED
@@ -19,9 +19,16 @@
19
19
  }
20
20
 
21
21
  .content {
22
+ margin: 0 auto;
23
+ max-width: var(--main-container-max);
22
24
  img {
23
25
  @include max(mobile) {
24
26
  width: 100% !important;
25
27
  }
26
28
  }
27
29
  }
30
+
31
+ .showMoreButton {
32
+ color: #165af8;
33
+
34
+ }
package/src/components/molecules/content/index.js CHANGED
@@ -108,12 +108,12 @@ const Content = ({ module, isHomepageFirstModule = false, isModuleIntroduction =
108
108
  parse(conditionalContent, {
109
109
  replace: replaceMedia,
110
110
  })}
111
+ {showMore && (
112
+ <button type="button" className={styles.showMoreButton || ''} onClick={handleChange}>
113
+ {show_more_label}
114
+ </button>
115
+ )}
111
116
  </div>
112
- {showMore && (
113
- <button type="button" className={styles.showMoreButton || ''} onClick={handleChange}>
114
- {show_more_label}
115
- </button>
116
- )}
117
117
  </>
118
118
  );
119
119
  };
package/src/components/molecules/content/lists/lists.module.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  color: #515156;
5
5
  font-size: 1.6rem;
6
6
  list-style-position: inside;
7
- padding: 0 1.6rem 1rem;
7
+ padding: 0 1.6rem 1.6rem 5.3rem;
8
8
  font-weight: 400;
9
9
  line-height: 27px;
10
10
  li {
@@ -21,26 +21,32 @@
21
21
  list-style-type: disc;
22
22
 
23
23
  ::marker {
24
- width: 8px;
25
- height: 8px;
26
- color: #64646d;
24
+ content: '';
27
25
  }
28
26
 
29
27
  li::before {
30
- margin-right: 1rem;
31
- height: 2rem;
32
- width: 1.67rem;
33
- top: 0.4rem;
28
+ content: ' ';
29
+ margin-right: 2.8rem;
30
+ padding-top: 0.16rem;
31
+ height: 0.8rem;
32
+ width: 0.8rem;
33
+ display: inline-flex;
34
34
  position: relative;
35
- display: inline-block;
36
- // background-image: url('../../../../../../static/images/bulletpoint_clover.png');
37
- background-size: 1.67rem 2rem;
35
+ top: -0.2rem;
36
+ font-size: 1.4rem;
37
+ font-weight: 500;
38
+ align-items: center;
39
+ justify-content: center;
40
+ border-radius: 50%;
41
+ color: #64646D;
42
+ background: #64646D;
43
+ margin-left: -3.8rem;
38
44
  }
39
45
  }
40
46
 
41
47
  ol {
42
48
  list-style-type: decimal;
43
- padding: 0 0 1rem;
49
+ padding: 0 1.6rem 1.6rem 5.2rem;
44
50
 
45
51
  li {
46
52
  counter-increment: li;
@@ -67,6 +73,7 @@
67
73
  border-radius: 50%;
68
74
  color: var(--content-list-number-color);
69
75
  background: #ececec;
76
+ margin-left: -4.8rem;
70
77
  }
71
78
  }
72
79
 
package/src/components/molecules/content/table/table.module.scss CHANGED
@@ -14,6 +14,7 @@
14
14
  display: block;
15
15
  width: 100%;
16
16
  @include overflow(overflow-x, auto, touch);
17
+ padding-bottom: 2.4rem;
17
18
  &::-webkit-scrollbar {
18
19
  height: 0.6rem;
19
20
  }
@@ -30,7 +31,7 @@
30
31
  border-radius: 100px;
31
32
  opacity: 0.20000000298023224;
32
33
  }
33
- @include scrollbar(0.8rem, 0.8rem, var(--color-33));
34
+ @include scrollbar(0.8rem, 0.8rem, #515156);
34
35
 
35
36
  * {
36
37
  box-sizing: content-box;
@@ -38,6 +39,7 @@
38
39
 
39
40
  @include min(tablet) {
40
41
  width: 100%;
42
+ padding-bottom: 0;
41
43
  thead,
42
44
  tbody {
43
45
  display: table;
package/src/components/organisms/form/form.module.scss CHANGED
@@ -16,11 +16,11 @@
16
16
  box-shadow: 0px 4px 6px -2px rgba(27, 27, 28, 0.02), 0px 12px 16px -4px rgba(27, 27, 28, 0.05);
17
17
  border-radius: 16px;
18
18
  background: #f4f4f4;
19
+ gap: 2.4rem;
19
20
  @include flex-direction(column);
20
21
 
21
22
  @include min(tablet) {
22
23
  padding: 2.4rem;
23
- gap: 2.4rem;
24
24
  }
25
25
 
26
26
  h2 {
package/src/styles/utils/_mixins.scss CHANGED
@@ -35,10 +35,10 @@
35
35
  @mixin content-img-float($direction) {
36
36
  float: $direction;
37
37
  @if $direction == right {
38
- margin: 0 0 2.4rem 5.6rem;
38
+ margin: 0 0 2.4rem 4.8rem;
39
39
  }
40
40
  @else if $direction == left {
41
- margin: 0 5.6rem 2.4rem 0;
41
+ margin: 0 4.8rem 2.4rem 0;
42
42
  }
43
43
  @else {
44
44
  margin: 0 1em 1em 0;
package/src/styles/utils/variables/_colors.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  --color-4: #fff; // white
8
8
 
9
9
  --color-5: #fafafa;
10
- --color-6: #6b7982;
10
+ --color-6: #515156;
11
11
  --color-7: #eeebe5;
12
12
  --color-8: #e1dbdb;
13
13
  --color-9: #f3f2f2;