@ni/nimble-components 35.11.0 → 35.12.0

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.
@@ -4166,6 +4166,7 @@ const $v="nimble-icon-arrow-expander-down",Mv="above",Iv="underline",Ev="outline
4166
4166
  ${Ov}
4167
4167
 
4168
4168
  :host {
4169
+ field-sizing: fixed;
4169
4170
  --ni-private-hover-bottom-border-width: 2px;
4170
4171
  --ni-private-bottom-border-width: 1px;
4171
4172
  --ni-private-height-within-border: calc(
@@ -4174,6 +4175,7 @@ const $v="nimble-icon-arrow-expander-down",Mv="above",Iv="underline",Ev="outline
4174
4175
  }
4175
4176
 
4176
4177
  .control {
4178
+ field-sizing: inherit;
4177
4179
  bottom-border-width: var(--ni-private-bottom-border-width);
4178
4180
  }
4179
4181
 
@@ -4181,7 +4183,12 @@ const $v="nimble-icon-arrow-expander-down",Mv="above",Iv="underline",Ev="outline
4181
4183
  border-bottom-color: ${ac};
4182
4184
  }
4183
4185
 
4186
+ slot[name='control'] {
4187
+ field-sizing: inherit;
4188
+ }
4189
+
4184
4190
  .selected-value {
4191
+ field-sizing: inherit;
4185
4192
  -webkit-appearance: none;
4186
4193
  background: transparent;
4187
4194
  border: none;
@@ -5474,6 +5481,7 @@ const Ay="underline",Ty="outline",Dy="block",Oy="frameless",Ry=$t`
5474
5481
  outline: none;
5475
5482
  ${rh}
5476
5483
  color: ${Qc};
5484
+ field-sizing: fixed;
5477
5485
  --ni-private-hover-indicator-width: calc(${_c} + 1px);
5478
5486
  --ni-private-height-within-border: calc(
5479
5487
  ${yc} - 2 * ${_c}
@@ -5506,6 +5514,7 @@ const Ay="underline",Ty="outline",Dy="block",Oy="frameless",Ry=$t`
5506
5514
  position: relative;
5507
5515
  display: flex;
5508
5516
  flex-direction: row;
5517
+ field-sizing: inherit;
5509
5518
  justify-content: center;
5510
5519
  align-items: center;
5511
5520
  border-radius: 0px;
@@ -5573,12 +5582,17 @@ const Ay="underline",Ty="outline",Dy="block",Oy="frameless",Ry=$t`
5573
5582
  font: inherit;
5574
5583
  background: transparent;
5575
5584
  color: inherit;
5585
+ field-sizing: inherit;
5576
5586
  height: var(--ni-private-height-within-border);
5577
5587
  width: 100%;
5578
5588
  border: none;
5579
5589
  padding: 0px;
5580
5590
  padding-left: ${Cc};
5581
5591
  }
5592
+
5593
+ :host([hide-step]) .control {
5594
+ padding-right: ${xc};
5595
+ }
5582
5596
 
5583
5597
  .control:hover,
5584
5598
  .control:focus,
@@ -5674,6 +5688,7 @@ const Ay="underline",Ty="outline",Dy="block",Oy="frameless",Ry=$t`
5674
5688
 
5675
5689
  :host([full-bleed]) .control {
5676
5690
  padding-left: 0px;
5691
+ padding-right: 0px;
5677
5692
  }
5678
5693
  `)),Fy=Nv(J`<label
5679
5694
  part="label"
@@ -14387,6 +14402,8 @@ const bH="outline",yH="block",wH=$t`
14387
14402
  outline: none;
14388
14403
  ${rh}
14389
14404
  color: ${Qc};
14405
+ field-sizing: fixed;
14406
+ min-width: 100px;
14390
14407
  flex-direction: column;
14391
14408
  vertical-align: top;
14392
14409
  --ni-private-hover-indicator-width: calc(${_c} + 1px);
@@ -14418,6 +14435,7 @@ const bH="outline",yH="block",wH=$t`
14418
14435
  display: flex;
14419
14436
  justify-content: center;
14420
14437
  position: relative;
14438
+ field-sizing: inherit;
14421
14439
  height: 100%;
14422
14440
  width: 100%;
14423
14441
  }
@@ -14462,7 +14480,7 @@ const bH="outline",yH="block",wH=$t`
14462
14480
  border-radius: 0px;
14463
14481
  align-items: flex-end;
14464
14482
  border: ${_c} solid transparent;
14465
- min-width: 100px;
14483
+ field-sizing: inherit;
14466
14484
  min-height: calc(${$c} + ${kc});
14467
14485
  padding: 8px;
14468
14486
  ${""}
@@ -14634,6 +14652,7 @@ const SH="underline",_H="outline",$H="block",MH="frameless",IH=$t`
14634
14652
  outline: none;
14635
14653
  ${rh}
14636
14654
  color: ${Qc};
14655
+ field-sizing: fixed;
14637
14656
  --ni-private-hover-indicator-width: calc(${_c} + 1px);
14638
14657
  --ni-private-height-within-border: calc(
14639
14658
  ${yc} - 2 * ${_c}
@@ -14668,6 +14687,7 @@ const SH="underline",_H="outline",$H="block",MH="frameless",IH=$t`
14668
14687
  display: flex;
14669
14688
  flex-direction: row;
14670
14689
  border-radius: 0px;
14690
+ field-sizing: inherit;
14671
14691
  font: inherit;
14672
14692
  align-items: center;
14673
14693
  justify-content: center;
@@ -14746,6 +14766,7 @@ const SH="underline",_H="outline",$H="block",MH="frameless",IH=$t`
14746
14766
  background: transparent;
14747
14767
  color: inherit;
14748
14768
  padding: 0px;
14769
+ field-sizing: inherit;
14749
14770
  height: var(--ni-private-height-within-border);
14750
14771
  width: 100%;
14751
14772
  margin-top: auto;