@jsenv/navi 0.23.4 → 0.23.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.
@@ -21512,6 +21512,8 @@ const css$r = /* css */`
21512
21512
  a.navi_button {
21513
21513
  color: inherit;
21514
21514
  text-decoration: none;
21515
+ display: inline-block;
21516
+ text-align: center;
21515
21517
  }
21516
21518
 
21517
21519
  .navi_button {
@@ -22385,10 +22387,30 @@ const css$q = /* css */`
22385
22387
  --x-link-text-decoration-hover: var(--link-text-decoration-hover);
22386
22388
  --x-link-cursor: var(--link-cursor);
22387
22389
 
22390
+ /* Resolve padding shorthands into directional vars */
22391
+ --x-link-padding-top: var(
22392
+ --link-padding-top,
22393
+ var(--link-padding-y, var(--link-padding, 0px))
22394
+ );
22395
+ --x-link-padding-right: var(
22396
+ --link-padding-right,
22397
+ var(--link-padding-x, var(--link-padding, 0px))
22398
+ );
22399
+ --x-link-padding-bottom: var(
22400
+ --link-padding-bottom,
22401
+ var(--link-padding-y, var(--link-padding, 0px))
22402
+ );
22403
+ --x-link-padding-left: var(
22404
+ --link-padding-left,
22405
+ var(--link-padding-x, var(--link-padding, 0px))
22406
+ );
22407
+
22388
22408
  position: relative;
22389
22409
  aspect-ratio: inherit;
22390
- /* Ensure the spacing for the loading outline is part of the <a> so that it does not create an overflow */
22391
- padding: var(--link-loading-outline-size);
22410
+ padding-top: calc(var(--x-link-padding-top) + var(--link-loading-outline-size));
22411
+ padding-right: calc(var(--x-link-padding-right) + var(--link-loading-outline-size));
22412
+ padding-bottom: calc(var(--x-link-padding-bottom) + var(--link-loading-outline-size));
22413
+ padding-left: calc(var(--x-link-padding-left) + var(--link-loading-outline-size));
22392
22414
  color: var(--x-link-color);
22393
22415
  text-decoration: var(--x-link-text-decoration);
22394
22416
  background: var(--x-link-background);
@@ -22609,6 +22631,13 @@ const css$q = /* css */`
22609
22631
  const LinkStyleCSSVars = {
22610
22632
  "outlineColor": "--link-outline-color",
22611
22633
  "borderRadius": "--link-border-radius",
22634
+ "padding": "--link-padding",
22635
+ "paddingX": "--link-padding-x",
22636
+ "paddingY": "--link-padding-y",
22637
+ "paddingTop": "--link-padding-top",
22638
+ "paddingRight": "--link-padding-right",
22639
+ "paddingBottom": "--link-padding-bottom",
22640
+ "paddingLeft": "--link-padding-left",
22612
22641
  "color": "--link-color",
22613
22642
  "cursor": "--link-cursor",
22614
22643
  "textDecoration": "--link-text-decoration",