@jsenv/navi 0.27.33 → 0.27.35

package/dist/jsenv_navi.js

@@ -23230,6 +23230,7 @@ const css$L = /* css */`
         display: flex;
         width: 100%;
         flex-grow: 1;
+        justify-content: inherit;
         gap: 0.3em;
 
         .navi_text_overflow_text {
@@ -25639,7 +25640,9 @@ const useUIStateController = (
       if (isRadio && newUIState && uiStateController.name && !controlProxyFor) {
         const siblings = radioControllersByName.get(uiStateController.name);
         if (siblings) {
-          const siblingUncheckEvent = new CustomEvent("radio_sibling_uncheck");
+          const siblingUncheckEvent = new CustomEvent("radio_sibling_uncheck", {
+            detail: {},
+          });
           chainEvent(siblingUncheckEvent, e);
           for (const siblingController of siblings) {
             if (siblingController === uiStateController) {
@@ -26024,7 +26027,10 @@ const useUIGroupStateController = (
         );
         return;
       }
-      const propagateDownEvent = new CustomEvent("propagate_down_set_ui_state");
+      const propagateDownEvent = new CustomEvent(
+        "propagate_down_set_ui_state",
+        { detail: {} },
+      );
       chainEvent(propagateDownEvent, e);
       for (const childUIStateController of childUIStateControllerArray) {
         if (!isMonitoringChild(childUIStateController)) {
@@ -26147,6 +26153,7 @@ const useUIGroupStateController = (
     resetUIState: (e) => {
       const propagateDownResetEvent = new CustomEvent(
         "propagate_down_reset_ui_state",
+        { detail: {} },
       );
       chainEvent(propagateDownResetEvent, e);
       for (const childUIStateController of childUIStateControllerArray) {
@@ -26163,6 +26170,7 @@ const useUIGroupStateController = (
     clearUIState: (e) => {
       const propagateDownClearEvent = new CustomEvent(
         "propagate_down_clear_ui_state",
+        { detail: {} },
       );
       chainEvent(propagateDownClearEvent, e);
       for (const childUIStateController of childUIStateControllerArray) {
@@ -26240,7 +26248,10 @@ const useUIFacadeStateController = (uiStateController) => {
         return;
       }
       updatingRef.current = true;
-      const propagateDownEvent = new CustomEvent("propagate_down_set_ui_state");
+      const propagateDownEvent = new CustomEvent(
+        "propagate_down_set_ui_state",
+        { detail: {} },
+      );
       chainEvent(propagateDownEvent, e);
       child.setUIState(newUIState, propagateDownEvent);
       updatingRef.current = false;
@@ -27376,6 +27387,10 @@ installImportMetaCssBuild(import.meta);const css$I = /* css */`
         --button-background-color-readonly
       );
       --button-color-disabled: var(--button-color-readonly);
+
+      /* Here to be easy to override */
+      font-size: var(--button-font-size);
+      font-family: var(--button-font-family);
     }
   }
 
@@ -27403,8 +27418,6 @@ installImportMetaCssBuild(import.meta);const css$I = /* css */`
     cursor: var(--x-button-cursor);
     -webkit-tap-highlight-color: transparent;
     position: relative;
-    font-size: var(--button-font-size);
-    font-family: var(--button-font-family);
     touch-action: manipulation;
     user-select: none;
     -webkit-tap-highlight-color: var(--navi-control-tap-highlight-color);
@@ -27540,6 +27553,7 @@ installImportMetaCssBuild(import.meta);const css$I = /* css */`
 
     /* discrete: background on hover */
     &[data-variant="discrete"] {
+      --button-border-width: 0;
       --x-button-background-color: transparent;
       --x-button-border-color: transparent;
 
@@ -31724,11 +31738,12 @@ const InputSearchUI = ({
   }
   return jsx(InputRightSlot, {
     children: jsx(Button, {
-      tabIndex: "-1",
-      "navi-focus-delegate": id,
-      variant: "icon",
       command: "--navi-clear",
       commandFor: id,
+      tabIndex: "-1",
+      "navi-focus-delegate": id,
+      icon: true,
+      variant: "discrete",
       children: jsx(Icon, {
         children: jsx(CloseSvg, {})
       })
@@ -32242,13 +32257,17 @@ const css$w = /* css */`
     }
 
     .navi_input_slot {
-      margin-inline: 0.2em;
+      --slot-spacing: calc(2px + 0.1em);
+
+      margin-right: var(--slot-spacing);
+      margin-left: var(--slot-spacing);
       color: #5e4e4e;
 
       &[data-left] {
-        margin-right: var(--x-padding-left);
         order: -1;
       }
+      &[data-right] {
+      }
     }
 
     /* Hover */
@@ -38071,7 +38090,6 @@ installImportMetaCssBuild(import.meta);const css$i = /* css */`
     padding-left: 0;
     flex-direction: row;
     align-items: center;
-    gap: var(--navi-xs);
     color: var(--x-picker-color);
     font-size: var(--picker-font-size);
     font-family: var(--picker-font-family);
@@ -38096,7 +38114,6 @@ installImportMetaCssBuild(import.meta);const css$i = /* css */`
       display: inline-block;
       min-width: 0;
       max-width: 100%;
-      margin-inline: 0.2em;
       margin-top: calc(-1 * var(--x-picker-padding-top));
       margin-bottom: calc(-1 * var(--x-picker-padding-bottom));
       padding-top: var(--x-picker-padding-top);
@@ -38113,9 +38130,13 @@ installImportMetaCssBuild(import.meta);const css$i = /* css */`
       }
     }
     .navi_picker_right_slot {
+      --slot-spacing: calc(0.1em);
+
       display: inline-flex;
       height: 1em;
       height: 1lh;
+      margin-right: var(--slot-spacing);
+      margin-left: var(--slot-spacing);
       flex-shrink: 0;
       align-items: center;
       align-self: flex-start;
@@ -38144,6 +38165,7 @@ installImportMetaCssBuild(import.meta);const css$i = /* css */`
 
     .navi_picker_content {
       display: contents;
+      text-align: initial; /* Don't inherit picker text align */
     }
 
     &[data-line-clamp] {