@jsenv/navi 0.14.1 → 0.14.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.
@@ -14316,11 +14316,15 @@ installImportMetaCss(import.meta);import.meta.css = /* css */`
14316
14316
  }
14317
14317
  .navi_icon_foreground {
14318
14318
  position: absolute;
14319
- inset: 0;
14319
+ top: 50%;
14320
+ left: 0;
14320
14321
  display: inline-flex;
14321
14322
  box-sizing: border-box;
14323
+ aspect-ratio: 1/1;
14324
+ width: 100%;
14322
14325
  align-items: center;
14323
14326
  justify-content: start;
14327
+ transform: translateY(-50%);
14324
14328
  }
14325
14329
  .navi_icon_foreground > .navi_text {
14326
14330
  display: flex;
@@ -16843,8 +16847,12 @@ import.meta.css = /* css */`
16843
16847
  transition: background 0.12s ease-out;
16844
16848
  user-select: none;
16845
16849
 
16846
- span,
16847
- a {
16850
+ > .navi_text,
16851
+ .navi_link,
16852
+ .navi_button,
16853
+ .navi_text_bold_wrapper,
16854
+ .navi_text_bold_clone,
16855
+ .navi_text_bold_foreground {
16848
16856
  display: inline-flex;
16849
16857
  flex-grow: 1;
16850
16858
  justify-content: center;
@@ -16901,14 +16909,16 @@ import.meta.css = /* css */`
16901
16909
  overflow-y: auto;
16902
16910
 
16903
16911
  .navi_tab {
16904
- span,
16905
- a {
16912
+ > .navi_text,
16913
+ .navi_link,
16914
+ .navi_text_bold_foreground {
16906
16915
  justify-content: start;
16907
16916
  }
16908
16917
 
16909
16918
  &[data-align-x="end"] {
16910
- span,
16911
- a {
16919
+ > .navi_text,
16920
+ .navi_link,
16921
+ .navi_text_bold_foreground {
16912
16922
  justify-content: end;
16913
16923
  }
16914
16924
  }
@@ -17059,6 +17069,8 @@ const TabRoute = ({
17059
17069
  paddingX,
17060
17070
  padding,
17061
17071
  paddingY,
17072
+ alignX,
17073
+ alignY,
17062
17074
  ...props
17063
17075
  }) => {
17064
17076
  const {
@@ -17069,6 +17081,8 @@ const TabRoute = ({
17069
17081
  return jsx(TabBasic, {
17070
17082
  selected: selected,
17071
17083
  paddingX: "0",
17084
+ alignX: alignX,
17085
+ alignY: alignY,
17072
17086
  ...props,
17073
17087
  children: jsx(RouteLink, {
17074
17088
  route: route,
@@ -17078,6 +17092,8 @@ const TabRoute = ({
17078
17092
  paddingX: paddingX,
17079
17093
  padding: padding,
17080
17094
  paddingY: paddingY,
17095
+ alignX: alignX,
17096
+ alignY: alignY,
17081
17097
  children: children
17082
17098
  })
17083
17099
  });