@brightspace-ui/core 1.202.2 → 1.205.0

package/components/button/README.md

@@ -38,7 +38,7 @@ The `d2l-button` element can be used just like the native button element, but al
 ![Button](./screenshots/button.png?raw=true)
 <!-- docs: end hidden content -->
 
-<!-- docs: demo live name: d2l-button -->
+<!-- docs: demo live name:d2l-button -->
 ```html
 <script type="module">
   import '@brightspace-ui/core/components/button/button.js';

package/components/card/card.js

@@ -82,7 +82,6 @@ class Card extends RtlMixin(LitElement) {
 				box-sizing: border-box;
 				display: inline-block;
 				position: relative;
-				transition: transform 300ms ease-out 50ms, box-shadow 0.2s;
 				z-index: 0;
 			}
 			.d2l-card-container {
@@ -185,10 +184,6 @@ class Card extends RtlMixin(LitElement) {
 				border: none;
 				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
 			}
-			:host(:hover),
-			:host([subtle]:hover) {
-				transform: translateY(-4px);
-			}
 			:host(:hover) {
 				box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.06);
 			}
@@ -203,7 +198,6 @@ class Card extends RtlMixin(LitElement) {
 			:host([subtle][_active]:hover) {
 				border-color: transparent;
 				box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--d2l-color-celestine);
-				transform: translateY(-4px);
 			}
 			/* .d2l-card-link-container-hover is used to only color/underline when
 			hovering the anchor; these styles are not applied when hovering actions */
@@ -225,9 +219,16 @@ class Card extends RtlMixin(LitElement) {
 				box-shadow: none;
 				transform: none;
 			}
-			@media (prefers-reduced-motion: reduce) {
+			@media (prefers-reduced-motion: no-preference) {
 				:host {
-					transition: none;
+					transition: transform 300ms ease-out 50ms, box-shadow 0.2s;
+				}
+
+				:host(:hover),
+				:host([subtle]:hover),
+				:host([_active]:hover),
+				:host([subtle][_active]:hover) {
+					transform: translateY(-4px);
 				}
 			}
 		`];

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

@@ -325,9 +325,7 @@ export const DropdownContentMixin = superclass => class extends LocalizeCoreElem
 				if (isNaN(newVerticalOffset)) {
 					newVerticalOffset = 20;
 				}
-				// for IE11
-				if (window.ShadyCSS) window.ShadyCSS.styleSubtree(this, { '--d2l-dropdown-verticaloffset': `${newVerticalOffset}px` });
-				else this.style.setProperty('--d2l-dropdown-verticaloffset', `${newVerticalOffset}px`);
+				this.style.setProperty('--d2l-dropdown-verticaloffset', `${newVerticalOffset}px`);
 			}
 		});
 	}

package/components/loading-spinner/loading-spinner.js

@@ -170,13 +170,9 @@ class LoadingSpinner extends LitElement {
 	updated(changedProperties) {
 		changedProperties.forEach((oldValue, propName) => {
 			if (propName === 'color') {
-				// for IE11
-				if (window.ShadyCSS) window.ShadyCSS.styleSubtree(this, { '--d2l-loading-spinner-color': this.color });
-				else this.style.setProperty('--d2l-loading-spinner-color', this.color);
+				this.style.setProperty('--d2l-loading-spinner-color', this.color);
 			} else if (propName === 'size') {
-				// for IE11
-				if (window.ShadyCSS) window.ShadyCSS.styleSubtree(this, { '--d2l-loading-spinner-size': `${this.size}px` });
-				else this.style.setProperty('--d2l-loading-spinner-size', `${this.size}px`);
+				this.style.setProperty('--d2l-loading-spinner-size', `${this.size}px`);
 			}
 		});
 	}

package/package.json

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