@momentum-design/components 0.120.18 → 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 +37 -10
- package/dist/browser/index.js.map +2 -2
- package/dist/components/dialog/dialog.styles.js +20 -1
- package/dist/components/tab/tab.component.js +0 -1
- package/dist/components/tab/tab.styles.js +16 -8
- package/dist/custom-elements.json +472 -472
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.js +3 -3
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
@@ -1078,13 +1078,31 @@
|
|
1078
1078
|
flex-direction: column;
|
1079
1079
|
justify-content: center;
|
1080
1080
|
align-items: center;
|
1081
|
-
gap: 1rem;
|
1082
1081
|
position: absolute;
|
1083
1082
|
right: 50%;
|
1084
1083
|
bottom: 50%;
|
1085
1084
|
transform: translate(50%, 50%);
|
1086
1085
|
}
|
1087
1086
|
|
1087
|
+
:host > [part="body"]:first-of-type {
|
1088
|
+
margin-top: 0;
|
1089
|
+
}
|
1090
|
+
|
1091
|
+
:host > [part="dialog-close-btn"] {
|
1092
|
+
margin-top: 0;
|
1093
|
+
}
|
1094
|
+
|
1095
|
+
:host > slot[name="footer"] {
|
1096
|
+
margin-top: 0;
|
1097
|
+
}
|
1098
|
+
|
1099
|
+
slot[name="footer-link"]::slotted(*),
|
1100
|
+
slot[name="footer-button-primary"]::slotted(*),
|
1101
|
+
slot[name="footer-button-secondary"]::slotted(*),
|
1102
|
+
slot[name="footer"]::slotted(*) {
|
1103
|
+
margin-top: 1rem;
|
1104
|
+
}
|
1105
|
+
|
1088
1106
|
:host([variant='promotional']) {
|
1089
1107
|
--mdc-dialog-border-color: var(--mds-color-theme-outline-promotion-normal);
|
1090
1108
|
}
|
@@ -1159,6 +1177,7 @@
|
|
1159
1177
|
align-items: center;
|
1160
1178
|
height: 100%;
|
1161
1179
|
width: 100%;
|
1180
|
+
margin-top: 1rem;
|
1162
1181
|
}
|
1163
1182
|
|
1164
1183
|
:host::part(footer) {
|
@@ -5719,7 +5738,8 @@
|
|
5719
5738
|
visibility: hidden;
|
5720
5739
|
}
|
5721
5740
|
|
5722
|
-
:host([disabled])
|
5741
|
+
:host([disabled]),
|
5742
|
+
:host([soft-disabled]) {
|
5723
5743
|
cursor: default;
|
5724
5744
|
}
|
5725
5745
|
|
@@ -5737,7 +5757,8 @@
|
|
5737
5757
|
background-color: var(--mdc-tab-glass-inactive-background-color-pressed);
|
5738
5758
|
}
|
5739
5759
|
|
5740
|
-
:host([variant='glass'][disabled])
|
5760
|
+
:host([variant='glass'][disabled]),
|
5761
|
+
:host([variant='glass'][soft-disabled]) {
|
5741
5762
|
background-color: var(--mdc-tab-glass-inactive-background-color-disabled);
|
5742
5763
|
color: var(--mdc-tab-glass-inactive-color-disabled);
|
5743
5764
|
}
|
@@ -5755,7 +5776,8 @@
|
|
5755
5776
|
background-color: var(--mdc-tab-glass-active-background-color-pressed);
|
5756
5777
|
}
|
5757
5778
|
|
5758
|
-
:host([variant='glass'][active][disabled])
|
5779
|
+
:host([variant='glass'][active][disabled]),
|
5780
|
+
:host([variant='glass'][active][soft-disabled]) {
|
5759
5781
|
background-color: var(--mdc-tab-glass-active-background-color-disabled);
|
5760
5782
|
color: var(--mdc-tab-glass-active-color-disabled);
|
5761
5783
|
}
|
@@ -5777,7 +5799,8 @@
|
|
5777
5799
|
background-color: var(--mdc-tab-line-inactive-background-color-pressed);
|
5778
5800
|
}
|
5779
5801
|
|
5780
|
-
:host([variant='line'][disabled])
|
5802
|
+
:host([variant='line'][disabled]),
|
5803
|
+
:host([variant='line'][soft-disabled]) {
|
5781
5804
|
background-color: var(--mdc-tab-line-inactive-background-color-disabled);
|
5782
5805
|
color: var(--mdc-tab-line-inactive-color-disabled);
|
5783
5806
|
}
|
@@ -5800,12 +5823,14 @@
|
|
5800
5823
|
background-color: var(--mdc-tab-line-active-background-color-pressed);
|
5801
5824
|
}
|
5802
5825
|
|
5803
|
-
:host([variant='line'][active][disabled])
|
5826
|
+
:host([variant='line'][active][disabled]),
|
5827
|
+
:host([variant='line'][active][soft-disabled]) {
|
5804
5828
|
background-color: var(--mdc-tab-line-active-background-color-disabled);
|
5805
5829
|
color: var(--mdc-tab-line-active-color-disabled);
|
5806
5830
|
}
|
5807
5831
|
|
5808
|
-
:host([variant='line'][active][disabled])::part(indicator)
|
5832
|
+
:host([variant='line'][active][disabled])::part(indicator),
|
5833
|
+
:host([variant='line'][active][soft-disabled])::part(indicator) {
|
5809
5834
|
background-color: var(--mdc-tab-line-active-indicator-color-disabled);
|
5810
5835
|
}
|
5811
5836
|
|
@@ -5823,7 +5848,8 @@
|
|
5823
5848
|
background-color: var(--mdc-tab-pill-inactive-background-color-pressed);
|
5824
5849
|
}
|
5825
5850
|
|
5826
|
-
:host([variant='pill'][disabled])
|
5851
|
+
:host([variant='pill'][disabled]),
|
5852
|
+
:host([variant='pill'][soft-disabled]) {
|
5827
5853
|
background-color: var(--mdc-tab-pill-inactive-background-color-disabled);
|
5828
5854
|
color: var(--mdc-tab-pill-inactive-color-disabled);
|
5829
5855
|
}
|
@@ -5841,11 +5867,12 @@
|
|
5841
5867
|
background-color: var(--mdc-tab-pill-active-background-color-pressed);
|
5842
5868
|
}
|
5843
5869
|
|
5844
|
-
:host([variant='pill'][active][disabled])
|
5870
|
+
:host([variant='pill'][active][disabled]),
|
5871
|
+
:host([variant='pill'][active][soft-disabled]) {
|
5845
5872
|
background-color: var(--mdc-tab-pill-active-background-color-disabled);
|
5846
5873
|
color: var(--mdc-tab-pill-active-color-disabled);
|
5847
5874
|
}
|
5848
|
-
`,...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 _`
|
5849
5876
|
<div part="container">
|
5850
5877
|
${this.iconName?_` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:j}
|
5851
5878
|
${this.text?_` <mdc-text
|