@brightspace-ui/core 2.7.1 → 2.7.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.
Files changed (4) hide show
  1. package/components/list/list-item-content.js +6 -2
  2. package/components/list/list-item-generic-layout.js +2 -2
  3. package/components/list/list-item-mixin.js +13 -15
  4. package/package.json +1 -1
package/components/list/list-item-content.js CHANGED
@@ -25,17 +25,21 @@ class ListItemContent extends LitElement {
25
25
  .d2l-list-item-content-text-secondary {
26
26
  color: var(--d2l-list-item-content-text-secondary-color, var(--d2l-color-tungsten));
27
27
  margin: 0;
28
- margin-top: 0.15rem;
29
28
  overflow: hidden;
30
29
  }
31
30
 
32
31
  .d2l-list-item-content-text-supporting-info {
33
32
  color: var(--d2l-color-ferrite);
34
33
  margin: 0;
35
- margin-top: 0.15rem;
36
34
  overflow: hidden;
37
35
  }
38
36
 
37
+ .d2l-list-item-content-text-secondary ::slotted(*),
38
+ .d2l-list-item-content-text-supporting-info ::slotted(*) {
39
+ margin-top: 0.15rem;
40
+ }
41
+
42
+
39
43
  `];
40
44
  }
41
45
 
package/components/list/list-item-generic-layout.js CHANGED
@@ -96,12 +96,12 @@ class ListItemGenericLayout extends RtlMixin(LitElement) {
96
96
  }
97
97
  ::slotted([slot="outside-control"]) {
98
98
  grid-column: outside-control-start / outside-control-end;
99
- width: 2.1rem;
99
+ width: 2.2rem;
100
100
  }
101
101
 
102
102
  ::slotted([slot="control"]) {
103
103
  grid-column: control-start / control-end;
104
- width: 2.1rem;
104
+ width: 2.2rem;
105
105
  }
106
106
 
107
107
  ::slotted([slot="content"]) {
package/components/list/list-item-mixin.js CHANGED
@@ -118,9 +118,8 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
118
118
  [slot="control-container"]::after {
119
119
  border-top: 1px solid var(--d2l-color-mica);
120
120
  content: "";
121
- left: 4px;
122
121
  position: absolute;
123
- width: calc(100% - 8px);
122
+ width: 100%;
124
123
  }
125
124
  :host(:first-of-type) [slot="control-container"]::before {
126
125
  top: 0;
@@ -162,9 +161,7 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
162
161
  padding-left: 0.9rem;
163
162
  padding-right: 0;
164
163
  }
165
- .d2l-list-item-content ::slotted(*) {
166
- margin-top: 0.05rem;
167
- }
164
+
168
165
  :host([_hovering-primary-action]) .d2l-list-item-content,
169
166
  :host([_focusing-primary-action]) .d2l-list-item-content {
170
167
  --d2l-list-item-content-text-color: var(--d2l-color-celestine);
@@ -186,11 +183,11 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
186
183
  padding-right: 0;
187
184
  }
188
185
  :host([slim]) [slot="content"] { /* TODO, remove */
189
- padding-bottom: 0.35rem;
186
+ padding-bottom: 0.4rem;
190
187
  padding-top: 0.4rem;
191
188
  }
192
189
  :host([padding-type="slim"]) [slot="content"] {
193
- padding-bottom: 0.35rem;
190
+ padding-bottom: 0.4rem;
194
191
  padding-top: 0.4rem;
195
192
  }
196
193
  :host([padding-type="none"]) [slot="content"] {
@@ -203,7 +200,7 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
203
200
  border-radius: 6px;
204
201
  flex-grow: 0;
205
202
  flex-shrink: 0;
206
- margin: 0.15rem 0.9rem 0.15rem 0;
203
+ margin-right: 0.9rem;
207
204
  max-height: 2.6rem;
208
205
  max-width: 4.5rem;
209
206
  overflow: hidden;
@@ -229,7 +226,6 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
229
226
  gap: 0.3rem;
230
227
  grid-auto-columns: 1fr;
231
228
  grid-auto-flow: column;
232
- margin: 0.15rem 0;
233
229
  }
234
230
 
235
231
  .d2l-list-item-content-extend-separators ::slotted([slot="actions"]),
@@ -276,21 +272,21 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
276
272
  margin-right: 0;
277
273
  }
278
274
  d2l-selection-input {
279
- margin: 1.15rem 0.9rem 1.15rem 0;
275
+ margin: 0.55rem 0.9rem 0.55rem 0;
280
276
  }
281
277
  .d2l-list-item-content-extend-separators d2l-selection-input {
282
278
  margin-left: 0.9rem;
283
279
  }
284
280
  :host([slim]) d2l-selection-input { /* TODO, remove */
285
- margin-bottom: 0.55rem;
286
- margin-top: 0.55rem;
281
+ margin-bottom: 0.4rem;
282
+ margin-top: 0.4rem;
287
283
  }
288
284
  :host([padding-type="slim"]) d2l-selection-input {
289
- margin-bottom: 0.55rem;
290
- margin-top: 0.55rem;
285
+ margin-bottom: 0.4rem;
286
+ margin-top: 0.4rem;
291
287
  }
292
288
  d2l-list-item-drag-handle {
293
- margin: 0.8rem 0 0.8rem 0.4rem;
289
+ margin: 0.25rem 0 0.25rem 0.4rem;
294
290
  }
295
291
  :host([dir="rtl"]) d2l-selection-input {
296
292
  margin-left: 0.9rem;
@@ -306,7 +302,9 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
306
302
  margin: 0 -12px;
307
303
  }
308
304
  .d2l-list-item-content-extend-separators [slot="outside-control-container"] {
305
+ border-left: none;
309
306
  border-radius: 0;
307
+ border-right: none;
310
308
  }
311
309
  :host([draggable]) [slot="outside-control-container"],
312
310
  .d2l-list-item-content-extend-separators [slot="outside-control-container"] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "2.7.1",
3
+ "version": "2.7.2",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",