@nubitio/react-admin 0.7.2 → 0.7.3

package/dist/style.css

@@ -8083,78 +8083,50 @@ html[data-density=comfortable] {
 .nb-feature-hub__tabs {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--space-1);
-  margin-top: var(--space-5);
-  padding: var(--space-1);
-  background: var(--surface-1);
-  border: 1px solid var(--border-subtle, var(--border-color));
-  border-radius: var(--radius-xl);
-  box-shadow: var(--shadow-sm);
-}
-
-.nb-feature-hub__tab {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-2);
-  min-height: var(--control-height);
-  padding: 0 var(--space-3);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-secondary);
-  text-decoration: none;
-  border: 1px solid transparent;
-  border-radius: var(--radius-lg);
-  transition: color var(--transition-base), background var(--transition-base), border-color var(--transition-base);
-}
-.nb-feature-hub__tab .ph {
-  font-size: var(--control-icon-size);
-  opacity: 0.75;
-}
-.nb-feature-hub__tab:hover {
-  color: var(--text-primary);
-  background: var(--surface-2);
-}
-.nb-feature-hub__tab--active {
-  color: var(--accent-color);
-  background: var(--accent-subtle);
-  border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
-  box-shadow: var(--shadow-sm);
-}
-.nb-feature-hub__tab--active .ph {
-  opacity: 1;
-}
-
-.nb-feature-hub__tabs--underline {
+  gap: 0;
   margin-top: var(--space-4);
   padding: 0;
-  gap: 0;
   background: transparent;
   border: none;
   border-bottom: 1px solid var(--border-subtle, var(--border-color));
   border-radius: 0;
   box-shadow: none;
 }
-.nb-feature-hub__tabs--underline .nb-feature-hub__tab {
+
+.nb-feature-hub__tab {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
   position: relative;
   min-height: calc(var(--control-height) + var(--space-2));
   padding: var(--space-2) var(--space-3);
   margin-bottom: -1px;
+  font-size: var(--font-size-sm);
   font-weight: var(--font-weight-medium, 500);
+  color: var(--text-secondary);
+  text-decoration: none;
   border: none;
   border-radius: 0;
   background: transparent;
+  transition: color var(--transition-base), background var(--transition-base);
+}
+.nb-feature-hub__tab .ph {
+  font-size: var(--control-icon-size);
+  opacity: 0.75;
 }
-.nb-feature-hub__tabs--underline .nb-feature-hub__tab:hover:not(.nb-feature-hub__tab--active) {
+.nb-feature-hub__tab:hover:not(.nb-feature-hub__tab--active) {
   color: var(--text-primary);
   background: color-mix(in srgb, var(--accent-color) 8%, transparent);
 }
-.nb-feature-hub__tabs--underline .nb-feature-hub__tab--active {
+.nb-feature-hub__tab--active {
   color: var(--accent-color);
+  font-weight: var(--font-weight-semibold);
   background: transparent;
-  border: none;
-  box-shadow: none;
 }
-.nb-feature-hub__tabs--underline .nb-feature-hub__tab--active::after {
+.nb-feature-hub__tab--active .ph {
+  opacity: 1;
+}
+.nb-feature-hub__tab--active::after {
   content: "";
   position: absolute;
   right: var(--space-3);
@@ -8164,9 +8136,6 @@ html[data-density=comfortable] {
   border-radius: 2px 2px 0 0;
   background: var(--accent-color);
 }
-.nb-feature-hub__tabs--underline .nb-feature-hub__tab--active .ph {
-  opacity: 1;
-}
 
 .nb-feature-hub__banner {
   display: flex;
@@ -8204,21 +8173,22 @@ html[data-density=comfortable] {
 }
 
 .nb-feature-hub--compact .nb-feature-hub__header {
-  padding: var(--space-2) var(--page-padding) 0;
+  padding: var(--space-3) var(--page-padding) 0;
 }
 .nb-feature-hub--compact .nb-feature-hub__tabs-card {
   align-items: center;
-  background: var(--surface-1);
-  border: 1px solid var(--border-subtle, var(--border-color));
-  border-radius: var(--radius-xl);
-  box-shadow: var(--shadow-sm);
+  background: transparent;
+  border: none;
+  border-bottom: 1px solid var(--border-subtle, var(--border-color));
+  border-radius: 0;
+  box-shadow: none;
   display: flex;
   flex: 1 1 auto;
   flex-wrap: wrap;
   gap: var(--space-2) var(--space-5);
   justify-content: space-between;
   min-width: 0;
-  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4);
+  padding: 0 0 var(--space-2);
   width: 100%;
 }
 .nb-feature-hub--compact .nb-feature-hub__title {
@@ -8230,23 +8200,21 @@ html[data-density=comfortable] {
   flex: 1 1 auto;
   justify-content: flex-end;
   margin: 0;
-  padding: var(--space-1);
-  border: none;
-  border-radius: var(--radius-lg);
-  background: transparent;
-  box-shadow: none;
+  border-bottom: none;
   min-width: min(100%, 520px);
 }
-.nb-feature-hub--compact .nb-feature-hub__tabs.nb-feature-hub__tabs--underline {
-  padding: 0;
-  border-bottom: 1px solid var(--border-subtle, var(--border-color));
-}
 .nb-feature-hub--compact .nb-feature-hub__tab {
   font-size: var(--font-size-xs);
+  min-height: calc(var(--control-height) + var(--space-1));
+  padding: var(--space-1) var(--space-2);
 }
 .nb-feature-hub--compact .nb-feature-hub__tab .ph {
   font-size: var(--font-size-sm);
 }
+.nb-feature-hub--compact .nb-feature-hub__tab--active::after {
+  right: var(--space-2);
+  left: var(--space-2);
+}
 .nb-feature-hub--compact .nb-feature-hub__banner {
   margin: var(--space-2) var(--page-padding) 0;
   padding: var(--space-2) var(--space-3);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubitio/react-admin",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "type": "module",
   "description": "Batteries-included admin stack: core runtime, CRUD, Hydra adapter, and AdminShell.",
   "license": "MIT",
@@ -50,12 +50,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@nubitio/admin": "^0.7.2",
-    "@nubitio/hydra": "^0.7.2",
-    "@nubitio/core": "^0.7.2",
-    "@nubitio/crud": "^0.7.2",
-    "@nubitio/dashboard": "^0.7.2",
-    "@nubitio/ui": "^0.7.2"
+    "@nubitio/hydra": "^0.7.3",
+    "@nubitio/core": "^0.7.3",
+    "@nubitio/admin": "^0.7.3",
+    "@nubitio/crud": "^0.7.3",
+    "@nubitio/ui": "^0.7.3",
+    "@nubitio/dashboard": "^0.7.3"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",