@brightspace-ui/core 3.336.0 → 3.336.1

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

@@ -2,6 +2,7 @@ import '../selection/selection-input.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { isInteractiveInListItemComposedPath } from './list-item-mixin.js';
 import { SelectionInfo } from '../selection/selection-mixin.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
@@ -191,6 +192,7 @@ export const ListItemCheckboxMixin = superclass => class extends SkeletonMixin(s
 	_renderCheckboxAction(inner) {
 		return this.selectable ? html`
 			<div class="d2l-checkbox-action"
+				aria-hidden="${ifDefined(inner ? undefined : 'true')}"
 				@click="${this._onCheckboxActionClick}"
 				@mouseenter="${this._onMouseEnterSelection}"
 				@mouseleave="${this._onMouseLeaveSelection}">

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

@@ -2,6 +2,7 @@ import '../button/button-icon.js';
 import '../loading-spinner/loading-spinner.js';
 import { css, html, nothing } from 'lit';
 import { EventSubscriberController } from '../../controllers/subscriber/subscriberControllers.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { isInteractiveInListItemComposedPath } from './list-item-mixin.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
@@ -48,6 +49,9 @@ export const ListItemExpandCollapseMixin = superclass => class extends SkeletonM
 				padding-inline-end: 0.3rem;
 				width: 1.2rem;
 			}
+			:host([_render-expand-collapse-slot]:not([expandable])) .d2l-list-expand-collapse {
+				pointer-events: none;
+			}
 			.d2l-list-expand-collapse-action {
 				cursor: pointer;
 				display: block;
@@ -139,7 +143,7 @@ export const ListItemExpandCollapseMixin = superclass => class extends SkeletonM
 			return nothing;
 		}
 
-		return html`<div class="d2l-list-expand-collapse-action" @click="${this._toggleExpandCollapseAction}">${content || nothing}</div>`;
+		return html`<div class="d2l-list-expand-collapse-action" aria-hidden="${ifDefined(content ? undefined : 'true')}" @click="${this._toggleExpandCollapseAction}">${content || nothing}</div>`;
 	}
 
 	_renderNestedLoadingSpinner() {

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

@@ -1023,6 +1023,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
 					<div class="${classMap(colorClasses)}" style="${styleMap(colorStyles)}"></div>
 				</div>` : nothing}
 				<div slot="expand-collapse"
+					aria-hidden="true"
 					class="d2l-list-expand-collapse"
 					@click="${this._toggleExpandCollapse}"
 					@mouseenter="${this._onMouseEnterControl}"

package/package.json

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