@oicl/openbridge-webcomponents 2.0.0-next.120 → 2.0.0-next.121

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.
@@ -206727,9 +206727,13 @@ const compentStyle$g = i$7`* {
206727
206727
  "liga" off,
206728
206728
  "clig" off,
206729
206729
  "ss04" on;
206730
+ --leading-icon-size: var(
206731
+ --app-components-integration-system-navigation-item-horizontal-icon-size
206732
+ );
206730
206733
  anchor-name: --touch-target;
206731
206734
  display: flex;
206732
206735
  align-items: center;
206736
+ text-align: left;
206733
206737
  gap: 4px;
206734
206738
  flex: 1;
206735
206739
  min-height: var(
@@ -206884,22 +206888,25 @@ const compentStyle$g = i$7`* {
206884
206888
  color: var(--integration-on-normal-neutral-color);
206885
206889
  }
206886
206890
 
206887
- .touch-target .icon.leading {
206888
- width: var(
206889
- --app-components-integration-system-navigation-item-horizontal-icon-size
206890
- );
206891
- height: var(
206892
- --app-components-integration-system-navigation-item-horizontal-icon-size
206893
- );
206894
- min-width: var(
206895
- --app-components-integration-system-navigation-item-horizontal-icon-size
206891
+ .touch-target.has-status {
206892
+ --leading-icon-size: var(
206893
+ --app-components-integration-system-navigation-item-horizontal-icon-size-large
206896
206894
  );
206897
- flex: 0 0
206898
- var(
206899
- --app-components-integration-system-navigation-item-horizontal-icon-size
206900
- );
206901
206895
  }
206902
206896
 
206897
+ .touch-target .icon.leading {
206898
+ width: var(--leading-icon-size);
206899
+ height: var(--leading-icon-size);
206900
+ min-width: var(--leading-icon-size);
206901
+ flex: 0 0 var(--leading-icon-size);
206902
+ }
206903
+
206904
+ :is(.touch-target .icon.leading) ::slotted(*) {
206905
+ display: block;
206906
+ width: 100%;
206907
+ height: 100%;
206908
+ }
206909
+
206903
206910
  .touch-target .icon.trailing {
206904
206911
  width: 28px;
206905
206912
  height: 24px;
@@ -207348,7 +207355,7 @@ let ObcIntegrationButton = class extends i$4 {
207348
207355
  selected: this.selected,
207349
207356
  activated: this.activated,
207350
207357
  disabled: this.disabled,
207351
- "has-description": this.hasStatus,
207358
+ "has-status": this.hasStatus,
207352
207359
  ["variant-" + this.variant]: true,
207353
207360
  ["type-" + this.type]: true
207354
207361
  };
@@ -208097,6 +208104,7 @@ const compentStyle$f = i$7`* {
208097
208104
  flex-direction: column;
208098
208105
  align-items: flex-start;
208099
208106
  flex-grow: 1;
208107
+ text-align: left;
208100
208108
  }
208101
208109
 
208102
208110
  :is(.wrapper option:not(.fleet-option)) .text-container .label {