@limpiolux/ui-styles 1.0.6 → 1.0.7

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.
package/components.css CHANGED
@@ -523,6 +523,96 @@
523
523
  color: #e0f2fe;
524
524
  }
525
525
 
526
+ .portal-title {
527
+ color: #f4f4f5;
528
+ }
529
+
530
+ .portal-body {
531
+ color: #a1a1aa;
532
+ }
533
+
534
+ .portal-code {
535
+ color: #d4d4d8;
536
+ }
537
+
538
+ .portal-muted {
539
+ color: #71717a;
540
+ }
541
+
542
+ .portal-directory-title {
543
+ color: #f0f9ff;
544
+ }
545
+
546
+ .portal-directory-text {
547
+ color: rgba(224, 242, 254, 0.8);
548
+ }
549
+
550
+ .portal-directory-search-icon {
551
+ color: rgba(224, 242, 254, 0.6);
552
+ }
553
+
554
+ .portal-directory-empty {
555
+ color: rgba(224, 242, 254, 0.7);
556
+ }
557
+
558
+ .portal-directory-name {
559
+ color: #f0f9ff;
560
+ }
561
+
562
+ .portal-directory-meta {
563
+ color: rgba(224, 242, 254, 0.8);
564
+ }
565
+
566
+ .portal-directory-fine {
567
+ color: rgba(224, 242, 254, 0.6);
568
+ }
569
+
570
+ .portal-directory-in-portal-badge {
571
+ @apply rounded-full border px-2.5 py-1 text-[11px] uppercase tracking-[0.18em];
572
+ border-color: rgba(255, 255, 255, 0.1);
573
+ background: rgba(255, 255, 255, 0.1);
574
+ color: #e0f2fe;
575
+ }
576
+
577
+ .portal-warning-text {
578
+ color: rgba(254, 243, 199, 0.8);
579
+ }
580
+
581
+ .portal-success-badge {
582
+ border-color: rgba(110, 231, 183, 0.2);
583
+ background: rgba(110, 231, 183, 0.1);
584
+ color: #d1fae5;
585
+ }
586
+
587
+ .portal-inactive-badge {
588
+ border-color: rgba(252, 211, 77, 0.2);
589
+ background: rgba(252, 211, 77, 0.1);
590
+ color: #fef3c7;
591
+ }
592
+
593
+ .portal-it-badge {
594
+ @apply rounded-full border px-2.5 py-1 text-[11px] font-medium uppercase tracking-[0.18em];
595
+ border-color: rgba(251, 191, 36, 0.2);
596
+ background: rgba(251, 191, 36, 0.1);
597
+ color: #fde68a;
598
+ }
599
+
600
+ .portal-system-badge {
601
+ border-color: rgba(56, 189, 248, 0.2);
602
+ background: rgba(56, 189, 248, 0.1);
603
+ color: #bae6fd;
604
+ }
605
+
606
+ .portal-custom-badge {
607
+ border-color: rgba(52, 211, 153, 0.2);
608
+ background: rgba(52, 211, 153, 0.1);
609
+ color: #a7f3d0;
610
+ }
611
+
612
+ .portal-custom-label {
613
+ color: #6ee7b7;
614
+ }
615
+
526
616
  /* ── Glass toolbar ── */
527
617
 
528
618
  .glass-toolbar {
package/light.css CHANGED
@@ -403,6 +403,82 @@
403
403
  color: #0369a1;
404
404
  }
405
405
 
406
+ .light .portal-title {
407
+ color: #18181b;
408
+ }
409
+
410
+ .light .portal-body {
411
+ color: #52525b;
412
+ }
413
+
414
+ .light .portal-code,
415
+ .light .portal-muted {
416
+ color: #3f3f46;
417
+ }
418
+
419
+ .light .portal-directory-title,
420
+ .light .portal-directory-name {
421
+ color: #0c4a6e;
422
+ }
423
+
424
+ .light .portal-directory-text,
425
+ .light .portal-directory-meta {
426
+ color: rgba(8, 47, 73, 0.8);
427
+ }
428
+
429
+ .light .portal-directory-search-icon {
430
+ color: #0ea5e9;
431
+ }
432
+
433
+ .light .portal-directory-empty,
434
+ .light .portal-directory-fine {
435
+ color: rgba(8, 47, 73, 0.7);
436
+ }
437
+
438
+ .light .portal-directory-in-portal-badge {
439
+ border-color: rgba(212, 212, 216, 0.92);
440
+ background: #f4f4f5;
441
+ color: #0369a1;
442
+ }
443
+
444
+ .light .portal-warning-text {
445
+ color: rgba(180, 83, 9, 0.9);
446
+ }
447
+
448
+ .light .portal-success-badge {
449
+ border-color: rgba(110, 231, 183, 0.9);
450
+ background: #ecfdf5;
451
+ color: #047857;
452
+ }
453
+
454
+ .light .portal-inactive-badge {
455
+ border-color: rgba(252, 211, 77, 0.88);
456
+ background: #fffbeb;
457
+ color: #b45309;
458
+ }
459
+
460
+ .light .portal-it-badge {
461
+ border-color: rgba(252, 211, 77, 0.88);
462
+ background: #fffbeb;
463
+ color: #b45309;
464
+ }
465
+
466
+ .light .portal-system-badge {
467
+ border-color: rgba(125, 211, 252, 0.88);
468
+ background: #f0f9ff;
469
+ color: #0369a1;
470
+ }
471
+
472
+ .light .portal-custom-badge {
473
+ border-color: rgba(110, 231, 183, 0.88);
474
+ background: #ecfdf5;
475
+ color: #047857;
476
+ }
477
+
478
+ .light .portal-custom-label {
479
+ color: #047857;
480
+ }
481
+
406
482
  /* ── Glass / KPI ── */
407
483
 
408
484
  .light .glass-toolbar {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@limpiolux/ui-styles",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "description": "Shared design system — Limpiolux liquid glass theme with auth, portal and dark/light mode support",
5
5
  "type": "module",
6
6
  "exports": {