@brightspace-ui/core 1.223.0 → 1.224.3

package/components/colors/README.md

@@ -1,6 +1,6 @@
 # Colors
 
-Importing `colors` will add the color palette [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) to the document and polyfill for IE11 using [shadyCSS](https://github.com/webcomponents/shadycss).
+Importing `colors` will add the color palette [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) to the document.
 
 Run the demo page to see the full palette. See [colors.js](colors.js) for the variable names (i.e. `--d2l-color-*`).
 
@@ -26,4 +26,4 @@ Run the demo page to see the full palette. See [colors.js](colors.js) for the va
 
 ## Future Enhancements
 
-Looking for an enhancement not listed here? Create a GitHub issue!
+Looking for an enhancement not listed here? Create a GitHub issue!

package/components/inputs/input-text.js

@@ -605,12 +605,14 @@ class InputText extends LabelledMixin(FormElementMixin(SkeletonMixin(RtlMixin(Li
 			|| (this.unit && this.dir !== 'rtl');
 
 		if (firstSlotHasNodes) {
-			requestAnimationFrame(() => this._firstSlotWidth = firstContainer.getBoundingClientRect().width);
+			// Firefox can have trouble rendering the cursor if the padding is a decimal
+			requestAnimationFrame(() => this._firstSlotWidth = Math.ceil(firstContainer.getBoundingClientRect().width));
 		} else {
 			this._firstSlotWidth = 0;
 		}
 		if (lastSlotHasNodes) {
-			requestAnimationFrame(() => this._lastSlotWidth = lastContainer.getBoundingClientRect().width);
+			// Firefox can have trouble rendering the cursor if the padding is a decimal
+			requestAnimationFrame(() => this._lastSlotWidth = Math.ceil(lastContainer.getBoundingClientRect().width));
 		} else {
 			this._lastSlotWidth = 0;
 		}

package/components/scroll-wrapper/scroll-wrapper.js

@@ -184,7 +184,7 @@ class ScrollWrapper extends FocusVisiblePolyfillMixin(RtlMixin(LitElement)) {
 
 	scrollDistance(distance, smooth) {
 		if (!this._container) return;
-		if (this._dir === 'rtl') distance = distance * RTL_MULTIPLIER;
+		if (this.dir === 'rtl') distance = distance * RTL_MULTIPLIER;
 		if (this._container.scrollBy) {
 			this._container.scrollBy({ left: distance, behavior: smooth ? 'smooth' : 'auto' });
 		} else {

package/components/selection/selection-mixin.js

@@ -138,13 +138,13 @@ export const SelectionMixin = superclass => class extends RtlMixin(superclass) {
 		if (currentIndex === -1) currentIndex = 0;
 		let newIndex;
 
-		if ((this._dir !== 'rtl' && e.keyCode === keyCodes.RIGHT)
-			|| (this._dir === 'rtl' && e.keyCode === keyCodes.LEFT)
+		if ((this.dir !== 'rtl' && e.keyCode === keyCodes.RIGHT)
+			|| (this.dir === 'rtl' && e.keyCode === keyCodes.LEFT)
 			|| e.keyCode === keyCodes.DOWN) {
 			if (currentIndex === selectables.length - 1) newIndex = 0;
 			else newIndex = currentIndex + 1;
-		} else if ((this._dir !== 'rtl' && e.keyCode === keyCodes.LEFT)
-			|| (this._dir === 'rtl' && e.keyCode === keyCodes.RIGHT)
+		} else if ((this.dir !== 'rtl' && e.keyCode === keyCodes.LEFT)
+			|| (this.dir === 'rtl' && e.keyCode === keyCodes.RIGHT)
 			|| e.keyCode === keyCodes.UP) {
 			if (currentIndex === 0) newIndex = selectables.length - 1;
 			else newIndex = currentIndex - 1;

package/mixins/rtl-mixin.js

@@ -4,7 +4,10 @@ export const RtlMixin = dedupeMixin(superclass => class extends superclass {
 
 	static get properties() {
 		return {
-			_dir: { type: String, reflect: true, attribute: 'dir' }
+			/**
+			 * @ignore
+			 */
+			dir: { type: String, reflect: true }
 		};
 	}
 
@@ -13,7 +16,7 @@ export const RtlMixin = dedupeMixin(superclass => class extends superclass {
 		const dir = document.documentElement.getAttribute('dir');
 		// avoid reflecting "ltr" for better performance
 		if (dir && dir !== 'ltr') {
-			this._dir = dir;
+			this.dir = dir;
 		}
 	}
 

package/package.json

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