@brightspace-ui/core 1.229.0 → 1.230.3

package/components/inputs/input-number.js

@@ -264,14 +264,13 @@ class InputNumber extends LabelledMixin(SkeletonMixin(FormElementMixin(LocalizeC
 			countDecimalDigits(this._valueTrailingZeroes, false),
 			this.maxFractionDigits
 		);
-		let valueTrailingZeroes = this.value.toString();
-		const decimalDiff = (numDecimals - countDecimalDigits(valueTrailingZeroes, false));
-		if (decimalDiff > 0) {
-			if (decimalDiff === numDecimals) {
-				valueTrailingZeroes += '.';
+		const valueTrailingZeroes = new Intl.NumberFormat(
+			'en-US',
+			{
+				minimumFractionDigits: numDecimals,
+				useGrouping: false
 			}
-			valueTrailingZeroes = valueTrailingZeroes.padEnd(valueTrailingZeroes.length + decimalDiff, '0');
-		}
+		).format(this.value);
 		return valueTrailingZeroes;
 	}
 	set valueTrailingZeroes(val) {

package/components/list/demo/list.html

@@ -7,11 +7,13 @@
 		<script type="module">
 			import '../../button/button-icon.js';
 			import '../../demo/demo-page.js';
+			import '../../dropdown/dropdown-button-subtle.js';
 			import '../../dropdown/dropdown-menu.js';
 			import '../../dropdown/dropdown-more.js';
 			import '../../menu/menu.js';
 			import '../../menu/menu-item.js';
 			import '../../selection/selection-action.js';
+			import '../../selection/selection-action-menu-item.js';
 			import '../../tooltip/tooltip.js';
 			import '../list-header.js';
 			import '../list-item-button.js';
@@ -67,8 +69,15 @@
 					<d2l-list id="allFeatures" item-count="50">
 						<d2l-list-header slot="header" select-all-pages-allowed>
 							<d2l-selection-action icon="tier1:plus-default" text="Add"></d2l-selection-action>
-							<d2l-selection-action icon="tier1:share" text="Share" requires-selection></d2l-selection-action>
 							<d2l-selection-action icon="tier1:delete" text="Delete" requires-selection></d2l-selection-action>
+							<d2l-dropdown-button-subtle text="Actions">
+								<d2l-dropdown-menu>
+									<d2l-menu label="Actions">
+										<d2l-selection-action-menu-item text="Bookmark (requires selection)" requires-selection></d2l-selection-action-menu-item>
+										<d2l-selection-action-menu-item text="Advanced"></d2l-selection-action-menu-item>
+									</d2l-menu>
+								</d2l-dropdown-menu>
+							</d2l-dropdown-button-subtle>
 							<d2l-selection-action icon="tier1:gear" text="Settings"></d2l-selection-action>
 						</d2l-list-header>
 						<d2l-list-item href="http://www.d2l.com" selectable key="1" label="Introductory Earth Sciences">

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

@@ -105,15 +105,9 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
 				filter: grayscale(75%);
 				opacity: 0.4;
 			}
-			:host([draggable]) .d2l-list-item-drag-image {
-				transform: rotate(-1deg);
-			}
 			:host([dragging]) .d2l-list-item-drag-image {
 				background: white;
 			}
-			:host([draggable]) d2l-list-item-generic-layout {
-				transform: rotate(1deg);
-			}
 			d2l-list-item-generic-layout {
 				border-bottom: 1px solid var(--d2l-color-mica);
 				border-top: 1px solid var(--d2l-color-mica);
@@ -281,10 +275,6 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
 				width: 100%;
 				z-index: 5;
 			}
-			:host([draggable][selected]:not([disabled])) .d2l-list-item-active-border,
-			:host([draggable][selected]:not([disabled])) d2l-list-item-generic-layout.d2l-focusing + .d2l-list-item-active-border {
-				transform: rotate(1deg);
-			}
 			d2l-tooltip > div {
 				font-weight: 700;
 			}
@@ -466,52 +456,54 @@ export const ListItemMixin = superclass => class extends LocalizeCoreElement(Lis
 		const primaryAction = this._renderPrimaryAction ? this._renderPrimaryAction(this._contentId) : null;
 		const tooltipForId = (primaryAction ? this._primaryActionId : (this.selectable ? this._checkboxId : null));
 
+		const innerView = html`
+			<d2l-list-item-generic-layout
+				@focusin="${this._onFocusIn}"
+				@focusout="${this._onFocusOut}"
+				class="${classMap(classes)}"
+				data-breakpoint="${this._breakpoint}"
+				data-separators="${ifDefined(this._separators)}"
+				?grid-active="${this.role === 'rowgroup'}">
+				${this._renderDropTarget()}
+				${this._renderDragHandle(this._renderOutsideControl)}
+				${this._renderDragTarget(this.dragTargetHandleOnly ? this._renderOutsideControlHandleOnly : this._renderOutsideControlAction)}
+				${this.selectable ? html`
+				<div slot="control">${this._renderCheckbox()}</div>
+				<div slot="control-action"
+					@mouseenter="${this._onMouseEnter}"
+					@mouseleave="${this._onMouseLeave}">
+						${this._renderCheckboxAction('')}
+				</div>` : nothing }
+				${primaryAction ? html`
+				<div slot="content-action"
+					@focusin="${this._onFocusInPrimaryAction}"
+					@focusout="${this._onFocusOutPrimaryAction}"
+					@mouseenter="${this._onMouseEnterPrimaryAction}"
+					@mouseleave="${this._onMouseLeavePrimaryAction}">
+						${primaryAction}
+				</div>` : nothing}
+				<div slot="content"
+					class="${classMap(contentClasses)}"
+					id="${this._contentId}">
+					<slot name="illustration" class="d2l-list-item-illustration">${illustration}</slot>
+					<slot>${content}</slot>
+				</div>
+				<div slot="actions"
+					@mouseenter="${this._onMouseEnter}"
+					@mouseleave="${this._onMouseLeave}"
+					class="d2l-list-item-actions-container">
+					<slot name="actions" class="d2l-list-item-actions">${actions}</slot>
+				</div>
+				<div slot="nested" @d2l-selection-provider-connected="${this._onSelectionProviderConnected}">
+					<slot name="nested" @slotchange="${this._onNestedSlotChange}">${nested}</slot>
+				</div>
+			</d2l-list-item-generic-layout>
+			<div class="d2l-list-item-active-border"></div>
+		`;
+
 		return html`
 			${this._renderTopPlacementMarker(html`<d2l-list-item-placement-marker></d2l-list-item-placement-marker>`)}
-			<div class="d2l-list-item-drag-image">
-				<d2l-list-item-generic-layout
-					@focusin="${this._onFocusIn}"
-					@focusout="${this._onFocusOut}"
-					class="${classMap(classes)}"
-					data-breakpoint="${this._breakpoint}"
-					data-separators="${ifDefined(this._separators)}"
-					?grid-active="${this.role === 'rowgroup'}">
-					${this._renderDropTarget()}
-					${this._renderDragHandle(this._renderOutsideControl)}
-					${this._renderDragTarget(this.dragTargetHandleOnly ? this._renderOutsideControlHandleOnly : this._renderOutsideControlAction)}
-					${this.selectable ? html`
-					<div slot="control">${this._renderCheckbox()}</div>
-					<div slot="control-action"
-						@mouseenter="${this._onMouseEnter}"
-						@mouseleave="${this._onMouseLeave}">
-							${this._renderCheckboxAction('')}
-					</div>` : nothing }
-					${primaryAction ? html`
-					<div slot="content-action"
-						@focusin="${this._onFocusInPrimaryAction}"
-						@focusout="${this._onFocusOutPrimaryAction}"
-						@mouseenter="${this._onMouseEnterPrimaryAction}"
-						@mouseleave="${this._onMouseLeavePrimaryAction}">
-							${primaryAction}
-					</div>` : nothing}
-					<div slot="content"
-						class="${classMap(contentClasses)}"
-						id="${this._contentId}">
-						<slot name="illustration" class="d2l-list-item-illustration">${illustration}</slot>
-						<slot>${content}</slot>
-					</div>
-					<div slot="actions"
-						@mouseenter="${this._onMouseEnter}"
-						@mouseleave="${this._onMouseLeave}"
-						class="d2l-list-item-actions-container">
-						<slot name="actions" class="d2l-list-item-actions">${actions}</slot>
-					</div>
-					<div slot="nested" @d2l-selection-provider-connected="${this._onSelectionProviderConnected}">
-						<slot name="nested" @slotchange="${this._onNestedSlotChange}">${nested}</slot>
-					</div>
-				</d2l-list-item-generic-layout>
-				<div class="d2l-list-item-active-border"></div>
-			</div>
+			${this.draggable ? html`<div class="d2l-list-item-drag-image">${innerView}</div>` : innerView}
 			${this._renderBottomPlacementMarker(html`<d2l-list-item-placement-marker></d2l-list-item-placement-marker>`)}
 			${this._displayKeyboardTooltip && tooltipForId ? html`<d2l-tooltip align="start" announced for="${tooltipForId}" for-type="descriptor">${this._renderTooltipContent()}</d2l-tooltip>` : ''}
 		`;

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

@@ -1,6 +1,4 @@
-
-import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
-export const MenuItemMixin = superclass => class extends FocusVisiblePolyfillMixin(superclass) {
+export const MenuItemMixin = superclass => class extends superclass {
 
 	static get properties() {
 		return {

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

@@ -17,8 +17,8 @@ export const menuItemStyles = css`
 	}
 
 	:host(:hover),
-	:host(.focus-visible),
-	:host(.focus-visible[first]),
+	:host(:focus-visible),
+	:host(:focus-visible[first]),
 	:host([first]:hover) {
 		background-color: var(--d2l-menu-background-color-hover);
 		border-bottom: 1px solid var(--d2l-menu-border-color-hover);
@@ -27,7 +27,7 @@ export const menuItemStyles = css`
 		z-index: 2;
 	}
 
-	:host([disabled]), :host([disabled]:hover), :host([disabled].focus-visible) {
+	:host([disabled]), :host([disabled]:hover), :host([disabled]:focus-visible) {
 		cursor: default;
 		opacity: 0.75;
 	}
@@ -40,7 +40,7 @@ export const menuItemStyles = css`
 		border-top-color: transparent;
 	}
 
-	:host([last].focus-visible),
+	:host([last]:focus-visible),
 	:host([last]:hover) {
 		border-bottom-color: var(--d2l-menu-border-color-hover);
 	}

package/components/menu/menu.js

@@ -2,7 +2,6 @@ import '../colors/colors.js';
 import '../icons/icon.js';
 import './menu-item-return.js';
 import { css, html, LitElement } from 'lit-element/lit-element.js';
-import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
 import { HierarchicalViewMixin } from '../hierarchical-view/hierarchical-view-mixin.js';
 import { ThemeMixin } from '../../mixins/theme-mixin.js';
 
@@ -21,7 +20,7 @@ const keyCodes = {
  * @slot - Menu items
  * @fires d2l-menu-resize - Dispatched when size of menu changes (e.g., when nested menu of a different size is opened)
  */
-class Menu extends ThemeMixin(HierarchicalViewMixin(FocusVisiblePolyfillMixin(LitElement))) {
+class Menu extends ThemeMixin(HierarchicalViewMixin(LitElement)) {
 
 	static get properties() {
 		return {

package/components/overflow-group/overflow-group.js

@@ -98,6 +98,7 @@ function convertToDropdownItem(node) {
 		case 'd2l-dropdown-more':
 			return createMenuItemMenu(node);
 		case 'd2l-menu-item':
+		case 'd2l-selection-action-menu-item':
 			// if the menu item has children treat it as a menu item menu
 			if (node.children.length > 0) {
 				return createMenuItemMenu(node);

package/components/selection/README.md

@@ -148,6 +148,44 @@ The `d2l-selection-action` is an optional component that provides a button for a
 | `d2l-selection-action-click` | Dispatched when the user clicks the action button. The `SelectionInfo` is provided as the event `detail`. If `requires-selection` was specified then the event will only be dispatched if items are selected. |
 <!-- docs: end hidden content -->
 
+## Selection Action Menu Item [d2l-selection-action-menu-item]
+
+The `d2l-selection-action-menu-item` is an optional component that is a menu item for actions associated with the selection component (ex. bulk actions). The `requires-selection` attribute may be specified to indicate that the button should be non-interactive if nothing is selected.
+
+<!-- docs: demo live name:d2l-selection-action-menu-item -->
+```html
+<script type="module">
+  import '@brightspace-ui/core/components/dropdown/dropdown-button-subtle.js';
+  import '@brightspace-ui/core/components/dropdown/dropdown-menu.js';
+  import '@brightspace-ui/core/components/menu/menu.js';
+  import '@brightspace-ui/core/components/selection/selection-action-menu-item.js';
+</script>
+<d2l-dropdown-button-subtle text="Actions">
+	<d2l-dropdown-menu>
+		<d2l-menu label="Actions">
+			<d2l-selection-action-menu-item text="Action 1" requires-selection></d2l-selection-action-menu-item>
+			<d2l-selection-action-menu-item text="Action 2"></d2l-selection-action-menu-item>
+		</d2l-menu>
+	</d2l-dropdown-menu>
+</d2l-dropdown-button-subtle>
+```
+
+<!-- docs: start hidden content -->
+### Properties
+
+| Property | Type | Description |
+|---|---|---|
+| `requires-selection` | Boolean | Whether the action menu-item requires one or more selected items. |
+| `selection-for` | String | Id of the corresponding `SelectionMixin` component, if not placed within it. |
+| `text` | String, required | Text to be shown for the action menu-item. |
+
+### Events
+
+| Event | Description |
+|---|---|
+| `d2l-selection-action-click` | Dispatched when the user clicks the action menu-item. The `SelectionInfo` is provided as the event `detail`. If `requires-selection` was specified then the event will only be dispatched if items are selected. |
+<!-- docs: end hidden content -->
+
 ## Selection Input [d2l-selection-input]
 
 The `d2l-selection-input` is a required component in selection controls - without it, there wouldn't be anything for the user to select! Note: `d2l-list-item` already provides a selection input for selectable list items. If `d2l-selection-input` is placed within a selection control that specifies `selection-single`, then radios will be rendered instead of checkboxes.

package/components/selection/demo/selection.html

@@ -6,7 +6,11 @@
 		<link rel="stylesheet" href="../../demo/styles.css" type="text/css">
 		<script type="module">
 			import '../../demo/demo-page.js';
+			import '../../dropdown/dropdown-button-subtle.js';
+			import '../../dropdown/dropdown-menu.js';
+			import '../../menu/menu.js';
 			import '../selection-action.js';
+			import '../selection-action-menu-item.js';
 			import '../selection-input.js';
 			import '../selection-select-all.js';
 			import '../selection-summary.js';
@@ -57,6 +61,14 @@
 								<d2l-selection-select-all></d2l-selection-select-all>
 								<d2l-selection-action text="Bookmark" icon="tier1:bookmark-hollow" requires-selection></d2l-selection-action>
 								<d2l-selection-action text="Settings" icon="tier1:gear"></d2l-selection-action>
+								<d2l-dropdown-button-subtle text="Actions">
+									<d2l-dropdown-menu>
+										<d2l-menu label="Actions">
+											<d2l-selection-action-menu-item text="Action 1 (requires selection)" requires-selection></d2l-selection-action-menu-item>
+											<d2l-selection-action-menu-item text="Action 2"></d2l-selection-action-menu-item>
+										</d2l-menu>
+									</d2l-dropdown-menu>
+								</d2l-dropdown-button-subtle>
 							</div>
 							<d2l-selection-summary style="flex: none;"></d2l-selection-summary>
 						</div>

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

@@ -0,0 +1,61 @@
+import { css, html, LitElement } from 'lit-element/lit-element.js';
+import { MenuItemMixin } from '../menu/menu-item-mixin.js';
+import { menuItemStyles } from '../menu/menu-item-styles.js';
+import { SelectionActionMixin } from './selection-action-mixin.js';
+import { SelectionInfo } from './selection-mixin.js';
+
+/**
+ * An action menu-item component used within selection controls such as d2l-list and d2l-list-header.
+ * @slot supporting - Allows supporting information to be displayed on the right-most side of the menu item
+ * @fires d2l-selection-action-click - Dispatched when the user clicks the action button. The `SelectionInfo` is provided as the event `detail`. If `requires-selection` was specified then the event will only be dispatched if items are selected.
+ * @fires d2l-selection-observer-subscribe - Internal event
+ */
+class MenuItem extends SelectionActionMixin(MenuItemMixin(LitElement)) {
+
+	static get styles() {
+		return [ menuItemStyles,
+			css`
+				:host {
+					align-items: center;
+					display: flex;
+					padding: 0.75rem 1rem;
+				}
+				:host([dir="rtl"]) d2l-icon {
+					margin-left: 0;
+					margin-right: 6px;
+				}
+			`
+		];
+	}
+
+	connectedCallback() {
+		super.connectedCallback();
+		this.addEventListener('d2l-menu-item-select', this._handleMenuItemSelect);
+	}
+
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.removeEventListener('d2l-menu-item-select', this._handleMenuItemSelect);
+	}
+
+	render() {
+		return html`
+			<div class="d2l-menu-item-text">${this.text}</div>
+			<div class="d2l-menu-item-supporting"><slot name="supporting"></slot></div>
+		`;
+	}
+
+	_handleMenuItemSelect(e) {
+		e.stopPropagation();
+
+		if (this.requiresSelection && this.selectionInfo.state === SelectionInfo.states.none) return;
+
+		this.dispatchEvent(new CustomEvent('d2l-selection-action-click', {
+			bubbles: true,
+			detail: this.selectionInfo
+		}));
+	}
+
+}
+
+customElements.define('d2l-selection-action-menu-item', MenuItem);

package/components/selection/selection-action-mixin.js

@@ -0,0 +1,30 @@
+import { SelectionInfo } from './selection-mixin.js';
+import { SelectionObserverMixin } from './selection-observer-mixin.js';
+
+export const SelectionActionMixin = superclass => class extends SelectionObserverMixin(superclass) {
+
+	static get properties() {
+		return {
+			/**
+			 * Whether the action requires one or more selected items
+			 * @type {boolean}
+			 */
+			requiresSelection: { type: Boolean, attribute: 'requires-selection', reflect: true }
+		};
+	}
+
+	constructor() {
+		super();
+		this.requiresSelection = false;
+	}
+
+	get selectionInfo() {
+		return super.selectionInfo;
+	}
+
+	set selectionInfo(value) {
+		super.selectionInfo = value;
+		this.disabled = (this.requiresSelection && this.selectionInfo.state === SelectionInfo.states.none);
+	}
+
+};

package/components/selection/selection-action.js

@@ -6,15 +6,15 @@ import { ButtonMixin } from '../button/button-mixin.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../lang/localize-core-element.js';
 import { RtlMixin } from '../../mixins/rtl-mixin.js';
+import { SelectionActionMixin } from './selection-action-mixin.js';
 import { SelectionInfo } from './selection-mixin.js';
-import { SelectionObserverMixin } from './selection-observer-mixin.js';
 
 /**
  * An action associated with a selection component.
  * @fires d2l-selection-action-click - Dispatched when the user clicks the action button. The `SelectionInfo` is provided as the event `detail`. If `requires-selection` was specified then the event will only be dispatched if items are selected.
  * @fires d2l-selection-observer-subscribe - Internal event
  */
-class Action extends LocalizeCoreElement(SelectionObserverMixin(ButtonMixin(RtlMixin(LitElement)))) {
+class Action extends LocalizeCoreElement(SelectionActionMixin(ButtonMixin(RtlMixin(LitElement)))) {
 
 	static get properties() {
 		return {
@@ -23,11 +23,6 @@ class Action extends LocalizeCoreElement(SelectionObserverMixin(ButtonMixin(RtlM
 			 * @type {string}
 			 */
 			icon: { type: String, reflect: true },
-			/**
-			 * Whether the action requires one or more selected items
-			 * @type {boolean}
-			 */
-			requiresSelection: { type: Boolean, attribute: 'requires-selection', reflect: true },
 			/**
 			 * REQUIRED: The text for the action
 			 * @type {string}
@@ -47,15 +42,6 @@ class Action extends LocalizeCoreElement(SelectionObserverMixin(ButtonMixin(RtlM
 		`;
 	}
 
-	get selectionInfo() {
-		return super.selectionInfo;
-	}
-
-	set selectionInfo(value) {
-		super.selectionInfo = value;
-		this.disabled = (this.requiresSelection && this.selectionInfo.state === SelectionInfo.states.none);
-	}
-
 	connectedCallback() {
 		super.connectedCallback();
 		this.addEventListener('d2l-button-ghost-click', this._handleActionClick);

package/custom-elements.json

@@ -8445,6 +8445,102 @@
         }
       ]
     },
+    {
+      "name": "d2l-selection-action-menu-item",
+      "path": "./components/selection/selection-action-menu-item.js",
+      "description": "An action menu-item component used within selection controls such as d2l-list and d2l-list-header.",
+      "attributes": [
+        {
+          "name": "requires-selection",
+          "description": "Whether the action requires one or more selected items",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selection-for",
+          "description": "Id of the `SelectionMixin` component this component wants to observe (if not located within that component)",
+          "type": "string"
+        },
+        {
+          "name": "text",
+          "description": "REQUIRED: Text displayed by the menu item",
+          "type": "string"
+        },
+        {
+          "name": "description",
+          "description": "Provide a description for the menu item that will be used by screen readers",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the menu item",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "requiresSelection",
+          "attribute": "requires-selection",
+          "description": "Whether the action requires one or more selected items",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectionFor",
+          "attribute": "selection-for",
+          "description": "Id of the `SelectionMixin` component this component wants to observe (if not located within that component)",
+          "type": "string"
+        },
+        {
+          "name": "selectionInfo",
+          "type": "SelectionInfo"
+        },
+        {
+          "name": "text",
+          "attribute": "text",
+          "description": "REQUIRED: Text displayed by the menu item",
+          "type": "string"
+        },
+        {
+          "name": "description",
+          "attribute": "description",
+          "description": "Provide a description for the menu item that will be used by screen readers",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disables the menu item",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "events": [
+        {
+          "name": "d2l-selection-action-click",
+          "description": "Dispatched when the user clicks the action button. The `SelectionInfo` is provided as the event `detail`. If `requires-selection` was specified then the event will only be dispatched if items are selected."
+        },
+        {
+          "name": "d2l-selection-observer-subscribe",
+          "description": "Internal event"
+        },
+        {
+          "name": "d2l-menu-item-select",
+          "description": "Dispatched when the menu item is selected"
+        },
+        {
+          "name": "d2l-menu-item-visibility-change",
+          "description": "Dispatched when the visibility of the menu item changes"
+        }
+      ],
+      "slots": [
+        {
+          "name": "supporting",
+          "description": "Allows supporting information to be displayed on the right-most side of the menu item"
+        }
+      ]
+    },
     {
       "name": "d2l-selection-action",
       "path": "./components/selection/selection-action.js",
@@ -8455,16 +8551,17 @@
           "description": "Preset icon key (e.g. `tier1:gear`)",
           "type": "string"
         },
-        {
-          "name": "requires-selection",
-          "description": "Whether the action requires one or more selected items",
-          "type": "boolean"
-        },
         {
           "name": "text",
           "description": "REQUIRED: The text for the action",
           "type": "string"
         },
+        {
+          "name": "requires-selection",
+          "description": "Whether the action requires one or more selected items",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "selection-for",
           "description": "Id of the `SelectionMixin` component this component wants to observe (if not located within that component)",
@@ -8489,18 +8586,19 @@
           "description": "Preset icon key (e.g. `tier1:gear`)",
           "type": "string"
         },
-        {
-          "name": "requiresSelection",
-          "attribute": "requires-selection",
-          "description": "Whether the action requires one or more selected items",
-          "type": "boolean"
-        },
         {
           "name": "text",
           "attribute": "text",
           "description": "REQUIRED: The text for the action",
           "type": "string"
         },
+        {
+          "name": "requiresSelection",
+          "attribute": "requires-selection",
+          "description": "Whether the action requires one or more selected items",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "selectionFor",
           "attribute": "selection-for",
@@ -8508,7 +8606,8 @@
           "type": "string"
         },
         {
-          "name": "selectionInfo"
+          "name": "selectionInfo",
+          "type": "SelectionInfo"
         },
         {
           "name": "disabledTooltip",

package/package.json

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