@brightspace-ui/core 2.107.2 → 2.107.4

package/components/button/button-move.js

@@ -194,22 +194,23 @@ class ButtonMove extends ThemeMixin(FocusMixin(RtlMixin(LitElement))) {
 
 	render() {
 		return html`
-			<button
-				aria-describedby="${ifDefined(this.description ? this._describedById : undefined)}"
-				aria-label="${ifDefined(this.text)}"
-				?autofocus="${this.autofocus}"
-				?disabled="${this.disabledUp && this.disabledDown && this.disabledLeft && this.disabledRight && this.disabledHome && this.disabledEnd}"
-				id="${this._buttonId}"
-				@keydown="${this._handleKeydown}"
-				title="${ifDefined(this.text)}"
-				type="button">
-				<d2l-icon icon="tier1:arrow-toggle-up" class="up-icon"></d2l-icon>
-				<d2l-icon icon="tier1:arrow-toggle-down" class="down-icon"></d2l-icon>
-				<div class="up-layer" @click="${this._handleUpClick}"></div>
-				<div class="down-layer" @click="${this._handleDownClick}"></div>
-		</button>
-		${this.description ? html`<span id="${this._describedById}" hidden>${this.description}</span>` : null}
-		`;
+			<div role="application">
+				<button
+					aria-describedby="${ifDefined(this.description ? this._describedById : undefined)}"
+					aria-label="${ifDefined(this.text)}"
+					?autofocus="${this.autofocus}"
+					?disabled="${this.disabledUp && this.disabledDown && this.disabledLeft && this.disabledRight && this.disabledHome && this.disabledEnd}"
+					id="${this._buttonId}"
+					@keydown="${this._handleKeydown}"
+					title="${ifDefined(this.text)}"
+					type="button">
+					<d2l-icon icon="tier1:arrow-toggle-up" class="up-icon"></d2l-icon>
+					<d2l-icon icon="tier1:arrow-toggle-down" class="down-icon"></d2l-icon>
+					<div class="up-layer" @click="${this._handleUpClick}"></div>
+					<div class="down-layer" @click="${this._handleDownClick}"></div>
+			</button>
+			${this.description ? html`<span id="${this._describedById}" hidden>${this.description}</span>` : null}
+		</div>`;
 	}
 
 	_dispatchAction(action) {

package/components/button/floating-buttons.js

@@ -42,7 +42,7 @@ class FloatingButtons extends RtlMixin(LitElement) {
 				position: -webkit-sticky;
 				position: sticky;
 				right: 0;
-				z-index: 999;
+				z-index: 997;
 			}
 
 			:host([_floating][always-float]) {

package/components/dropdown/dropdown-content-styles.js

@@ -18,7 +18,7 @@ export const dropdownContentStyles = css`
 		text-align: left;
 		top: calc(100% + var(--d2l-dropdown-verticaloffset, 16px));
 		width: 100%;
-		z-index: 1000; /* position on top of floating buttons */
+		z-index: 998; /* position on top of floating buttons */
 	}
 
 	:host([theme="dark"]) {

package/components/list/list-item-drag-image.js

@@ -88,7 +88,7 @@ class ListItemDragImage extends LocalizeCoreElement(SkeletonMixin(RtlMixin(LitEl
 				position: absolute;
 				text-align: center;
 				top: 30px;
-				z-index: 1000; /* must be higher than the skeleton z-index (999) */
+				z-index: 998; /* must be higher than the skeleton z-index */
 			}
 			:host([dir="rtl"]) .count {
 				left: 14px;

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

@@ -114,7 +114,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			}
 			:host([_fullscreen-within]) {
 				position: fixed; /* required for Safari */
-				z-index: 1000; /* must be greater than floating workflow buttons */
+				z-index: 998; /* must be greater than floating workflow buttons */
 			}
 
 			:host([dragging]) d2l-list-item-generic-layout {

package/components/skeleton/skeleton-mixin.js

@@ -28,7 +28,7 @@ export const skeletonStyles = css`
 		position: absolute;
 		right: 0;
 		top: 0;
-		z-index: 999;
+		z-index: 997;
 	}
 	@media (prefers-reduced-motion: reduce) {
 		:host([skeleton]) .d2l-skeletize::before {

package/custom-elements.json

@@ -5975,8 +5975,7 @@
           "type": "number"
         },
         {
-          "name": "trailingZeroes",
-          "type": "boolean"
+          "name": "trailingZeroes"
         },
         {
           "name": "value",
@@ -9970,7 +9969,7 @@
     {
       "name": "d2l-overflow-group",
       "path": "./components/overflow-group/overflow-group.js",
-      "description": "\nA component that can be used to display a set of buttons, links or menus that will be put into a dropdown menu when they no longer fit on the first line of their container",
+      "description": "A component that can be used to display a set of buttons, links or menus that will be put into a dropdown menu when they no longer fit on the first line of their container",
       "attributes": [
         {
           "name": "opener-style",
@@ -10188,7 +10187,7 @@
     {
       "name": "d2l-scroll-wrapper",
       "path": "./components/scroll-wrapper/scroll-wrapper.js",
-      "description": "\nWraps content which may overflow its horizontal boundaries, providing left/right scroll buttons.",
+      "description": "Wraps content which may overflow its horizontal boundaries, providing left/right scroll buttons.",
       "attributes": [
         {
           "name": "hide-actions",

package/package.json

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