@momentum-design/components 0.52.0 → 0.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/browser/index.js +7 -5
  2. package/dist/browser/index.js.map +2 -2
  3. package/dist/components/select/select.component.d.ts +0 -1
  4. package/dist/components/select/select.component.js +2 -8
  5. package/dist/components/select/select.styles.js +4 -2
  6. package/dist/components/select/select.types.d.ts +4 -1
  7. package/dist/custom-elements.json +0 -10
  8. package/package.json +1 -1
package/dist/browser/index.js CHANGED
@@ -2936,7 +2936,8 @@
2936
2936
  --mdc-select-icon-border-color: var(--mds-color-theme-outline-input-normal);
2937
2937
  --mdc-select-base-text-color: var(--mds-color-theme-text-secondary-normal);
2938
2938
  --mdc-select-selected-text-color: var(--mds-color-theme-text-primary-normal);
2939
- --mdc-select-disabled-color: var(--mds-color-theme-outline-primary-disabled);
2939
+ --mdc-select-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
2940
+ --mdc-select-disabled-background-color: var(--mds-color-theme-background-input-disabled);
2940
2941
  --mdc-select-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
2941
2942
  --mdc-select-error-border-color: var(--mds-color-theme-text-error-normal);
2942
2943
  --mdc-select-warning-border-color: var(--mds-color-theme-text-warning-normal);
@@ -3008,7 +3009,8 @@
3008
3009
  :host([help-text-type="success"][readonly])::part(base-container),
3009
3010
  :host([help-text-type="error"][readonly])::part(base-container),
3010
3011
  :host([help-text-type="warning"][readonly])::part(base-container) {
3011
- border-color: var(--mdc-select-disabled-color);
3012
+ border-color: var(--mdc-select-disabled-border-color);
3013
+ background: var(--mdc-select-disabled-background-color);
3012
3014
  }
3013
3015
  :host([disabled]:hover)::part(base-container),
3014
3016
  :host([readonly]:hover)::part(base-container) {
@@ -3077,14 +3079,14 @@
3077
3079
  >
3078
3080
  <slot @click="${this.handleOptionsClick}"></slot>
3079
3081
  </mdc-popover>
3080
- `}shouldFocusSelect(){return!(this.disabled||this.readonly)}updated(e){super.updated(e),(e.has("disabled")||e.has("readonly"))&&(this.closePopover(),this.handlePopoverClose())}render(){var e;return m`
3082
+ `}updated(e){super.updated(e),(e.has("disabled")||e.has("readonly"))&&(this.closePopover(),this.handlePopoverClose())}render(){var e;return m`
3081
3083
  ${this.renderLabel()}
3082
3084
  <div part="container">
3083
3085
  <div
3084
3086
  id="select-base-triggerid"
3085
3087
  part="base-container"
3086
- tabindex="${this.shouldFocusSelect()?"0":"-1"}"
3087
- class="${this.shouldFocusSelect()?"mdc-focus-ring":""}"
3088
+ tabindex="${this.disabled?"-1":"0"}"
3089
+ class="${this.disabled?"":"mdc-focus-ring"}"
3088
3090
  >
3089
3091
  <mdc-text
3090
3092
  part="base-text ${this.selectedValueText?"selected":""}"