@ni/nimble-components 7.4.2 → 7.4.3

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.
@@ -17644,13 +17644,15 @@
17644
17644
  })(TextAreaAppearance || (TextAreaAppearance = {}));
17645
17645
 
17646
17646
  const styles$4 = css `
17647
- ${display('inline-block')}
17647
+ ${display('inline-flex')}
17648
17648
 
17649
17649
  :host {
17650
17650
  font: ${bodyFont};
17651
17651
  outline: none;
17652
17652
  user-select: none;
17653
17653
  color: ${bodyFontColor};
17654
+ flex-direction: column;
17655
+ vertical-align: top;
17654
17656
  }
17655
17657
 
17656
17658
  :host([disabled]) {
@@ -17658,7 +17660,7 @@
17658
17660
  }
17659
17661
 
17660
17662
  .label {
17661
- display: flex;
17663
+ display: block;
17662
17664
  color: ${controlLabelFontColor};
17663
17665
  font: ${controlLabelFont};
17664
17666
  }
@@ -17670,6 +17672,8 @@
17670
17672
  .control {
17671
17673
  -webkit-appearance: none;
17672
17674
  font: inherit;
17675
+ width: 100%;
17676
+ flex-grow: 1;
17673
17677
  outline: none;
17674
17678
  box-sizing: border-box;
17675
17679
  position: relative;
@@ -17719,6 +17723,14 @@
17719
17723
  color: ${controlLabelDisabledFontColor};
17720
17724
  }
17721
17725
 
17726
+ :host([cols]) .control {
17727
+ width: auto;
17728
+ }
17729
+
17730
+ :host([rows]) .control {
17731
+ flex: none;
17732
+ }
17733
+
17722
17734
  :host([resize='both']) .control {
17723
17735
  resize: both;
17724
17736
  }