@salesforcedevs/dx-components 1.3.271 → 1.3.273
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/dx-components",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.273",
|
|
4
4
|
"description": "DX Lightning web components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"volta": {
|
|
47
47
|
"node": "16.19.1"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "aca9be23efe66b786c60d5efa3769e6958fcd658"
|
|
50
50
|
}
|
|
@@ -5,13 +5,14 @@
|
|
|
5
5
|
--dx-c-track-custom-light-gray: rgba(235 235 236 / 100%);
|
|
6
6
|
--dx-c-track-thumb-size: 10px;
|
|
7
7
|
--dx-c-threedot-menu-item-padding: 14px;
|
|
8
|
+
--dx-c-audio-player-padding: 6px 13px 13px;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
/* Outermost container/border */
|
|
11
12
|
.custom-audio-player {
|
|
12
13
|
background-color: var(--dx-g-indigo-vibrant-90, #e0e5f8);
|
|
13
14
|
border-radius: 12px;
|
|
14
|
-
padding:
|
|
15
|
+
padding: var(--dx-c-audio-player-padding);
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
.listen-icon {
|
|
@@ -254,4 +255,4 @@
|
|
|
254
255
|
.player-threedot-menu button:hover {
|
|
255
256
|
background: var(--sds-g-gray-4);
|
|
256
257
|
}
|
|
257
|
-
}
|
|
258
|
+
}
|
|
@@ -24,6 +24,14 @@
|
|
|
24
24
|
--dx-c-featured-content-header-swoop-height: 30%;
|
|
25
25
|
--dx-c-featured-content-header-background-image-position: top right;
|
|
26
26
|
--dx-c-featured-content-header-background-image-size: contain;
|
|
27
|
+
--dx-c-featured-content-header-image-padding-top: calc(
|
|
28
|
+
50% + var(--dx-c-featured-content-header-padding-horizontal) / 2
|
|
29
|
+
);
|
|
30
|
+
--dx-c-featured-content-header-image-margin-right: calc(
|
|
31
|
+
var(--dx-c-featured-content-header-padding-horizontal) * -1
|
|
32
|
+
);
|
|
33
|
+
--dx-c-featured-content-header-image-border-radius: var(--image-radius) 0 0
|
|
34
|
+
var(--image-radius);
|
|
27
35
|
}
|
|
28
36
|
|
|
29
37
|
.container {
|
|
@@ -424,17 +432,13 @@ dx-image-and-label {
|
|
|
424
432
|
|
|
425
433
|
@media screen and (max-width: 1401px) {
|
|
426
434
|
.img-placement_below .image-container {
|
|
427
|
-
padding-top:
|
|
428
|
-
50% + var(--dx-c-featured-content-header-padding-horizontal) / 2
|
|
429
|
-
);
|
|
435
|
+
padding-top: var(--dx-c-featured-content-header-image-padding-top);
|
|
430
436
|
margin-top: var(--item-spacing);
|
|
431
|
-
margin-right:
|
|
432
|
-
var(--dx-c-featured-content-header-padding-horizontal) * -1
|
|
433
|
-
);
|
|
437
|
+
margin-right: var(--dx-c-featured-content-header-image-margin-right);
|
|
434
438
|
}
|
|
435
439
|
|
|
436
440
|
.img-placement_below img {
|
|
437
|
-
border-radius: var(--
|
|
441
|
+
border-radius: var(--dx-c-featured-content-header-image-border-radius);
|
|
438
442
|
}
|
|
439
443
|
}
|
|
440
444
|
|