@brightspace-ui/core 3.262.7 → 3.262.9

package/components/breadcrumbs/breadcrumb.js

@@ -55,9 +55,6 @@ class Breadcrumb extends FocusMixin(LitElement) {
 			:host([data-compact]) {
 				flex-direction: row-reverse;
 			}
-			.d2l-link:focus {
-				outline-offset: -2px;
-			}
 			d2l-icon {
 				height: 8px;
 				padding-inline: 8px 3px;

package/components/breadcrumbs/breadcrumbs.js

@@ -26,8 +26,9 @@ class Breadcrumbs extends LocalizeCoreElement(LitElement) {
 				display: block;
 				font-size: 0.7rem;
 				line-height: 1.05rem;
-				position: relative;
 				${overflowEllipsisDeclarations}
+				overflow-y: clip;
+				position: relative;
 			}
 			:host([hidden]) {
 				display: none;

package/components/button/button-move.js

@@ -152,7 +152,7 @@ class ButtonMove extends ThemeMixin(FocusMixin(LitElement)) {
 				.down-layer {
 					height: 1.2rem;
 					position: relative;
-					width: 1.3rem;
+					width: 1.25rem;
 				}
 
 				/* Firefox includes a hidden border which messes up button dimensions */
@@ -175,21 +175,23 @@ class ButtonMove extends ThemeMixin(FocusMixin(LitElement)) {
 					align-items: center;
 					flex-direction: row;
 					height: 1.2rem;
-					justify-content: center;
-					width: calc(1.3rem * 2);
+					width: calc(calc(1.2rem + 1px) * 2);
 				}
 
 				:host([side-to-side]) .layer {
 					flex-direction: row;
+					gap: 2px;
 					height: 1.2rem;
 					inset-inline-start: 0;
 					top: 0;
-					width: calc(1.3rem * 2);
+					width: calc(calc(1.2rem + 1px) * 2);
 				}
 
 				:host([side-to-side]) d2l-icon {
+					height: 1.2rem;
 					/* Arrows need to be rotated in opposite direction for RTL */
 					transform: rotate(calc(-90deg * var(--d2l-length-factor)));
+					width: 1.2rem;
 				}
 			`
 		];

package/helpers/internal/css.js

@@ -1,5 +1,15 @@
 export function _isValidCssSelector(selector) {
 	const partIsValid = (part) => {
+		const notRegex = /:not\((.+?)\)/;
+		const notMatches = part.match(notRegex);
+		if (notMatches) {
+			return [
+				part.substring(0, notMatches.index),
+				notMatches[1],
+				part.substring(notMatches.index + notMatches[1].length + 6)
+			].every((part, i) => (i !== 1 && part === '') || partIsValid(part));
+		}
+
 		const re = /([a-zA-Z0-9-_ >.#]+)(\[[a-zA-Z0-9-_="]+\])?([a-zA-Z0-9-_ >.#]+)?/g;
 		if (part === ':host') return true;
 		const match = part.match(re);

package/package.json

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