@brightspace-ui/core 3.204.1 → 3.204.3

package/components/inputs/demo/input-number.html

@@ -5,8 +5,8 @@
 		<meta charset="UTF-8">
 		<link rel="stylesheet" href="../../demo/styles.css" type="text/css">
 		<script type="module">
-			import '../../button/button-icon.js';
 			import '../../demo/demo-page.js';
+			import '../../button/button-icon.js';
 			import '../../icons/icon.js';
 			import '../input-number.js';
 		</script>

package/components/inputs/demo/input-text.html

@@ -5,8 +5,8 @@
 		<meta charset="UTF-8">
 		<link rel="stylesheet" href="../../demo/styles.css" type="text/css">
 		<script type="module">
-			import '../../button/button-icon.js';
 			import '../../demo/demo-page.js';
+			import '../../button/button-icon.js';
 			import '../../icons/icon.js';
 			import '../input-text.js';
 		</script>

package/components/list/README.md

@@ -121,14 +121,14 @@ The `d2l-list` is the container to create a styled list of items using `d2l-list
 </script>
 
 <d2l-list>
-  <d2l-list-item selectable label="List Item 1">
+  <d2l-list-item selectable label="List Item 1" tile-header>
     <d2l-list-item-content>
       <div>Regular list item</div>
       <div slot="secondary">Secondary information</div>
       <div slot="supporting-info">Supporting information</div>
     </d2l-list-item-content>
   </d2l-list-item>
-  <d2l-list-item selectable label="List Item 2">
+  <d2l-list-item selectable label="List Item 2" tile-header>
     <d2l-list-item-content>
       <div>Regular list item 2</div>
       <div slot="secondary">Secondary information</div>
@@ -809,7 +809,7 @@ The `d2l-list` component supports displaying items in a tile layout. The built-i
 
 **Note:** Nested lists, separators, and drag & drop are not supported in the tile layout.
 
-<!-- docs: demo code display:block autoSize:false size:large sandboxTitle:'List - Tile Layout'-->
+<!-- docs: demo code display:block autoSize:true sandboxTitle:'List - Tile Layout'-->
 ```html
 <script type="module">
   import '@brightspace-ui/core/components/list/list-item.js';
@@ -864,7 +864,7 @@ The `d2l-list` component supports displaying items in a tile layout. The built-i
 
 Apply the `tile-header` property to the list item when using selection or secondary actions and there isn't a decorative image to render over.
 
-<!-- docs: demo code display:block autoSize:false size:large sandboxTitle:'List - Tile Header'-->
+<!-- docs: demo code display:block autoSize:true sandboxTitle:'List - Tile Header'-->
 ```html
 <script type="module">
   import '@brightspace-ui/core/components/button/button-icon.js';
@@ -927,7 +927,7 @@ In addition, the list item's `tile-padding-type` property enables consumers to o
 
 **Note:** For custom item layouts, consumers are responsible for laying out their content in both the standard `list` and `tiles` layouts if the user can change the layout. Ideally this is accomplished by simply applying slightly different styles.
 
-<!-- docs: demo code display:block autoSize:false size:large sandboxTitle:'List - Tile Custom Layout'-->
+<!-- docs: demo code display:block autoSize:true sandboxTitle:'List - Tile Custom Layout'-->
 ```html
 <script type="module">
   import '@brightspace-ui/core/components/button/button.js';

package/components/popover/popover-mixin.js

@@ -129,6 +129,7 @@ export const PopoverMixin = superclass => class extends superclass {
 				display: flex;
 				max-width: 370px;
 				min-width: 70px;
+				outline: var(--d2l-popover-outline-width, 0) solid var(--d2l-popover-outline-color, transparent);
 				width: 100vw;
 			}
 			.content-container {
@@ -515,7 +516,8 @@ export const PopoverMixin = superclass => class extends superclass {
 
 		const pointerClasses = {
 			'pointer': true,
-			'pointer-mirror': this._rtl
+			'pointer-mirror': this._rtl,
+			'vdiff-target': true
 		};
 		const pointer = !this._noPointer ? html`
 			<div class="${classMap(pointerClasses)}" style="${styleMap(pointerPositionStyles)}">
@@ -960,11 +962,11 @@ export const PopoverMixin = superclass => class extends superclass {
 
 		if (this._preferredPosition.span === positionSpans.all && centerDelta <= 0) {
 			// center with target (opener wider than content)
-			return contentXAdjustment * -1;
+			return (contentXAdjustment + 1.5) * -1; // 1.5px to account for extra 3px that is being applied to width
 		}
 		if (this._preferredPosition.span === positionSpans.all && spaceAround.left > contentXAdjustment && spaceAround.right > contentXAdjustment) {
 			// center with target (content wider than opener and enough space around)
-			return contentXAdjustment * -1;
+			return (contentXAdjustment + 1.5) * -1; // 1.5px to account for extra 3px that is being applied to width
 		}
 
 		if (!this._rtl) {

package/components/tooltip/tooltip.js

@@ -279,6 +279,10 @@ if (usePopoverMixin) {
 			this.showing = true;
 		}
 
+		updatePosition() {
+			return super.position();
+		}
+
 		#dismissibleId = null;
 		#handleTargetBlurBound;
 		#handleTargetClickBound;

package/package.json

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