@jsenv/navi 0.14.26 → 0.14.27

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.
@@ -24488,26 +24488,29 @@ installImportMetaCss(import.meta);import.meta.css = /* css */`
24488
24488
  @layer navi {
24489
24489
  .navi_separator {
24490
24490
  --size: 1px;
24491
- --color: inherit;
24492
- --spacing: 8px;
24493
- --spacing-start: 8px;
24494
- --spacing-end: 8px;
24491
+ --color: #e4e4e7;
24492
+ --spacing: 0.5em;
24493
+ --spacing-start: 0.5em;
24494
+ --spacing-end: 0.5em;
24495
24495
  }
24496
24496
  }
24497
24497
 
24498
24498
  .navi_separator {
24499
24499
  height: var(--size);
24500
- margin-top: var(--spacing-start, var(--spacing, 8px));
24501
- margin-bottom: var(--spacing-end, var(--spacing, 8px));
24500
+ margin-top: var(--spacing-start, var(--spacing));
24501
+ margin-bottom: var(--spacing-end, var(--spacing));
24502
24502
  background: var(--color);
24503
24503
 
24504
24504
  &[data-vertical] {
24505
+ display: inline-block;
24506
+
24505
24507
  width: var(--separator-size);
24506
- height: 100%;
24508
+ height: 1lh;
24507
24509
  margin-top: 0;
24508
- margin-right: var(--spacing-end, var(--spacing, 8px));
24510
+ margin-right: var(--spacing-end, var(--spacing));
24509
24511
  margin-bottom: 0;
24510
- margin-left: var(--spacing-start, var(--spacing, 8px));
24512
+ margin-left: var(--spacing-start, var(--spacing));
24513
+ vertical-align: bottom;
24511
24514
  }
24512
24515
  }
24513
24516
  `;
@@ -24519,6 +24522,7 @@ const Separator = ({
24519
24522
  ...props
24520
24523
  }) => {
24521
24524
  return jsx(Box, {
24525
+ as: vertical ? "span" : "hr",
24522
24526
  ...props,
24523
24527
  "data-vertical": vertical ? "" : undefined,
24524
24528
  baseClassName: "navi_separator",