@brightspace-ui/core 3.181.0 → 3.182.0

package/helpers/focus.js

@@ -1,6 +1,5 @@
 import { css, unsafeCSS } from 'lit';
 import { getComposedChildren, getComposedParent, getFirstVisibleAncestor, getNextAncestorSibling, getPreviousAncestorSibling, isVisible } from './dom.js';
-import { getFlag } from './flags.js';
 
 const focusableElements = {
 	a: true,
@@ -15,9 +14,6 @@ const focusableElements = {
 	textarea: true
 };
 
-// The default here cannot be changed, as BSI relies on it being true. Do not change the default without adding a way for BSI to override it.
-const focusVisibleSupportChangesEnabled = getFlag('focus-visible-support-changes-for-focus-rings', true);
-
 export function getComposedActiveElement() {
 	let node = document.activeElement;
 
@@ -80,22 +76,6 @@ export function getFocusPseudoClass() {
 	return isFocusVisibleSupported() ? 'focus-visible' : 'focus';
 }
 export function getFocusRingStyles(selector, { extraStyles = null } = {}) {
-	// Remove when cleaning up focus-visible-support-changes-for-focus-rings
-	if (!focusVisibleSupportChangesEnabled) {
-		const selectorDelegate = typeof selector === 'string' ? pseudoClass => `${selector}:${pseudoClass}` : selector;
-		const cssSelector = unsafeCSS(selectorDelegate(getFocusPseudoClass()));
-		return css`${cssSelector} {
-			${extraStyles ?? css``}
-			outline: 2px solid var(--d2l-focus-ring-color, var(--d2l-color-celestine));
-			outline-offset: var(--d2l-focus-ring-offset, 2px);
-		}
-		@media (prefers-contrast: more) {
-			${cssSelector} {
-				outline-color: Highlight;
-			}
-		}`;
-	}
-
 	const stylesDelegate = selector => css`
 		${selector} {
 			${extraStyles ?? css``}

package/package.json

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