@zolomedia/bifrost-client 1.7.85 → 1.7.87

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zolomedia/bifrost-client",
-  "version": "1.7.85",
+  "version": "1.7.87",
   "description": "Browser client for zBifrost — the WebSocket bridge that turns JSON events from a zOS server into live DOM. Thin bootstrap + server-controlled core.",
   "homepage": "https://github.com/ZoloAi/zbifrost-client#readme",
   "repository": {

package/zSys/theme/zbase.css

@@ -329,7 +329,7 @@ select.zForm-control,   select.zInput   { cursor: pointer; }
 }
 
 /* File selector — native file inputs (emitted as .zForm-control) styled to match
-   the theme: muted "no file" text + an indigo pill for the browse button. */
+   the theme: muted "no file" text + a secondary-token pill for the browse button. */
 input[type="file"].zForm-control,
 input[type="file"].zInput {
   display: block;
@@ -400,14 +400,21 @@ input[type="month"].zForm-control::-webkit-calendar-picker-indicator,
 input[type="week"].zForm-control::-webkit-calendar-picker-indicator,
 input[type="date"].zInput::-webkit-calendar-picker-indicator,
 input[type="time"].zInput::-webkit-calendar-picker-indicator,
-input[type="datetime-local"].zInput::-webkit-calendar-picker-indicator {
+input[type="datetime-local"].zInput::-webkit-calendar-picker-indicator,
+input[type="month"].zInput::-webkit-calendar-picker-indicator,
+input[type="week"].zInput::-webkit-calendar-picker-indicator {
   filter: var(--zinput-picker-filter, invert(0.85));
   opacity: 0.75;
   cursor: pointer;
 }
 input[type="date"].zForm-control::-webkit-calendar-picker-indicator:hover,
 input[type="time"].zForm-control::-webkit-calendar-picker-indicator:hover,
-input[type="datetime-local"].zForm-control::-webkit-calendar-picker-indicator:hover {
+input[type="datetime-local"].zForm-control::-webkit-calendar-picker-indicator:hover,
+input[type="month"].zForm-control::-webkit-calendar-picker-indicator:hover,
+input[type="week"].zForm-control::-webkit-calendar-picker-indicator:hover,
+input[type="date"].zInput::-webkit-calendar-picker-indicator:hover,
+input[type="time"].zInput::-webkit-calendar-picker-indicator:hover,
+input[type="datetime-local"].zInput::-webkit-calendar-picker-indicator:hover {
   opacity: 1;
 }
 
@@ -1144,12 +1151,15 @@ zNavBar .zNav-link.active {
 /* Base button structural (no colors — app/theme sets those) */
 .zBtn {
   display: inline-block;
+  box-sizing: border-box;
   cursor: pointer;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   user-select: none;
   border: 1px solid transparent;
+  border-radius: 980px;
+  letter-spacing: -0.01em;
   text-decoration: none;
 }
 .zBtn:focus { outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent); outline-offset: 2px; }
@@ -1164,28 +1174,29 @@ zNavBar .zNav-link.active {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 0.4rem;
-  padding: 0.55rem 1.25rem;
+  gap: 0.45rem;
+  padding: 0.7rem 1.5rem;
   border: none;
-  border-radius: 9px;
+  border-radius: 980px;
   font-family: inherit;
-  font-size: 0.9rem;
+  font-size: 0.95rem;
   font-weight: 600;
   line-height: 1.4;
+  letter-spacing: -0.01em;
   cursor: pointer;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
+  box-shadow: 0 4px 14px var(--shadow);
   transition: filter 0.15s ease, transform 0.08s ease, box-shadow 0.15s ease;
 }
 .zBtn-primary:hover, .zBtn-secondary:hover, .zBtn-success:hover,
 .zBtn-danger:hover, .zBtn-warning:hover, .zBtn-info:hover {
   filter: brightness(1.06);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
+  transform: translateY(-2px);
+  box-shadow: 0 8px 22px var(--shadow);
 }
 .zBtn-primary:active, .zBtn-secondary:active, .zBtn-success:active,
 .zBtn-danger:active, .zBtn-warning:active, .zBtn-info:active {
   transform: translateY(0);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
+  box-shadow: 0 2px 6px var(--shadow);
 }
 .zBtn-primary:disabled, .zBtn-secondary:disabled, .zBtn-success:disabled,
 .zBtn-danger:disabled, .zBtn-warning:disabled, .zBtn-info:disabled {
@@ -1211,8 +1222,8 @@ zNavBar .zNav-link.active {
 /* Size + outline + group variants — emitted by the renderer (e.g. the zTable
  * paging control bar). Outline buttons keep the base box model and only swap the
  * skin (transparent fill, token-tinted text/border). */
-.zBtn-sm { padding: 0.32rem 0.7rem; font-size: 0.82rem; border-radius: 7px; }
-.zBtn-lg { padding: 0.8rem 1.8rem;  font-size: 1.05rem; border-radius: 11px; }
+.zBtn-sm { padding: 0.4rem 0.95rem;  font-size: 0.82rem; border-radius: 980px; }
+.zBtn-lg { padding: 0.95rem 2.2rem;  font-size: 1.05rem; border-radius: 980px; }
 
 .zBtn-outline-primary,
 .zBtn-outline-secondary,