@jsenv/navi 0.27.29 → 0.27.30

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.
@@ -34251,7 +34251,7 @@ const ListItemFooter = props => {
34251
34251
 
34252
34252
  installImportMetaCssBuild(import.meta);const css$m = /* css */`
34253
34253
  @layer navi {
34254
- .navi_list_container {
34254
+ .navi_list_item[navi-selectable] {
34255
34255
  /* Focus outline */
34256
34256
  --list-item-outline-width: var(--navi-focus-outline-width);
34257
34257
  /* here we draw the outline ON the item, not outside of it */
@@ -34259,12 +34259,9 @@ installImportMetaCssBuild(import.meta);const css$m = /* css */`
34259
34259
  --list-item-outline-offset: calc(-1 * var(--list-item-outline-width));
34260
34260
  --list-item-outline-color: var(--navi-focus-outline-color);
34261
34261
  /* Focus outline end */
34262
- --selectable-item-padding-x-default: var(
34263
- --navi-control-padding-x-default
34264
- );
34265
- --selectable-item-padding-y-default: var(
34266
- --navi-control-padding-y-default
34267
- );
34262
+ --list-item-border-color: var(--navi-control-border-color);
34263
+ --list-item-padding-x-default: var(--navi-control-padding-x-default);
34264
+ --list-item-padding-y-default: var(--navi-control-padding-y-default);
34268
34265
 
34269
34266
  /* Hover (mouse) */
34270
34267
  --list-item-background-color-hover: light-dark(#f5f5f5, #2a2a2a);
@@ -34297,10 +34294,7 @@ installImportMetaCssBuild(import.meta);const css$m = /* css */`
34297
34294
  margin: 0; /* Reset margin that might come from fieldset */
34298
34295
  padding: 0; /* Reset padding that might come from fieldset */
34299
34296
  }
34300
-
34301
34297
  .navi_list_container[navi-selectable] {
34302
- font-size: var(--navi-control-font-size);
34303
- font-family: var(--navi-control-font-family);
34304
34298
  &[data-callout] {
34305
34299
  --x-list-border-color: var(--callout-color);
34306
34300
  }
@@ -34308,10 +34302,11 @@ installImportMetaCssBuild(import.meta);const css$m = /* css */`
34308
34302
 
34309
34303
  .navi_list_item[navi-selectable] {
34310
34304
  --x-list-item-cursor: default;
34311
- --list-item-padding-x-default: var(--selectable-item-padding-x-default);
34312
- --list-item-padding-y-default: var(--selectable-item-padding-y-default);
34305
+ --x-list-item-border-color: var(--list-item-border-color);
34313
34306
 
34314
34307
  position: relative;
34308
+ font-size: var(--navi-control-font-size);
34309
+ font-family: var(--navi-control-font-family);
34315
34310
  outline-width: var(--list-item-outline-width);
34316
34311
  outline-color: var(--list-item-outline-color);
34317
34312
  outline-offset: var(--list-item-outline-offset);