@brightspace-ui/core 2.28.0 → 2.28.3

package/components/filter/filter.js

@@ -550,11 +550,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		if (shouldRecount) this._setFilterCounts(dimension);
 		if (shouldUpdate)  this.requestUpdate();
 		if (shouldResizeDropdown) {
-			const singleDimension = this._dimensions.length === 1;
-			if (singleDimension && this.opened) {
-				const dropdown = this.shadowRoot.querySelector('d2l-dropdown-content');
-				dropdown.requestRepositionNextResize(this.shadowRoot.querySelector('.d2l-filter-container'));
-			}
+			this._requestDropdownResize();
 		}
 	}
 
@@ -717,9 +713,18 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 				break;
 		}
 
+		this._requestDropdownResize();
 		this.requestUpdate();
 	}
 
+	_requestDropdownResize() {
+		const singleDimension = this._dimensions.length === 1;
+		if (singleDimension && this.opened) {
+			const dropdown = this.shadowRoot.querySelector('d2l-dropdown-content');
+			dropdown.requestRepositionNextResize(this.shadowRoot.querySelector('.d2l-filter-container'));
+		}
+	}
+
 	_setDimensionChangeEvent(dimension, change, dimensionCleared) {
 		if (!this._changeEventsToDispatch.has(dimension.key)) {
 			this._changeEventsToDispatch.set(dimension.key, { dimensionKey: dimension.key, cleared: false, changes: new Map() });

package/components/tooltip/README.md

@@ -47,7 +47,7 @@ If you are unable to add a semantically aligned ARIA role or attach the tooltip
 
 The `d2l-tooltip` component is used to display additional information when users focus or hover on a point of interest.
 
-## Best Practices
+### Best Practices
 
 <!-- docs: start best practices -->
 <!-- docs: start dos -->

package/components/typography/styles.js

@@ -227,7 +227,6 @@ export const labelStyles = css`
 
 export const blockquoteStyles = css`
 	.d2l-blockquote {
-		color: var(--d2l-color-tungsten);
 		font-size: 0.8rem;
 		font-weight: 400;
 		line-height: 1.4rem;

package/components/typography/typography.js

@@ -113,7 +113,6 @@ if (!document.head.querySelector('#d2l-typography-font-face')) {
 		}
 
 		.d2l-typography .d2l-blockquote {
-			color: var(--d2l-color-tungsten);
 			font-size: 0.8rem;
 			font-weight: 400;
 			line-height: 1.4rem;

package/components/validation/README.md

@@ -20,13 +20,13 @@ The `d2l-validation-custom` component is used to add custom validation logic to
 </d2l-validation-custom>
 
 <script>
-const input = document.getElementById('my-text-input');
-input.addEventListener('d2l-validation-custom-validate', e => {
-  // Implement your custom validation logic
-  const myTextInput = e.detail.forElement;
-  const isValid = myTextInput.value === 'secret phrase';
-  e.detail.resolve(isValid);
-});
+  const validator = document.querySelector('d2l-validation-custom');
+  validator.addEventListener('d2l-validation-custom-validate', e => {
+    // Implement your custom validation logic
+    const myTextInput = e.detail.forElement;
+    const isValid = myTextInput.value === 'secret phrase';
+    e.detail.resolve(isValid);
+  });
 </script>
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.28.0",
+  "version": "2.28.3",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -51,7 +51,7 @@
     "axe-core": "^4",
     "chalk": "^5",
     "eslint": "^8",
-    "eslint-config-brightspace": "^0.17",
+    "eslint-config-brightspace": "^0.18",
     "eslint-plugin-html": "^6",
     "eslint-plugin-import": "^2",
     "eslint-plugin-lit": "^1",