@momentum-design/components 0.120.19 → 0.120.20

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.
@@ -5738,7 +5738,8 @@
5738
5738
  visibility: hidden;
5739
5739
  }
5740
5740
 
5741
- :host([disabled]) {
5741
+ :host([disabled]),
5742
+ :host([soft-disabled]) {
5742
5743
  cursor: default;
5743
5744
  }
5744
5745
 
@@ -5756,7 +5757,8 @@
5756
5757
  background-color: var(--mdc-tab-glass-inactive-background-color-pressed);
5757
5758
  }
5758
5759
 
5759
- :host([variant='glass'][disabled]) {
5760
+ :host([variant='glass'][disabled]),
5761
+ :host([variant='glass'][soft-disabled]) {
5760
5762
  background-color: var(--mdc-tab-glass-inactive-background-color-disabled);
5761
5763
  color: var(--mdc-tab-glass-inactive-color-disabled);
5762
5764
  }
@@ -5774,7 +5776,8 @@
5774
5776
  background-color: var(--mdc-tab-glass-active-background-color-pressed);
5775
5777
  }
5776
5778
 
5777
- :host([variant='glass'][active][disabled]) {
5779
+ :host([variant='glass'][active][disabled]),
5780
+ :host([variant='glass'][active][soft-disabled]) {
5778
5781
  background-color: var(--mdc-tab-glass-active-background-color-disabled);
5779
5782
  color: var(--mdc-tab-glass-active-color-disabled);
5780
5783
  }
@@ -5796,7 +5799,8 @@
5796
5799
  background-color: var(--mdc-tab-line-inactive-background-color-pressed);
5797
5800
  }
5798
5801
 
5799
- :host([variant='line'][disabled]) {
5802
+ :host([variant='line'][disabled]),
5803
+ :host([variant='line'][soft-disabled]) {
5800
5804
  background-color: var(--mdc-tab-line-inactive-background-color-disabled);
5801
5805
  color: var(--mdc-tab-line-inactive-color-disabled);
5802
5806
  }
@@ -5819,12 +5823,14 @@
5819
5823
  background-color: var(--mdc-tab-line-active-background-color-pressed);
5820
5824
  }
5821
5825
 
5822
- :host([variant='line'][active][disabled]) {
5826
+ :host([variant='line'][active][disabled]),
5827
+ :host([variant='line'][active][soft-disabled]) {
5823
5828
  background-color: var(--mdc-tab-line-active-background-color-disabled);
5824
5829
  color: var(--mdc-tab-line-active-color-disabled);
5825
5830
  }
5826
5831
 
5827
- :host([variant='line'][active][disabled])::part(indicator) {
5832
+ :host([variant='line'][active][disabled])::part(indicator),
5833
+ :host([variant='line'][active][soft-disabled])::part(indicator) {
5828
5834
  background-color: var(--mdc-tab-line-active-indicator-color-disabled);
5829
5835
  }
5830
5836
 
@@ -5842,7 +5848,8 @@
5842
5848
  background-color: var(--mdc-tab-pill-inactive-background-color-pressed);
5843
5849
  }
5844
5850
 
5845
- :host([variant='pill'][disabled]) {
5851
+ :host([variant='pill'][disabled]),
5852
+ :host([variant='pill'][soft-disabled]) {
5846
5853
  background-color: var(--mdc-tab-pill-inactive-background-color-disabled);
5847
5854
  color: var(--mdc-tab-pill-inactive-color-disabled);
5848
5855
  }
@@ -5860,11 +5867,12 @@
5860
5867
  background-color: var(--mdc-tab-pill-active-background-color-pressed);
5861
5868
  }
5862
5869
 
5863
- :host([variant='pill'][active][disabled]) {
5870
+ :host([variant='pill'][active][disabled]),
5871
+ :host([variant='pill'][active][soft-disabled]) {
5864
5872
  background-color: var(--mdc-tab-pill-active-background-color-disabled);
5865
5873
  color: var(--mdc-tab-pill-active-color-disabled);
5866
5874
  }
5867
- `,...St()],mg=Qx;var Ki=class extends Kt(ie){constructor(){super(...arguments);this.active=md.ACTIVE;this.variant=md.VARIANT;this.handleTabActiveChange=t=>{let i=new CustomEvent("activechange",{detail:{tabId:this.tabId,active:t},bubbles:!0});this.dispatchEvent(i)}}connectedCallback(){super.connectedCallback(),this.role=et.TAB,this.softDisabled=void 0,this.size=void 0,this.type=void 0,this.ariaStateKey="aria-selected",!this.tabId&&this.onerror&&this.onerror("tab id is required")}modifyIconName(t){this.iconName&&(t?(this.prevIconName=this.iconName,this.iconName=`${ho(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(t){this.setAttribute("variant",Object.values(Bh).includes(t)?t:md.VARIANT)}setActive(t,i){super.setActive(t,i),this.modifyIconName(i)}executeAction(){this.handleTabActiveChange(this.active)}update(t){super.update(t),t.has("variant")&&this.setVariant(this.variant)}render(){return _`
5875
+ `,...St()],mg=Qx;var Ki=class extends Kt(ie){constructor(){super(...arguments);this.active=md.ACTIVE;this.variant=md.VARIANT;this.handleTabActiveChange=t=>{let i=new CustomEvent("activechange",{detail:{tabId:this.tabId,active:t},bubbles:!0});this.dispatchEvent(i)}}connectedCallback(){super.connectedCallback(),this.role=et.TAB,this.size=void 0,this.type=void 0,this.ariaStateKey="aria-selected",!this.tabId&&this.onerror&&this.onerror("tab id is required")}modifyIconName(t){this.iconName&&(t?(this.prevIconName=this.iconName,this.iconName=`${ho(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(t){this.setAttribute("variant",Object.values(Bh).includes(t)?t:md.VARIANT)}setActive(t,i){super.setActive(t,i),this.modifyIconName(i)}executeAction(){this.handleTabActiveChange(this.active)}update(t){super.update(t),t.has("variant")&&this.setVariant(this.variant)}render(){return _`
5868
5876
  <div part="container">
5869
5877
  ${this.iconName?_` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:j}
5870
5878
  ${this.text?_` <mdc-text