@brightspace-ui/core 3.102.1 → 3.102.3

package/components/menu/menu-item-checkbox.js

@@ -2,13 +2,12 @@ import '../icons/icon.js';
 import { html, LitElement } from 'lit';
 import { MenuItemSelectableMixin } from './menu-item-selectable-mixin.js';
 import { menuItemSelectableStyles } from './menu-item-selectable-styles.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 
 /**
  * A menu item component used for selection. Multiple checkboxes can be selected at once.
  * @slot supporting - Allows supporting information to be displayed on the right-most side of the menu item
  */
-class MenuItemCheckbox extends RtlMixin(MenuItemSelectableMixin(LitElement)) {
+class MenuItemCheckbox extends MenuItemSelectableMixin(LitElement) {
 
 	static get styles() {
 		return menuItemSelectableStyles;

package/components/menu/menu-item-radio.js

@@ -2,13 +2,12 @@ import '../icons/icon.js';
 import { html, LitElement } from 'lit';
 import { MenuItemRadioMixin } from './menu-item-radio-mixin.js';
 import { menuItemSelectableStyles } from './menu-item-selectable-styles.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 
 /**
  * A menu item component used for radio selection. Only one radio item in a given d2l-menu may be selected at once (i.e., selecting one option will deselect the other selected "d2l-menu-item-radio" item).
  * @slot supporting - Allows supporting information to be displayed on the right-most side of the menu item
  */
-class MenuItemRadio extends RtlMixin(MenuItemRadioMixin(LitElement)) {
+class MenuItemRadio extends MenuItemRadioMixin(LitElement) {
 
 	static get styles() {
 		return menuItemSelectableStyles;

package/components/menu/menu-item-return.js

@@ -3,9 +3,8 @@ import { css, html, LitElement } from 'lit';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import { MenuItemMixin } from './menu-item-mixin.js';
 import { menuItemStyles } from './menu-item-styles.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 
-class MenuItemReturn extends RtlMixin(LocalizeCoreElement(MenuItemMixin(LitElement))) {
+class MenuItemReturn extends LocalizeCoreElement(MenuItemMixin(LitElement)) {
 
 	static get styles() {
 		return [ menuItemStyles,
@@ -27,14 +26,9 @@ class MenuItemReturn extends RtlMixin(LocalizeCoreElement(MenuItemMixin(LitEleme
 
 				d2l-icon {
 					flex: none;
-					margin-right: 1rem;
+					margin-inline-end: 1rem;
 					margin-top: 0.1rem;
 				}
-
-				:host([dir="rtl"]) > d2l-icon {
-					margin-left: 1rem;
-					margin-right: 0;
-				}
 			`
 		];
 	}

package/components/menu/menu-item-selectable-styles.js

@@ -16,15 +16,10 @@ export const menuItemSelectableStyles = [ menuItemStyles,
 
 		d2l-icon {
 			flex: none;
-			margin-right: 0.8rem;
+			margin-inline-end: 0.8rem;
 			visibility: hidden;
 		}
 
-		:host([dir="rtl"]) > d2l-icon {
-			margin-left: 0.8rem;
-			margin-right: 0;
-		}
-
 		:host([aria-checked="true"]) > d2l-icon {
 			visibility: visible;
 		}

package/components/menu/menu-item-styles.js

@@ -65,10 +65,6 @@ export const menuItemStyles = css`
 	.d2l-menu-item-supporting {
 		flex: 0 0 auto;
 		line-height: 1rem;
-		margin-left: 6px;
-	}
-	:host([dir="rtl"]) .d2l-menu-item-supporting {
-		margin-left: 0;
-		margin-right: 6px;
+		margin-inline-start: 6px;
 	}
 `;

package/components/menu/menu-item.js

@@ -18,14 +18,9 @@ class MenuItem extends MenuItemMixin(LitElement) {
 					display: flex;
 					padding: 0.75rem 1rem;
 				}
-
 				d2l-icon {
 					flex: none;
-					margin-left: 6px;
-				}
-				:host([dir="rtl"]) d2l-icon {
-					margin-left: 0;
-					margin-right: 6px;
+					margin-inline-start: 6px;
 				}
 			`
 		];

package/components/selection/selection-action-menu-item.js

@@ -23,11 +23,7 @@ class ActionMenuItem extends SelectionActionMixin(MenuItemMixin(LitElement)) {
 				}
 				d2l-icon {
 					flex: none;
-					margin-left: 6px;
-				}
-				:host([dir="rtl"]) d2l-icon {
-					margin-left: 0;
-					margin-right: 6px;
+					margin-inline-start: 6px;
 				}
 			`
 		];

package/components/table/table-col-sort-button-item.js

@@ -2,7 +2,6 @@ import '../icons/icon.js';
 import { html, LitElement } from 'lit';
 import { MenuItemRadioMixin } from '../menu/menu-item-radio-mixin.js';
 import { menuItemSelectableStyles } from '../menu/menu-item-selectable-styles.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 
 /**
  * A radio menu item to be used within the d2l-table-col-sort-button component for a multi-faceted sort.
@@ -10,7 +9,7 @@ import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
  * @fires d2l-menu-item-select - Internal event
  * @fires d2l-menu-item-visibility-change - Internal event
  */
-class TableColSortButtonItem extends RtlMixin(MenuItemRadioMixin(LitElement)) {
+class TableColSortButtonItem extends MenuItemRadioMixin(LitElement) {
 
 	static get styles() {
 		return menuItemSelectableStyles;

package/components/tag-list/tag-list-item-mixin.js

@@ -10,7 +10,6 @@ import { getUniqueId } from '../../helpers/uniqueId.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import { PropertyRequiredMixin } from '../../mixins/property-required/property-required-mixin.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 
 const keyCodes = {
 	BACKSPACE: 8,
@@ -38,7 +37,7 @@ export function resetHasDisplayedKeyboardTooltip() {
 	hasDisplayedKeyboardTooltip = false;
 }
 
-export const TagListItemMixin = superclass => class extends LocalizeCoreElement(PropertyRequiredMixin(RtlMixin(superclass))) {
+export const TagListItemMixin = superclass => class extends LocalizeCoreElement(PropertyRequiredMixin(superclass)) {
 
 	static get properties() {
 		return {
@@ -95,11 +94,7 @@ export const TagListItemMixin = superclass => class extends LocalizeCoreElement(
 				white-space: nowrap;
 			}
 			.tag-list-item-container.tag-list-item-container-clearable {
-				padding-right: 0.2rem;
-			}
-			:host([dir="rtl"]) .tag-list-item-container.tag-list-item-container-clearable {
-				padding-left: 0.2rem;
-				padding-right: 0;
+				padding-inline-end: 0.2rem;
 			}
 			.tag-list-item-content {
 				outline: none;
@@ -135,11 +130,7 @@ export const TagListItemMixin = superclass => class extends LocalizeCoreElement(
 				}
 			}
 			.d2l-tag-list-item-clear-button {
-				margin-left: calc(-0.6rem + 3px);
-			}
-			:host([dir="rtl"]) .d2l-tag-list-item-clear-button {
-				margin-left: 0;
-				margin-right: calc(-0.6rem + 3px);
+				margin-inline-start: calc(-0.6rem + 3px);
 			}
 			d2l-button-icon {
 				--d2l-button-icon-fill-color: var(--d2l-color-chromite);

package/package.json

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