@momentum-design/components 0.52.0 → 0.52.1

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

@@ -183,7 +183,6 @@ declare class Select extends Select_base implements AssociatedFormControl {
      * The popover acts as a dropdown list with options, allowing user interaction.
      */
     private getPopoverContent;
-    private shouldFocusSelect;
     updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
     static styles: Array<CSSResult>;

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

@@ -458,12 +458,6 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
       </mdc-popover>
     `;
     }
-    shouldFocusSelect() {
-        if (this.disabled || this.readonly) {
-            return false;
-        }
-        return true;
-    }
     updated(changedProperties) {
         super.updated(changedProperties);
         if (changedProperties.has('disabled') || changedProperties.has('readonly')) {
@@ -479,8 +473,8 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
         <div
           id="select-base-triggerid"
           part="base-container"
-          tabindex="${this.shouldFocusSelect() ? '0' : '-1'}"
-          class="${this.shouldFocusSelect() ? 'mdc-focus-ring' : ''}"
+          tabindex="${this.disabled ? '-1' : '0'}"
+          class="${this.disabled ? '' : 'mdc-focus-ring'}"
         >
           <mdc-text
             part="base-text ${this.selectedValueText ? 'selected' : ''}"

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

@@ -6,7 +6,8 @@ const styles = css `
     --mdc-select-icon-border-color: var(--mds-color-theme-outline-input-normal);
     --mdc-select-base-text-color: var(--mds-color-theme-text-secondary-normal);
     --mdc-select-selected-text-color: var(--mds-color-theme-text-primary-normal);
-    --mdc-select-disabled-color: var(--mds-color-theme-outline-primary-disabled);
+    --mdc-select-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
+    --mdc-select-disabled-background-color: var(--mds-color-theme-background-input-disabled);
     --mdc-select-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
     --mdc-select-error-border-color: var(--mds-color-theme-text-error-normal);
     --mdc-select-warning-border-color: var(--mds-color-theme-text-warning-normal);
@@ -78,7 +79,8 @@ const styles = css `
   :host([help-text-type="success"][readonly])::part(base-container),
   :host([help-text-type="error"][readonly])::part(base-container),
   :host([help-text-type="warning"][readonly])::part(base-container) {
-    border-color: var(--mdc-select-disabled-color);
+    border-color: var(--mdc-select-disabled-border-color);
+    background: var(--mdc-select-disabled-background-color);
   }
   :host([disabled]:hover)::part(base-container),
   :host([readonly]:hover)::part(base-container) {

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

@@ -1,7 +1,10 @@
+import type { ValueOf } from '../../utils/types';
+import { ARROW_ICON } from './select.constants';
 interface Events {
     onClickEvent: MouseEvent;
     onChangeEvent: Event;
     onKeyDownEvent: KeyboardEvent;
     onFocusEvent: FocusEvent;
 }
-export type { Events };
+type ArrowIcon = ValueOf<typeof ARROW_ICON>;
+export type { Events, ArrowIcon };

package/dist/custom-elements.json

@@ -15516,16 +15516,6 @@
               },
               "description": "Generates the content for the popover associated with the select component.\nIf the component is disabled or readonly, returns `nothing`.\nOtherwise, returns a `TemplateResult` that renders a popover with various configurations\nsuch as visibility, interaction, and event handlers.\nThe popover acts as a dropdown list with options, allowing user interaction."
             },
-            {
-              "kind": "method",
-              "name": "shouldFocusSelect",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "name",

package/package.json

@@ -39,5 +39,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.52.0"
+  "version": "0.52.1"
 }