@brightspace-ui/core 3.150.1 → 3.150.3

package/components/button/button-move.js

@@ -6,7 +6,6 @@ import { buttonStyles } from './button-styles.js';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 import { ThemeMixin } from '../../mixins/theme/theme-mixin.js';
 
 const keyCodes = Object.freeze({
@@ -33,7 +32,7 @@ export const moveActions = Object.freeze({
  * A button component that provides a move action via a single button.
  * @fires d2l-button-move-action - Dispatched when move action occurs
  */
-class ButtonMove extends ThemeMixin(FocusMixin(RtlMixin(LitElement))) {
+class ButtonMove extends ThemeMixin(FocusMixin(LitElement)) {
 
 	static get properties() {
 		return {
@@ -140,7 +139,7 @@ class ButtonMove extends ThemeMixin(FocusMixin(RtlMixin(LitElement))) {
 				.up-layer,
 				.down-layer {
 					height: 1.2rem;
-					left: -0.2rem;
+					inset-inline-start: -0.2rem;
 					position: absolute;
 					width: 1.3rem;
 				}
@@ -150,11 +149,6 @@ class ButtonMove extends ThemeMixin(FocusMixin(RtlMixin(LitElement))) {
 				.down-layer {
 					bottom: -0.35rem;
 				}
-				:host([dir="rtl"]) .up-layer,
-				:host([dir="rtl"]) .down-layer {
-					left: auto;
-					right: -0.2rem;
-				}
 
 				/* Firefox includes a hidden border which messes up button dimensions */
 				button::-moz-focus-inner {

package/components/tooltip/demo/tooltip.html

@@ -255,6 +255,10 @@
 						</d2l-icon-custom>
 					</d2l-tooltip-help>
 				</p>
+				<p class="d2l-body-compact" style="max-width: 100px;">
+					Wrapped:
+					<d2l-tooltip-help text="Due: Jan 20, 2026">Other due date information</d2l-tooltip-help>
+				</p>
 			</template>
 		</d2l-demo-snippet>
 

package/components/tooltip/tooltip-help.js

@@ -1,14 +1,17 @@
 import '../colors/colors.js';
 import '../tooltip/tooltip.js';
-import { css, html, LitElement, nothing } from 'lit';
+import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { bodySmallStyles } from '../typography/styles.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
+import { getFlag } from '../../helpers/flags.js';
 import { getFocusRingStyles } from '../../helpers/focus.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 import { SlottedIconMixin } from '../icons/slotted-icon-mixin.js';
 
+const startAlignText = getFlag('GAUD-8232-tooltip-help-start-align-text', true);
+
 /**
  * A component used to display additional information when users focus or hover over some text.
  * @slot - Default content placed inside of the tooltip
@@ -58,6 +61,7 @@ class TooltipHelp extends SlottedIconMixin(SkeletonMixin(FocusMixin(LitElement))
 				display: inline-flex;
 				font-family: inherit;
 				padding: 0;
+				text-align: ${unsafeCSS(startAlignText ? 'start' : 'center')};  /* stylelint-disable-line */
 				text-decoration-line: underline;
 				text-decoration-style: dashed;
 				text-decoration-thickness: 1px;

package/package.json

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