@salesforcedevs/dx-components 1.3.62 → 1.3.63

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.62",
3
+ "version": "1.3.63",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -40,5 +40,5 @@
40
40
  "eventsourcemock": "^2.0.0",
41
41
  "luxon": "^3.1.0"
42
42
  },
43
- "gitHead": "ae140d6107e6c61bc6bab73dafa283bd6c52b184"
43
+ "gitHead": "95bd94abb10d1fa353a4e2988a7584209a164545"
44
44
  }
@@ -10,6 +10,10 @@
10
10
  flex-direction: column;
11
11
  }
12
12
 
13
+ .dx-card-base_layout-horizontal dx-card-title {
14
+ --dx-c-card-title-font-size: var(--dx-g-text-lg);
15
+ }
16
+
13
17
  .details {
14
18
  align-self: flex-start;
15
19
  display: flex;
@@ -58,6 +62,10 @@
58
62
  flex-wrap: wrap;
59
63
  }
60
64
 
65
+ .card-event_detail-datetime {
66
+ width: 100%;
67
+ }
68
+
61
69
  .card-event_detail-datetime-spacing {
62
70
  padding-right: var(--dx-g-spacing-xs);
63
71
  padding-left: var(--dx-g-spacing-xs);
@@ -81,10 +89,13 @@ dx-button {
81
89
  }
82
90
 
83
91
  dx-type-badge {
84
- margin-top: var(--dx-g-spacing-sm);
85
92
  margin-bottom: var(--dx-g-spacing-sm);
86
93
  }
87
94
 
95
+ dx-formatted-date-time {
96
+ --dx-g-text-body-color: var(--dx-g-indigo-vibrant-40);
97
+ }
98
+
88
99
  @media (max-width: 1024px) {
89
100
  .card-event:not(.dx-card-base_featured) .image-link {
90
101
  display: none;
@@ -28,6 +28,11 @@
28
28
  ></dx-formatted-date-time>
29
29
  </div>
30
30
  <div class="card-event_detail-section">
31
+ <dx-type-badge
32
+ color={typeBadgeColor}
33
+ value={type}
34
+ if:true={type}
35
+ ></dx-type-badge>
31
36
  <dx-card-title
32
37
  href={href}
33
38
  onmouseenter={setLinkHovered}
@@ -43,11 +48,6 @@
43
48
  >
44
49
  {location}
45
50
  </span>
46
- <dx-type-badge
47
- color={typeBadgeColor}
48
- value={type}
49
- if:true={type}
50
- ></dx-type-badge>
51
51
  </div>
52
52
  <span
53
53
  class="dx-text-body-2"
@@ -58,7 +58,7 @@
58
58
  </span>
59
59
  <span class="card-event_detail-datetime-row">
60
60
  <dx-formatted-date-time
61
- class="dx-text-body-3"
61
+ class="dx-text-body-3 card-event_detail-datetime"
62
62
  value={startDatetime}
63
63
  weekday="long"
64
64
  month="long"
@@ -66,7 +66,6 @@
66
66
  year="numeric"
67
67
  time-zone-name="short"
68
68
  ></dx-formatted-date-time>
69
- <div class="card-event_detail-datetime-spacing">•</div>
70
69
  <dx-formatted-date-time
71
70
  class="dx-text-body-3"
72
71
  value={startDatetime}