@brightspace-ui/core 3.146.0 → 3.147.0

package/components/popover/demo/popover.html

@@ -234,9 +234,9 @@
 					document.querySelector('#openDialog1').addEventListener('click', () => {
 						document.querySelector('#dialog1').opened = true;
 					});
-					document.querySelector('#openPopover1').addEventListener('click', () => {
+					document.querySelector('#openPopover1').addEventListener('click', e => {
 						const popover = document.querySelector('#popover1');
-						popover.opened = !popover.opened;
+						popover.open(e.target);
 					});
 				</script>
 			</template>
@@ -253,13 +253,13 @@
 					</d2l-test-popover>
 				</d2l-test-popover>
 				<script data-demo-hide>
-					document.querySelector('#outerOpener').addEventListener('click', () => {
+					document.querySelector('#outerOpener').addEventListener('click', e => {
 						const popover = document.querySelector('#outerPopover');
-						popover.opened = !popover.opened;
+						popover.open(e.target);
 					});
-					document.querySelector('#innerOpener').addEventListener('click', () => {
+					document.querySelector('#innerOpener').addEventListener('click', e => {
 						const popover = document.querySelector('#innerPopover');
-						popover.opened = !popover.opened;
+						popover.open(e.target);
 					});
 				</script>
 			</template>

package/components/tabs/tabs.js

@@ -212,6 +212,22 @@ class Tabs extends LocalizeCoreElement(ArrowKeysMixin(SkeletonMixin(LitElement))
 				}
 
 			}
+
+			@media (prefers-contrast: more) {
+				.d2l-tabs-scroll-previous-container,
+				.d2l-tabs-scroll-next-container {
+					margin-inline: 0;
+					padding-inline: 4px;
+				}
+				.d2l-tabs-scroll-next-container {
+					border-inline-start: 1px solid var(--d2l-color-gypsum);
+					padding-inline-start: 11px;
+				}
+				.d2l-tabs-scroll-previous-container {
+					border-inline-end: 1px solid var(--d2l-color-gypsum);
+					padding-inline-end: 11px;
+				}
+			}
 		`];
 	}
 

package/components/tooltip/demo/tooltip.html

@@ -127,7 +127,7 @@
 				<script data-demo-hide>
 					const demo = document.currentScript.parentNode;
 					demo.querySelector('#position').addEventListener('change', e => {
-						demo.querySelector('d2l-tooltip').position = e.target.value;
+						demo.querySelector('d2l-tooltip').setAttribute('position', e.target.value);
 					});
 					demo.querySelector('#align').addEventListener('change', e => {
 						demo.querySelector('d2l-tooltip').align = (e.target.value !== 'center' ? e.target.value : undefined);

package/package.json

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