@brightspace-ui/core 3.101.0 → 3.101.2

package/components/inputs/input-fieldset.js

@@ -5,14 +5,14 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { InputInlineHelpMixin } from './input-inline-help.js';
 import { inputLabelStyles } from './input-label-styles.js';
 import { offscreenStyles } from '../offscreen/offscreen.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
+import { PropertyRequiredMixin } from '../../mixins/property-required/property-required-mixin.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A component wrapper to be used when a page contains multiple inputs which are related (for example to form an address) to wrap those related inputs.
  * @slot - Related input components
  */
-class InputFieldset extends InputInlineHelpMixin(SkeletonMixin(RtlMixin(LitElement))) {
+class InputFieldset extends PropertyRequiredMixin(InputInlineHelpMixin(SkeletonMixin(LitElement))) {
 
 	static get properties() {
 		return {
@@ -20,7 +20,7 @@ class InputFieldset extends InputInlineHelpMixin(SkeletonMixin(RtlMixin(LitEleme
 			 * REQUIRED: Label for the fieldset
 			 * @type {string}
 			 */
-			label: { type: String },
+			label: { type: String, required: true },
 			/**
 			 * Hides the label visually
 			 * @type {boolean}

package/components/list/demo/list-color.html

@@ -11,6 +11,7 @@
 			import '../../dropdown/dropdown-more.js';
 			import '../../menu/menu.js';
 			import '../../menu/menu-item.js';
+			import '../../selection/selection-action.js';
 			import '../list-controls.js';
 			import '../list-item-content.js';
 			import '../list-item.js';

package/components/list/list-controls.js

@@ -18,6 +18,7 @@ export class ListControls extends SelectionControls {
 		return [super.styles, css`
 			:host {
 				--d2l-selection-controls-background-color: var(--d2l-list-controls-background-color);
+				--d2l-selection-controls-offset: -12px;
 				--d2l-selection-controls-padding: var(--d2l-list-controls-padding, 18px);
 				z-index: 6; /* must be greater than d2l-list-item-active-border */
 			}
@@ -25,13 +26,14 @@ export class ListControls extends SelectionControls {
 				z-index: auto;
 			}
 			.d2l-list-controls-color {
-				padding: 0 1.8rem;
+				padding-inline-start: 1.8rem;
 			}
 			.d2l-list-controls-extend-separator {
+				--d2l-selection-controls-offset: 0;
 				padding: 0 0.9rem;
 			}
 			.d2l-list-controls-color.d2l-list-controls-extend-separator {
-				padding: 0 calc(0.6rem + 9px);
+				padding-inline-start: calc(0.6rem + 9px);
 			}
 		`];
 	}

package/components/selection/selection-controls.js

@@ -103,6 +103,7 @@ export class SelectionControls extends PageableSubscriberMixin(SelectionObserver
 			.d2l-selection-controls-actions {
 				--d2l-overflow-group-justify-content: flex-end;
 				flex: auto;
+				margin-inline-end: var(--d2l-selection-controls-offset, 0);
 				text-align: end;
 			}
 			.d2l-sticky-edge {

package/package.json

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