@ni/spright-components 5.3.0 → 5.3.2

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.
@@ -20524,7 +20524,8 @@ so this becomes the fallback color for the slot */ ''}
20524
20524
  const DropdownAppearance = {
20525
20525
  underline: 'underline',
20526
20526
  outline: 'outline',
20527
- block: 'block'
20527
+ block: 'block',
20528
+ frameless: 'frameless'
20528
20529
  };
20529
20530
 
20530
20531
  // prettier-ignore
@@ -20803,6 +20804,15 @@ so this becomes the fallback color for the slot */ ''}
20803
20804
  :host([disabled]) .control {
20804
20805
  background-color: rgba(${borderRgbPartialColor}, 0.07);
20805
20806
  }
20807
+ `), appearanceBehavior(DropdownAppearance.frameless, css `
20808
+ .control {
20809
+ border-width: 0;
20810
+ padding: ${borderWidth};
20811
+ }
20812
+
20813
+ :host([full-bleed]) .selected-value {
20814
+ padding-left: 0;
20815
+ }
20806
20816
  `), themeBehavior(Theme.color, css `
20807
20817
  .listbox slot {
20808
20818
  background: ${hexToRgbaCssColor(White, 0.15)};
@@ -21094,6 +21104,7 @@ so this becomes the fallback color for the slot */ ''}
21094
21104
  super(...arguments);
21095
21105
  this.appearance = DropdownAppearance.underline;
21096
21106
  this.appearanceReadOnly = false;
21107
+ this.fullBleed = false;
21097
21108
  /**
21098
21109
  * The open attribute.
21099
21110
  */
@@ -21692,6 +21703,9 @@ so this becomes the fallback color for the slot */ ''}
21692
21703
  __decorate([
21693
21704
  attr({ attribute: 'appearance-readonly', mode: 'boolean' })
21694
21705
  ], Combobox.prototype, "appearanceReadOnly", void 0);
21706
+ __decorate([
21707
+ attr({ attribute: 'full-bleed', mode: 'boolean' })
21708
+ ], Combobox.prototype, "fullBleed", void 0);
21695
21709
  __decorate([
21696
21710
  attr({ attribute: 'autocomplete', mode: 'fromView' })
21697
21711
  ], Combobox.prototype, "autocomplete", void 0);
@@ -61396,6 +61410,7 @@ img.ProseMirror-separator {
61396
61410
  super(...arguments);
61397
61411
  this.appearance = DropdownAppearance.underline;
61398
61412
  this.appearanceReadOnly = false;
61413
+ this.fullBleed = false;
61399
61414
  this.filterMode = FilterMode.none;
61400
61415
  this.clearable = false;
61401
61416
  this.loadingVisible = false;
@@ -62384,6 +62399,9 @@ img.ProseMirror-separator {
62384
62399
  __decorate([
62385
62400
  attr({ attribute: 'appearance-readonly', mode: 'boolean' })
62386
62401
  ], Select.prototype, "appearanceReadOnly", void 0);
62402
+ __decorate([
62403
+ attr({ attribute: 'full-bleed', mode: 'boolean' })
62404
+ ], Select.prototype, "fullBleed", void 0);
62387
62405
  __decorate([
62388
62406
  attr({ attribute: 'position' })
62389
62407
  ], Select.prototype, "positionAttribute", void 0);