@nubitio/react-admin 0.6.3 → 0.6.5

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.
Files changed (2) hide show
  1. package/dist/style.css +64 -67
  2. package/package.json +9 -9
package/dist/style.css CHANGED
@@ -7330,21 +7330,21 @@ html[data-density=comfortable] {
7330
7330
  .nb-feature-hub__header {
7331
7331
  display: flex;
7332
7332
  flex-direction: column;
7333
- gap: 0.35rem;
7334
- padding: 1.5rem 1.5rem 0;
7333
+ gap: var(--space-1);
7334
+ padding: var(--page-padding) var(--page-padding) 0;
7335
7335
  }
7336
7336
 
7337
7337
  .nb-feature-hub__title {
7338
7338
  margin: 0;
7339
- font-size: 1.5rem;
7340
- font-weight: 700;
7339
+ font-size: var(--font-size-2xl);
7340
+ font-weight: var(--font-weight-bold);
7341
7341
  letter-spacing: -0.02em;
7342
7342
  color: var(--text-primary);
7343
7343
  }
7344
7344
 
7345
7345
  .nb-feature-hub__subtitle {
7346
7346
  margin: 0;
7347
- font-size: 0.875rem;
7347
+ font-size: var(--font-size-md);
7348
7348
  color: var(--text-secondary);
7349
7349
  max-width: 36rem;
7350
7350
  }
@@ -7352,30 +7352,31 @@ html[data-density=comfortable] {
7352
7352
  .nb-feature-hub__tabs {
7353
7353
  display: flex;
7354
7354
  flex-wrap: wrap;
7355
- gap: 0.25rem;
7356
- margin: 1.25rem 1.5rem 0;
7357
- padding: 0.25rem;
7355
+ gap: var(--space-1);
7356
+ margin-top: var(--space-5);
7357
+ padding: var(--space-1);
7358
7358
  background: var(--surface-1);
7359
7359
  border: 1px solid var(--border-subtle, var(--border-color));
7360
- border-radius: 10px;
7360
+ border-radius: var(--radius-xl);
7361
7361
  box-shadow: var(--shadow-sm);
7362
7362
  }
7363
7363
 
7364
7364
  .nb-feature-hub__tab {
7365
7365
  display: inline-flex;
7366
7366
  align-items: center;
7367
- gap: 0.45rem;
7368
- padding: 0.55rem 0.9rem;
7369
- font-size: 0.8125rem;
7370
- font-weight: 600;
7367
+ gap: var(--space-2);
7368
+ min-height: var(--control-height);
7369
+ padding: 0 var(--space-3);
7370
+ font-size: var(--font-size-sm);
7371
+ font-weight: var(--font-weight-semibold);
7371
7372
  color: var(--text-secondary);
7372
7373
  text-decoration: none;
7373
7374
  border: 1px solid transparent;
7374
- border-radius: 7px;
7375
- transition: color 0.15s, background 0.15s, border-color 0.15s;
7375
+ border-radius: var(--radius-lg);
7376
+ transition: color var(--transition-base), background var(--transition-base), border-color var(--transition-base);
7376
7377
  }
7377
7378
  .nb-feature-hub__tab .ph {
7378
- font-size: 1rem;
7379
+ font-size: var(--control-icon-size);
7379
7380
  opacity: 0.75;
7380
7381
  }
7381
7382
  .nb-feature-hub__tab:hover {
@@ -7392,26 +7393,61 @@ html[data-density=comfortable] {
7392
7393
  opacity: 1;
7393
7394
  }
7394
7395
 
7396
+ .nb-feature-hub__banner {
7397
+ display: flex;
7398
+ align-items: flex-start;
7399
+ gap: var(--space-3);
7400
+ margin: var(--space-4) var(--page-padding) 0;
7401
+ padding: var(--space-3) var(--space-4);
7402
+ font-size: var(--font-size-sm);
7403
+ line-height: 1.45;
7404
+ border-radius: var(--radius-lg);
7405
+ }
7406
+ .nb-feature-hub__banner .ph {
7407
+ flex-shrink: 0;
7408
+ margin-top: 0.1rem;
7409
+ font-size: var(--control-icon-size);
7410
+ }
7411
+ .nb-feature-hub__banner--info {
7412
+ color: var(--status-info-text, #0369a1);
7413
+ background: var(--status-info-bg, #e0f2fe);
7414
+ border: 1px solid var(--status-info-border, #7dd3fc);
7415
+ }
7416
+ .nb-feature-hub__banner--warning {
7417
+ color: var(--status-warning-text, #b45309);
7418
+ background: var(--status-warning-bg, #fef3c7);
7419
+ border: 1px solid var(--status-warning-border, #fcd34d);
7420
+ }
7421
+
7422
+ .nb-feature-hub__content {
7423
+ flex: 1;
7424
+ min-height: 0;
7425
+ overflow: auto;
7426
+ display: flex;
7427
+ flex-direction: column;
7428
+ padding-top: var(--content-padding);
7429
+ }
7430
+
7395
7431
  .nb-feature-hub--compact .nb-feature-hub__header {
7396
- padding: 0.65rem 1rem 0;
7432
+ padding: var(--space-2) var(--page-padding) 0;
7397
7433
  }
7398
7434
  .nb-feature-hub--compact .nb-feature-hub__tabs-card {
7399
7435
  align-items: center;
7400
7436
  background: var(--surface-1);
7401
7437
  border: 1px solid var(--border-subtle, var(--border-color));
7402
- border-radius: 10px;
7438
+ border-radius: var(--radius-xl);
7403
7439
  box-shadow: var(--shadow-sm);
7404
7440
  display: flex;
7405
7441
  flex: 1 1 auto;
7406
7442
  flex-wrap: wrap;
7407
- gap: 0.5rem 1rem;
7443
+ gap: var(--space-2) var(--space-5);
7408
7444
  justify-content: space-between;
7409
7445
  min-width: 0;
7410
- padding: 0.35rem 0.45rem 0.35rem 0.85rem;
7446
+ padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4);
7411
7447
  width: 100%;
7412
7448
  }
7413
7449
  .nb-feature-hub--compact .nb-feature-hub__title {
7414
- font-size: 1.125rem;
7450
+ font-size: var(--font-size-xl);
7415
7451
  line-height: 1.2;
7416
7452
  margin: 0;
7417
7453
  }
@@ -7419,62 +7455,23 @@ html[data-density=comfortable] {
7419
7455
  flex: 1 1 auto;
7420
7456
  justify-content: flex-end;
7421
7457
  margin: 0;
7422
- padding: 0.15rem;
7458
+ padding: var(--space-1);
7423
7459
  border: none;
7424
- border-radius: 8px;
7460
+ border-radius: var(--radius-lg);
7425
7461
  background: transparent;
7426
7462
  box-shadow: none;
7427
7463
  min-width: min(100%, 520px);
7428
7464
  }
7429
7465
  .nb-feature-hub--compact .nb-feature-hub__tab {
7430
- padding: 0.38rem 0.7rem;
7431
- font-size: 0.75rem;
7466
+ font-size: var(--font-size-xs);
7432
7467
  }
7433
7468
  .nb-feature-hub--compact .nb-feature-hub__tab .ph {
7434
- font-size: 0.9rem;
7469
+ font-size: var(--font-size-sm);
7435
7470
  }
7436
7471
  .nb-feature-hub--compact .nb-feature-hub__banner {
7437
- margin: 0.5rem 1rem 0;
7438
- padding: 0.45rem 0.65rem;
7439
- font-size: 0.75rem;
7440
- }
7441
-
7442
- .nb-feature-hub__banner {
7443
- display: flex;
7444
- align-items: flex-start;
7445
- gap: 0.6rem;
7446
- margin: 0.85rem 1.5rem 0;
7447
- padding: 0.7rem 0.9rem;
7448
- font-size: 0.8125rem;
7449
- line-height: 1.45;
7450
- border-radius: 8px;
7451
- }
7452
- .nb-feature-hub__banner .ph {
7453
- flex-shrink: 0;
7454
- margin-top: 0.1rem;
7455
- font-size: 1rem;
7456
- }
7457
- .nb-feature-hub__banner--info {
7458
- color: var(--status-info-text, #0369a1);
7459
- background: var(--status-info-bg, #e0f2fe);
7460
- border: 1px solid var(--status-info-border, #7dd3fc);
7461
- }
7462
- .nb-feature-hub__banner--warning {
7463
- color: var(--status-warning-text, #b45309);
7464
- background: var(--status-warning-bg, #fef3c7);
7465
- border: 1px solid var(--status-warning-border, #fcd34d);
7466
- }
7467
-
7468
- .nb-feature-hub__content {
7469
- flex: 1;
7470
- min-height: 0;
7471
- overflow: auto;
7472
- display: flex;
7473
- flex-direction: column;
7474
- }
7475
-
7476
- .nb-feature-hub--compact .nb-feature-hub__content {
7477
- padding-top: 0.35rem;
7472
+ margin: var(--space-2) var(--page-padding) 0;
7473
+ padding: var(--space-2) var(--space-3);
7474
+ font-size: var(--font-size-xs);
7478
7475
  }
7479
7476
  .nb-admin-shell {
7480
7477
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubitio/react-admin",
3
- "version": "0.6.3",
3
+ "version": "0.6.5",
4
4
  "type": "module",
5
5
  "description": "Batteries-included admin stack: core runtime, CRUD, Hydra adapter, and AdminShell.",
6
6
  "license": "MIT",
@@ -50,18 +50,18 @@
50
50
  "access": "public"
51
51
  },
52
52
  "dependencies": {
53
- "@nubitio/admin": "^0.6.3",
54
- "@nubitio/hydra": "^0.6.3",
55
- "@nubitio/core": "^0.6.3",
56
- "@nubitio/dashboard": "^0.6.3",
57
- "@nubitio/crud": "^0.6.3",
58
- "@nubitio/ui": "^0.6.3"
53
+ "@nubitio/admin": "^0.6.5",
54
+ "@nubitio/hydra": "^0.6.5",
55
+ "@nubitio/core": "^0.6.5",
56
+ "@nubitio/crud": "^0.6.5",
57
+ "@nubitio/dashboard": "^0.6.5",
58
+ "@nubitio/ui": "^0.6.5"
59
59
  },
60
60
  "peerDependencies": {
61
61
  "@tanstack/react-query": "^5.0.0",
62
62
  "i18next": "^23.0.0",
63
- "react": "^19.0.0",
64
- "react-dom": "^19.0.0",
63
+ "react": "^18.2.0 || ^19.0.0",
64
+ "react-dom": "^18.2.0 || ^19.0.0",
65
65
  "react-i18next": "^14.0.0",
66
66
  "react-router-dom": "^6.0.0"
67
67
  }