@brightspace-ui/core 3.115.0 → 3.116.0

package/components/inputs/input-checkbox.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 { classMap } from 'lit/directives/class-map.js';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
+import { getFlag } from '../../helpers/flags.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { InputInlineHelpMixin } from './input-inline-help.js';
 import { offscreenStyles } from '../offscreen/offscreen.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
+const inputStyleTweaksEnabled = getFlag('input-style-tweaks', true);
+
 export const cssSizes = {
 	inputBoxSize: 1.2,
 	checkboxMargin: 0.5,
@@ -133,14 +136,14 @@ class InputCheckbox extends InputInlineHelpMixin(FocusMixin(SkeletonMixin(LitEle
 			css`
 				:host {
 					display: block;
-					margin-bottom: 0.9rem;
+					margin-block-end: ${unsafeCSS(inputStyleTweaksEnabled ? '0.6rem' : '0.9rem')}; /* stylelint-disable-line */
 				}
 				:host([hidden]) {
 					display: none;
 				}
 				:host([label-hidden]) {
 					display: inline-block;
-					margin-bottom: 0;
+					margin-block-end: 0;
 				}
 				label {
 					display: flex;
@@ -181,7 +184,7 @@ class InputCheckbox extends InputInlineHelpMixin(FocusMixin(SkeletonMixin(LitEle
 				}
 				.d2l-input-checkbox-supporting {
 					display: none;
-					margin-block: 0.9rem;
+					margin-block-start: ${unsafeCSS(inputStyleTweaksEnabled ? '0.6rem' : '0.9rem')}; /* stylelint-disable-line */
 				}
 				.d2l-input-checkbox-supporting-visible {
 					display: block;

package/components/tooltip/tooltip.js

@@ -737,7 +737,7 @@ class Tooltip extends RtlMixin(LitElement) {
 			this._maxWidth = space.width;
 			await this.updateComplete;
 
-			if (content.scrollWidth + 2 * contentBorderSize <= space.width && content.scrollHeight + 2 * contentBorderSize <= space.height) {
+			if (content.scrollWidth + 2 * contentBorderSize <= Math.ceil(space.width) && content.scrollHeight + 2 * contentBorderSize <= Math.ceil(space.height)) {
 				return space;
 			}
 		}

package/mixins/localize/localize-mixin.js

@@ -8,6 +8,9 @@ export const _LocalizeMixinBase = dedupeMixin(superclass => class LocalizeMixinB
 	constructor() {
 		super();
 		super.constructor.setLocalizeMarkup(localizeMarkup);
+		if (super.constructor.documentLocaleSettings.pseudoLocalization?.textFormat) {
+			this.localize = (...args) => super.constructor.pseudoLocalize((...args) => super.localize(...args), ...args);
+		}
 	}
 
 	connectedCallback() {

package/package.json

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