@jsenv/navi 0.20.4 → 0.20.6

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.
@@ -7583,25 +7583,25 @@ const Box = props => {
7583
7583
  }
7584
7584
  let boxFlow;
7585
7585
  if (inline) {
7586
- if (block) {
7587
- boxFlow = "inline-block";
7588
- } else if (flex === "x") {
7586
+ if (flex === "x") {
7589
7587
  boxFlow = "inline-flex-x";
7590
7588
  } else if (flex === "y") {
7591
7589
  boxFlow = "inline-flex-y";
7592
7590
  } else if (grid) {
7593
7591
  boxFlow = "inline-grid";
7592
+ } else if (block) {
7593
+ boxFlow = "inline-block";
7594
7594
  } else {
7595
7595
  boxFlow = "inline";
7596
7596
  }
7597
- } else if (block) {
7598
- boxFlow = "block";
7599
7597
  } else if (flex === "x") {
7600
7598
  boxFlow = "flex-x";
7601
7599
  } else if (flex === "y") {
7602
7600
  boxFlow = "flex-y";
7603
7601
  } else if (grid) {
7604
7602
  boxFlow = "grid";
7603
+ } else if (block) {
7604
+ boxFlow = "block";
7605
7605
  } else {
7606
7606
  boxFlow = defaultDisplay;
7607
7607
  }
@@ -19267,12 +19267,17 @@ const TextBasic = ({
19267
19267
  };
19268
19268
 
19269
19269
  installImportMetaCss(import.meta);import.meta.css = /* css */`
19270
- .navi_icon {
19271
- display: inline-block;
19272
- box-sizing: border-box;
19273
- max-width: 100%;
19274
- max-height: 100%;
19270
+ @layer navi {
19271
+ /* Ensure data attributes from box.jsx can win to update display */
19272
+ .navi_icon {
19273
+ display: inline-block;
19274
+ box-sizing: border-box;
19275
+ max-width: 100%;
19276
+ max-height: 100%;
19277
+ }
19278
+ }
19275
19279
 
19280
+ .navi_icon {
19276
19281
  &[data-flow-inline] {
19277
19282
  width: 1em;
19278
19283
  height: 1em;