@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.
@@ -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.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 _`
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