@salesforcedevs/dx-components 1.3.203 → 1.3.204

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/package.json +2 -2
  2. package/src/modules/dx/footer/footer.css +6 -6
  3. package/src/modules/dx/footer/footer.ts +2 -2
  4. package/src/modules/dx/mainContentHeader/mainContentHeader.css +2 -0
  5. package/src/modules/dx/mainContentHeader/mainContentHeader.ts +5 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "1.3.203",
3
+ "version": "1.3.204",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -44,5 +44,5 @@
44
44
  "volta": {
45
45
  "node": "16.19.1"
46
46
  },
47
- "gitHead": "38ee6fd5cb414d0b587962da4f70bad595e05272"
47
+ "gitHead": "d424645944682ab94a53cad2c0994ad4f739824b"
48
48
  }
package/src/modules/dx/footer/footer.css CHANGED
@@ -57,9 +57,9 @@ footer.signup-variant-no-signup {
57
57
  justify-content: center;
58
58
  align-items: center;
59
59
  position: relative;
60
- background: var(--dx-g-cloud-blue-vibrant-95);
60
+ background: var(--dx-g-indigo-vibrant-95);
61
61
  height: 78px;
62
- border-bottom: 2px solid var(--dx-g-indigo-vibrant-40);
62
+ border-bottom: 2px solid var(--dx-g-indigo-vibrant-30);
63
63
  }
64
64
 
65
65
  .content-container_top > .subheading {
@@ -116,7 +116,7 @@ footer.signup-variant-no-signup {
116
116
  height: 96px;
117
117
  width: 220px;
118
118
  margin-right: var(--dx-g-spacing-lg);
119
- background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-mountains.svg");
119
+ background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-mountains-2.svg");
120
120
  }
121
121
 
122
122
  .graphic-mountains-mobile {
@@ -126,7 +126,7 @@ footer.signup-variant-no-signup {
126
126
  bottom: 0;
127
127
  height: 56px;
128
128
  width: 100px;
129
- background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-mountains-small.svg");
129
+ background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-mountains-small-2.svg");
130
130
  }
131
131
 
132
132
  .graphic-trees-small {
@@ -143,7 +143,7 @@ footer.signup-variant-no-signup {
143
143
  bottom: -2px;
144
144
  width: 100%;
145
145
  height: 100%;
146
- background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-large.svg");
146
+ background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-large-2.svg");
147
147
  background-size: 101%;
148
148
  }
149
149
 
@@ -156,7 +156,7 @@ footer.signup-variant-no-signup {
156
156
  "logo general" auto
157
157
  "socials general" max-content
158
158
  "locales general" max-content / auto max-content;
159
- background: var(--dx-g-cloud-blue-vibrant-95);
159
+ background: var(--dx-g-indigo-vibrant-95);
160
160
  padding-top: var(--dx-g-spacing-4xl);
161
161
  padding-bottom: var(--dx-g-spacing-3xl);
162
162
  }
package/src/modules/dx/footer/footer.ts CHANGED
@@ -57,11 +57,11 @@ export default class Footer extends LightningElement {
57
57
  }
58
58
 
59
59
  get showLargeSignup() {
60
- return this.variant !== "no-signup" && this.variant === "large-signup";
60
+ return this.variant === "large-signup";
61
61
  }
62
62
 
63
63
  get showSmallSignup() {
64
- return this.variant !== "no-signup" && this.variant === "small-signup";
64
+ return this.variant === "small-signup";
65
65
  }
66
66
 
67
67
  get hasLocales() {
package/src/modules/dx/mainContentHeader/mainContentHeader.css CHANGED
@@ -13,6 +13,8 @@
13
13
  }
14
14
 
15
15
  .text-container {
16
+ --dx-g-text-body-color: var(--dx-g-text-heading-color);
17
+
16
18
  display: flex;
17
19
  flex-direction: column;
18
20
  justify-content: center;
package/src/modules/dx/mainContentHeader/mainContentHeader.ts CHANGED
@@ -14,25 +14,19 @@ export default class MainContentHeader extends LightningElement {
14
14
  @api imgSrcMobile!: string;
15
15
  @api ctaTarget?: string | null = null;
16
16
  @api ctaTargetSecondary?: string | null = null;
17
- @api backgroundGradientColor?: string;
18
- @api backgroundGradientDark: boolean = false;
17
+ @api backgroundColor?: string;
18
+ @api backgroundColorDark: boolean = false;
19
19
  @api hasSwoop: boolean = false;
20
20
 
21
21
  private get style() {
22
22
  return cx(
23
- this.backgroundGradientColor &&
24
- !this.backgroundGradientDark &&
25
- `background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffff 100%), var(--dx-g-${this.backgroundGradientColor});`,
26
- this.backgroundGradientDark &&
27
- `background: linear-gradient(90deg, var(--dx-g-indigo-vibrant-20) 0%, var(--dx-g-indigo-vibrant-30) 100%);`
23
+ this.backgroundColor &&
24
+ `background-color: var(--dx-g-${this.backgroundColor});`
28
25
  );
29
26
  }
30
27
 
31
28
  private get textStyle() {
32
- return cx(
33
- "text-container",
34
- this.backgroundGradientDark && "light-text"
35
- );
29
+ return cx("text-container", this.backgroundColorDark && "light-text");
36
30
  }
37
31
 
38
32
  private onCtaClick(e: Event) {