@brightspace-ui/core 3.227.12 → 3.227.14

package/components/list/list-item-generic-layout.js

@@ -130,7 +130,7 @@ class ListItemGenericLayout extends LitElement {
 			::slotted([slot="control"]) {
 				grid-column: control-start / control-end;
 				pointer-events: none;
-				width: 2.2rem;
+				width: 2.1rem;
 			}
 
 			::slotted([slot="content"]) {

package/components/list/list-item-mixin.js

@@ -213,10 +213,10 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			}
 
 			:host(:not([layout="tile"]):not([_render-expand-collapse-slot])) .d2l-list-item-content-extend-separators > [slot="control"] {
-				width: 3rem;
+				width: 2.9rem;
 			}
 			:host(:not([layout="tile"]):not([_render-expand-collapse-slot])) .d2l-list-item-content-extend-separators > [slot="control"] ~ [slot="control-action"] [slot="content"] {
-				padding-inline-start: 3rem;
+				padding-inline-start: 2.9rem;
 			}
 			:host(:not([_has-color-slot])) .d2l-list-item-content-extend-separators [slot="content"] {
 				padding-inline: 0.9rem;
@@ -282,7 +282,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			}
 
 			[slot="control"] ~ [slot="control-action"] [slot="content"] {
-				padding-inline-start: 2.2rem; /* width of "control" slot set in generic-layout */
+				padding-inline-start: 2.1rem; /* width of "control" slot set in generic-layout */
 			}
 
 			[slot="content"] ::slotted([slot="illustration"]),

package/components/list/list.js

@@ -134,17 +134,14 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 				margin-right: 0.9rem;
 			}
 			:host([_breakpoint="1"]) {
-				--d2l-list-item-illustration-margin-inline-end: 1rem;
 				--d2l-list-item-illustration-max-height: 3.55rem;
 				--d2l-list-item-illustration-max-width: 6rem;
 			}
 			:host([_breakpoint="2"]) {
-				--d2l-list-item-illustration-margin-inline-end: 1rem;
 				--d2l-list-item-illustration-max-height: 5.1rem;
 				--d2l-list-item-illustration-max-width: 9rem;
 			}
 			:host([_breakpoint="3"]) {
-				--d2l-list-item-illustration-margin-inline-end: 1rem;
 				--d2l-list-item-illustration-max-height: 6rem;
 				--d2l-list-item-illustration-max-width: 10.8rem;
 			}

package/components/more-less/more-less.js

@@ -1,10 +1,10 @@
 import '../button/button-subtle.js';
 import { css, html, LitElement } from 'lit';
+import { isComposedAncestor, isVisible } from '../../helpers/dom.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { getComposedActiveElement } from '../../helpers/focus.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { isComposedAncestor } from '../../helpers/dom.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import { overflowHiddenDeclarations } from '../../helpers/overflow.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -271,6 +271,7 @@ class MoreLess extends LocalizeCoreElement(LitElement) {
 	}
 
 	__reactToChanges() {
+		if (!isVisible(this) && this.__baseHeight > 0) return;
 		this.__transitionAdded = true;
 		this.__adjustToContent();
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.227.12",
+  "version": "3.227.14",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",