@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.
- package/dist/browser/index.js +17 -9
- package/dist/browser/index.js.map +2 -2
- package/dist/components/tab/tab.component.js +0 -1
- package/dist/components/tab/tab.styles.js +16 -8
- package/dist/custom-elements.json +71 -71
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
@@ -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.
|
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
|