@brightspace-ui/core 3.275.0 → 3.277.0

package/components/table/table-wrapper.js

@@ -4,14 +4,11 @@ import '../backdrop/backdrop-loading.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { cssSizes } from '../inputs/input-checkbox-styles.js';
 import { getComposedParent } from '../../helpers/dom.js';
-import { getFlag } from '../../helpers/flags.js';
 import { isPopoverSupported } from '../popover/popover-mixin.js';
 import { PageableMixin } from '../paging/pageable-mixin.js';
 import { PropertyRequiredMixin } from '../../mixins/property-required/property-required-mixin.js';
 import { SelectionMixin } from '../selection/selection-mixin.js';
 
-const enableStickyScrollyFix = getFlag('table-sticky-scrolly-fix', true);
-
 export const tableStyles = css`
 	.d2l-table {
 		border-collapse: separate; /* needed to override reset stylesheets */
@@ -682,20 +679,12 @@ export class TableWrapper extends PropertyRequiredMixin(PageableMixin(SelectionM
 		const head = this._table.querySelector('thead');
 		const body = this._table.querySelector('tbody');
 
-		if (enableStickyScrollyFix) {
-			clearTimeout(this.#noScrollWidthTimeout);
-			this.#noScrollWidthTimeout = setTimeout(() => {
-				const maxScrollWidth = Math.max(head?.scrollWidth, body?.scrollWidth);
-				this._noScrollWidth = (maxScrollWidth <= this.clientWidth);
-			});
-			if (!head || !body || !this.stickyHeaders || !this.stickyHeadersScrollWrapper || this._noScrollWidth || !this.#hasIntersected) return;
-		} else {
+		clearTimeout(this.#noScrollWidthTimeout);
+		this.#noScrollWidthTimeout = setTimeout(() => {
 			const maxScrollWidth = Math.max(head?.scrollWidth, body?.scrollWidth);
-			setTimeout(() => {
-				this._noScrollWidth = this.clientWidth === maxScrollWidth;
-			});
-			if (!head || !body || !this._table || !this.stickyHeaders || !this.stickyHeadersScrollWrapper || this._noScrollWidth) return;
-		}
+			this._noScrollWidth = (maxScrollWidth <= this.clientWidth);
+		});
+		if (!head || !body || !this.stickyHeaders || !this.stickyHeadersScrollWrapper || this._noScrollWidth || !this.#hasIntersected) return;
 
 		const candidateRowHeadCells = [];
 

package/components/tabs/tab-mixin.js

@@ -1,6 +1,5 @@
 import '../colors/colors.js';
 import { css, html } from 'lit';
-import { getFlag } from '../../helpers/flags.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 const keyCodes = {
@@ -38,8 +37,7 @@ export const TabMixin = superclass => class extends SkeletonMixin(superclass) {
 			:host {
 				box-sizing: border-box;
 				display: inline-block;
-				/* TODO: When removing the GAUD-9963-dropdown-tabs-not-resizing flag, Keep the min max code */
-				max-width: var(--d2l-gaud-9963-tab-max-width, 200px);
+				max-width: min(20rem, max(33%, 10rem));
 				outline: none;
 				position: relative;
 				vertical-align: middle;
@@ -113,13 +111,6 @@ export const TabMixin = superclass => class extends SkeletonMixin(superclass) {
 		this.addEventListener('keyup', this.#handleKeyup);
 
 		this.#hasInitialized = true;
-		/**
-		 * TODO: remove this whole if when removing the GAUD-9963-dropdown-tabs-not-resizing flag
-		 * keep the min max code an place that into the styles above
-		 */
-		if (getFlag('GAUD-9963-dropdown-tabs-not-resizing', true)) {
-			this.style.setProperty('--d2l-gaud-9963-tab-max-width', 'min(20rem, max(33%, 10rem))');
-		}
 	}
 
 	render() {

package/components/tabs/tabs.js

@@ -426,7 +426,6 @@ class Tabs extends LocalizeCoreElement(ArrowKeysMixin(SkeletonMixin(LitElement))
 		return (Object.keys(this._tabIds).length > 1 && !reduceMotion) ? this._animateTabRemoval(tab) : Promise.resolve();
 	}
 
-	#GAUD_9963_FLAG = getFlag('GAUD-9963-dropdown-tabs-not-resizing', true);
 	#checkTabPanelMatchRequested;
 	#newTabsPanelStructure = getUseNewTabsStructureFlag();
 	#panels;
@@ -897,7 +896,7 @@ class Tabs extends LocalizeCoreElement(ArrowKeysMixin(SkeletonMixin(LitElement))
 
 		if (selectedTab) {
 			Promise.all(animPromises).then(async() => {
-				if (this.#GAUD_9963_FLAG) await new Promise(resolve => requestAnimationFrame(resolve)); /* TODO: when removing the GAUD-9963-dropdown-tabs-not-resizing flag, keep the Promise */
+				await new Promise(resolve => requestAnimationFrame(resolve));
 				this._updateMeasures();
 				this._updateScrollPosition(selectedTab);
 			});

package/package.json

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