gatsby-core-theme 44.4.52 → 44.4.53

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 (7) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/comment-votes/comment-votes.module.scss +10 -10
  4. package/src/components/molecules/comment/comment.module.scss +20 -20
  5. package/src/components/organisms/comments/comment-tree/comment-tree.module.scss +3 -3
  6. package/src/components/organisms/form/fields/fields.module.scss +3 -3
  7. package/src/components/organisms/form/form.module.scss +13 -9
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## [44.4.53](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.4.52...v44.4.53) (2025-09-06)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * added vars for comments ([bae7841](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/bae784144e2253f8ee4d9ca9698a32312f3d426f))
7
+ * update gtm id ([efedd77](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/efedd7751e36c891bbd770c6ff38f4668d1bb833))
8
+
1
9
  ## [44.4.52](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.4.51...v44.4.52) (2025-09-02)
2
10
 
3
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-core-theme",
3
- "version": "44.4.52",
3
+ "version": "44.4.53",
4
4
  "description": "Gatsby Theme NPM Package",
5
5
  "author": "",
6
6
  "license": "ISC",
package/src/components/atoms/comment-votes/comment-votes.module.scss CHANGED
@@ -1,28 +1,28 @@
1
1
  .buttonGroup{
2
- background: #EAE5E0;
3
- font-size: 1.2rem;
4
- padding: .5rem .8rem;
5
- height: 2.8rem;
2
+ background: var(--comment-vote-bg, #EAE5E0);
3
+ font-size: var(--comment-vote-font-size, 1.2rem);
4
+ padding: var(--comment-vote-padding, .5rem .8rem);
5
+ height: var(--comment-vote-height, 2.8rem);
6
6
  gap: .4rem;
7
7
  color: #0F172A;
8
8
 
9
9
  @include flex-align(center, center);
10
10
 
11
11
  &.left{
12
- border-bottom-left-radius: 5rem;
13
- border-top-left-radius: 5rem;
12
+ border-bottom-left-radius: var(--comment-vote-border-radius, 5rem);
13
+ border-top-left-radius: var(--comment-vote-border-radius, 5rem);
14
14
  padding-right: 0;
15
15
  }
16
16
 
17
17
  &.right{
18
- border-bottom-right-radius: 5rem;
19
- border-top-right-radius: 5rem;
18
+ border-bottom-right-radius: var(--comment-vote-border-radius, 5rem);
19
+ border-top-right-radius: var(--comment-vote-border-radius, 5rem);
20
20
  }
21
21
  }
22
22
 
23
23
  .buttonGroupIcon{
24
- width: 1.6rem;
25
- height: 1.6rem;
24
+ width: var(--comment-vote-icon-size, 1.6rem);
25
+ height: var(--comment-vote-icon-size, 1.6rem);
26
26
  }
27
27
 
28
28
  .buttonGroup[disabled]{
package/src/components/molecules/comment/comment.module.scss CHANGED
@@ -18,39 +18,39 @@
18
18
  }
19
19
 
20
20
  .commentName{
21
- font-size: 18px;
21
+ font-size: var(--comment-name-font-size, 18px);
22
22
  font-weight: 600;
23
23
  line-height: 28px;
24
- color: #1B1B1C;
24
+ color: var(--comment-name-font-color, #1B1B1C);
25
25
  }
26
26
 
27
27
  .commentJobTitle{
28
- height: 24px;
29
- padding: .8rem;
30
- font-size: 1.2rem;
31
- font-weight: 400;
28
+ height: var(--comment-jobTitle-height, 24px);
29
+ padding: var(--comment-jobTitle-padding, .8rem);
30
+ font-size: var(--comment-jobTitle-font-size, 1.2rem);
31
+ font-weight: var(--comment-jobTitle-font-weight, 400);
32
32
  line-height: 1.8rem;
33
33
 
34
34
  @include flex-align(center, center);
35
35
 
36
- border-radius: 5rem;
37
- background: #CFC7C0;
38
- color: #0F172A;
36
+ border-radius: var(--comment-jobTitle-border-radius, 5rem);
37
+ background: var(--comment-jobTitle-bg, #CFC7C0);
38
+ color: var(--comment-jobTitle-font-color, #0F172A);
39
39
  }
40
40
 
41
41
  .commentDate{
42
- color: #64748B;
43
- font-size: 1.6rem;
42
+ color: var(--comment-date-font-color, #64748B);
43
+ font-size: var(--comment-date-font-size, 1.6rem);
44
44
  font-weight: 400;
45
45
  line-height: 2.6rem;
46
46
  }
47
47
 
48
48
  .commentContent{
49
- border-radius: .8rem;
50
- border: .1rem solid #F4F4F4;
51
- background: #FFF;
49
+ border-radius: var(--comment-border-radius, .8rem);
50
+ border: var(--comment-border, .1rem solid #F4F4F4);
51
+ background: var(--comment-bg-color, #FFF);
52
52
  position: relative;
53
- padding: 2.4rem;
53
+ padding: var(--comment-padding, 2.4rem);
54
54
  }
55
55
 
56
56
  .commentActions{
@@ -60,14 +60,14 @@
60
60
  }
61
61
 
62
62
  .replyButton{
63
- border-radius: 10rem;
64
- border: 1.5px solid #161128;
65
- font-size: 1.2rem;
66
- font-weight: 700;
63
+ border-radius: var(--comment-btn-border-radius, 10rem);
64
+ border: var(--comment-btn-border, 1.5px solid #161128);
65
+ font-size: var(--comment-btn-font-size, 1.2rem);
66
+ font-weight: var(--comment-btn-font-weight, 700);
67
67
  line-height: 1.8rem;
68
68
  text-transform: capitalize;
69
69
  margin-left: .8rem;
70
- padding: 0.2rem 1.6rem;
70
+ padding: var(--comment-btn-padding, 0.2rem 1.6rem);
71
71
  }
72
72
 
73
73
  .replySection{
package/src/components/organisms/comments/comment-tree/comment-tree.module.scss CHANGED
@@ -29,9 +29,9 @@
29
29
  content: "";
30
30
  position: absolute;
31
31
  right: 100%;
32
- border-left: .1rem solid #CFC7C0;
33
- border-bottom: .1rem solid #CFC7C0;
34
- border-bottom-left-radius: 2rem;
32
+ border-left: var(--comment-tree-border, .1rem solid #CFC7C0);
33
+ border-bottom: var(--comment-tree-border, .1rem solid #CFC7C0);
34
+ border-bottom-left-radius: var(--comment-tree-border-radius, 2rem);
35
35
  bottom: 50%;
36
36
  height: calc(50% + 8.5rem);
37
37
  width: 1.1rem;
package/src/components/organisms/form/fields/fields.module.scss CHANGED
@@ -139,12 +139,12 @@ input:checked + .slider::before {
139
139
  margin-left: 4.5rem;
140
140
  font-size: 1.6rem;
141
141
  font-weight: 400;
142
- color: #3C3C40;
142
+ color: var(--switch-bg, #3C3C40);
143
143
  }
144
144
 
145
145
  .errorMsg {
146
146
  font-size: 1.2rem;
147
- color: #DD4B39;
147
+ color: var(--comment-error-color, #DD4B39);;
148
148
  font-weight: 400;
149
149
  line-height: 1.8rem;
150
150
  grid-column: 1/-1;
@@ -157,7 +157,7 @@ input:checked + .slider::before {
157
157
  bottom: 3.5rem;
158
158
  right: 1.5rem;
159
159
  font-size: 1.2rem;
160
- color: #DD4B39;
160
+ color: var(--comment-length-warning-color, #DD4B39);
161
161
  font-weight: 400;
162
162
  line-height: 1.8rem;
163
163
  }
package/src/components/organisms/form/form.module.scss CHANGED
@@ -228,18 +228,22 @@
228
228
  padding: 0;
229
229
  margin-top: 3.5rem;
230
230
 
231
+ input::placeholder, textarea::placeholder {
232
+ color: var(--comment-input-placeholder-color);
233
+ }
234
+
231
235
  input:not([type="range"]),
232
236
  textarea,
233
237
  select {
234
- background: #fff !important;
235
- font-size: 1.4rem;
238
+ background: var(--comment-input-bg, #fff) !important;
239
+ font-size: var(--comment-input-font-size, 1.4rem);
236
240
  line-height: 2.1rem;
237
- padding: 1.6rem;
241
+ padding: var(--comment-input-padding, 1.6rem);
238
242
  max-width: 100%;
239
243
  outline: none;
240
- border-radius: 0.8rem;
241
- border: 1px solid #E2E8F0 !important;
242
- color: #0F172A !important;
244
+ border-radius: var(--comment-input-border-radius, 0.8rem);
245
+ border: var(--comment-input-border, 1px solid #E2E8F0) !important;
246
+ color: var(--comment-input--font-color, #0F172A) !important;
243
247
  }
244
248
 
245
249
 
@@ -253,9 +257,9 @@
253
257
  }
254
258
 
255
259
  label{
256
- font-size: 1.6rem;
257
- font-weight: 600;
258
- color: #262629;
260
+ font-size: var(--comment-label-font-size,1.6rem);
261
+ font-weight: var(--comment-label-font-weigth,600);
262
+ color: var(--comment-label-font-color,#262629);
259
263
  }
260
264
 
261
265
  div > input ~ span, div > textarea ~ span{