@momentum-design/components 0.70.1 → 0.70.3

package/dist/components/popover/popover.styles.js

@@ -74,6 +74,7 @@ const styles = css `
   }
 
   .popover-close {
+    box-sizing: border-box;
     position: absolute;
     right: 0.75rem;
     top: 0.75rem;

package/dist/components/select/select.component.d.ts

@@ -2,6 +2,7 @@ import type { PropertyValues, TemplateResult } from 'lit';
 import { CSSResult } from 'lit';
 import { AssociatedFormControl } from '../../utils/mixins/FormInternalsMixin';
 import FormfieldWrapper from '../formfieldwrapper/formfieldwrapper.component';
+import type { IconNames } from '../icon/icon.types';
 declare const Select_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/FormInternalsMixin").FormInternalsMixinInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/DataAriaLabelMixin").DataAriaLabelMixinInterface> & typeof FormfieldWrapper;
 /**
  * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.
@@ -45,6 +46,8 @@ declare class Select extends Select_base implements AssociatedFormControl {
     /** @internal */
     selectedValueText?: string;
     /** @internal */
+    selectedIcon?: IconNames | null;
+    /** @internal */
     selectedValue: string;
     /** @internal */
     displayPopover: boolean;

package/dist/components/select/select.component.js

@@ -143,6 +143,7 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
     setSelectedValue(option) {
         var _a, _b, _c, _d;
         this.selectedValueText = (_b = (_a = option === null || option === void 0 ? void 0 : option.getAttribute('label')) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.textContent) !== null && _b !== void 0 ? _b : '';
+        this.selectedIcon = option === null || option === void 0 ? void 0 : option.getAttribute('prefix-icon');
         this.selectedValue = (_d = (_c = option === null || option === void 0 ? void 0 : option.getAttribute('value')) !== null && _c !== void 0 ? _c : option === null || option === void 0 ? void 0 : option.textContent) !== null && _d !== void 0 ? _d : '';
         // Set form value
         this.internals.setFormValue(this.selectedValue);
@@ -176,6 +177,7 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
     formResetCallback() {
         this.selectedValue = '';
         this.selectedValueText = undefined;
+        this.selectedIcon = null;
         this.internals.setFormValue(this.selectedValue);
         this.updateTabIndexForAllOptions();
     }
@@ -486,6 +488,9 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
           aria-labelledby="${this.label ? FORMFIELD_DEFAULTS.HEADING_ID : ''}"
           aria-expanded="${this.displayPopover ? 'true' : 'false'}"
         >
+      ${this.selectedIcon
+            ? html `<mdc-icon length-unit="rem" size="1" name="${this.selectedIcon}" part="selected-icon"></mdc-icon>`
+            : nothing}
           <mdc-text
             part="base-text ${this.selectedValueText ? 'selected' : ''}"
             type="${TYPE.BODY_MIDSIZE_REGULAR}"
@@ -529,6 +534,10 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], Select.prototype, "selectedValueText", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], Select.prototype, "selectedIcon", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

package/dist/components/select/select.styles.js

@@ -42,6 +42,7 @@ const styles = css `
     background: var(--mdc-select-background-color);
     display: flex;
     gap: 0.375rem;
+    align-items: center;
     user-select: none;
   }
   :host::part(base-container):hover {
@@ -61,6 +62,9 @@ const styles = css `
   :host::part(selected) {
     color: var(--mdc-select-selected-text-color);
   }
+  :host::part(selected-icon) {
+    flex-shrink: 0;
+  }
   :host::part(icon-container) {
     margin-left: auto;
     display: flex;