@salesforcedevs/mrkt-components 1.3.170 → 1.3.171-alpha.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/mrkt-components",
3
- "version": "1.3.170",
3
+ "version": "1.3.171-alpha.2",
4
4
  "description": "Marketing Lightning web components for DSC",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -4,7 +4,7 @@
4
4
  --mrkt-c-rectangular-heading-background-color: var(
5
5
  --dx-g-indigo-vibrant-15
6
6
  );
7
- --mrkt-c-rectangular-heading-background-color-faded: rgba(31, 9, 116, 0);
7
+ --mrkt-c-rectangular-heading-background-color-faded: rgb(31 9 116 / 0%);
8
8
  }
9
9
 
10
10
  .fade {
@@ -2,7 +2,7 @@
2
2
  @import "dxHelpers/text";
3
3
 
4
4
  :host {
5
- --image-aspect-ratio: 1.43554006969;
5
+ --image-aspect-ratio: 1.4355;
6
6
  --image-width: 350px;
7
7
  --image-height: calc(var(--image-width) / var(--image-aspect-ratio));
8
8
  --image-overlap: 44px;
@@ -34,8 +34,8 @@
34
34
  .section-header.light-gradient {
35
35
  background: linear-gradient(
36
36
  180deg,
37
- rgba(234, 245, 254) 42.08%,
38
- rgba(234, 245, 254, 0) 100%
37
+ rgb(234 245 254) 42.08%,
38
+ rgb(234 245 254 / 0%) 100%
39
39
  );
40
40
  }
41
41
 
@@ -12,7 +12,7 @@ export default class SectionHeader extends LightningElement {
12
12
  @api overlapImages?: boolean = false;
13
13
  @api lightGradient?: boolean;
14
14
  @api subtitle?: string;
15
- @api title!: string;
15
+ @api title?: string;
16
16
 
17
17
  private get hasPageMarginGraphics(): boolean {
18
18
  return !!this.imgSrcLeft && !!this.imgSrcRight;
@@ -112,8 +112,7 @@ dx-button {
112
112
  }
113
113
 
114
114
  .subnav.is-sticky {
115
- box-shadow: 0 0 2px rgba(24, 24, 24, 0.08),
116
- 0 2px 4px 1px rgba(24, 24, 24, 0.16);
115
+ box-shadow: 0 0 2px rgb(24 24 24 / 8%), 0 2px 4px 1px rgb(24 24 24 / 16%);
117
116
  }
118
117
 
119
118
  .subnav.is-sticky dx-button {
@@ -15,7 +15,7 @@ export default class SubNavBar extends MatchMediaElement {
15
15
 
16
16
  @api
17
17
  get navItems() {
18
- return this._navItems.map(this.normalizeItem) as any[];
18
+ return this._navItems.map(this.normalizeItem);
19
19
  }
20
20
  set navItems(value) {
21
21
  this._navItems = toJson(value);
@@ -31,11 +31,9 @@
31
31
  width: 100%;
32
32
  max-width: 414px;
33
33
  display: grid;
34
- grid-template-areas:
35
- "icon title"
36
- "icon subtitle";
37
- grid-template-columns: min-content auto;
38
- grid-template-rows: min-content;
34
+ grid-template:
35
+ "icon title" min-content
36
+ "icon subtitle" auto / min-content auto;
39
37
  grid-gap: var(--dx-g-spacing-xs) var(--dx-g-spacing-mlg);
40
38
  }
41
39
 
@@ -62,6 +62,6 @@ h2 {
62
62
 
63
63
  img {
64
64
  width: 100%;
65
- margin: 0 auto 56px auto;
65
+ margin: 0 auto 56px;
66
66
  }
67
67
  }