@jsenv/navi 0.14.26 → 0.14.28

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,31 @@ 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
+ width: 100%;
24499
24500
  height: var(--size);
24500
- margin-top: var(--spacing-start, var(--spacing, 8px));
24501
- margin-bottom: var(--spacing-end, var(--spacing, 8px));
24501
+ margin-top: var(--spacing-start, var(--spacing));
24502
+ margin-bottom: var(--spacing-end, var(--spacing));
24502
24503
  background: var(--color);
24504
+ border: none;
24503
24505
 
24504
24506
  &[data-vertical] {
24507
+ display: inline-block;
24508
+
24505
24509
  width: var(--separator-size);
24506
- height: 100%;
24510
+ height: 1lh;
24507
24511
  margin-top: 0;
24508
- margin-right: var(--spacing-end, var(--spacing, 8px));
24512
+ margin-right: var(--spacing-end, var(--spacing));
24509
24513
  margin-bottom: 0;
24510
- margin-left: var(--spacing-start, var(--spacing, 8px));
24514
+ margin-left: var(--spacing-start, var(--spacing));
24515
+ vertical-align: bottom;
24511
24516
  }
24512
24517
  }
24513
24518
  `;
@@ -24519,6 +24524,7 @@ const Separator = ({
24519
24524
  ...props
24520
24525
  }) => {
24521
24526
  return jsx(Box, {
24527
+ as: vertical ? "span" : "hr",
24522
24528
  ...props,
24523
24529
  "data-vertical": vertical ? "" : undefined,
24524
24530
  baseClassName: "navi_separator",