@brightspace-ui/core 3.227.11 → 3.227.13

package/components/inputs/input-checkbox.js

@@ -275,6 +275,7 @@ class InputCheckbox extends FormElementMixin(InputInlineHelpMixin(FocusMixin(Ske
 			'd2l-input-checkbox-text-disabled': this.disabled
 		};
 		const ariaChecked = this.indeterminate ? 'mixed' : undefined;
+		const ariaExpanded = this._hasSupporting && this.supportingHiddenWhenUnchecked ? (supportingContentVisible ? 'true' : 'false') : undefined;
 		const ariaLabel = (this.label && this.labelHidden) ? this.label : undefined;
 		const label = (this.label && !this.labelHidden) ? this.label : nothing;
 		const disabled = this.disabled || this.skeleton;
@@ -289,6 +290,7 @@ class InputCheckbox extends FormElementMixin(InputInlineHelpMixin(FocusMixin(Ske
 					aria-checked="${ifDefined(ariaChecked)}"
 					aria-describedby="${ifDefined(ariaDescribedByIds.length > 0 ? ariaDescribedByIds : undefined)}"
 					aria-disabled="${ifDefined(disabled && this.disabledTooltip ? 'true' : undefined)}"
+					aria-expanded="${ifDefined(ariaExpanded)}"
 					aria-label="${ifDefined(ariaLabel)}"
 					@change="${this.#handleChange}"
 					class="d2l-input-checkbox"

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/package.json

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