@foxeltech/angular-ui 0.7.103 → 0.7.104

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/lib/styles/theme.css +0 -140
  3. package/theme.css +0 -140
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@foxeltech/angular-ui",
3
- "version": "0.7.103",
3
+ "version": "0.7.104",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/lib/styles/theme.css CHANGED
@@ -504,143 +504,3 @@
504
504
  --border-secondary-hover: var(--og-accent);
505
505
  --bg-secondary-hover: var(--og-neutral-soft-bg);
506
506
  }
507
-
508
- /* ---- STALE-HOST FALLBACK (transitional) -----------------------------
509
- Host CŨ không set data-og-theme, chỉ toggle .light_theme trên body.
510
- Map light→porcelain (đã là :root default), dark→charcoal — cả hai kèm
511
- alias ở body-level để đè literal của stylesheet host cũ. Remote chạy
512
- standalone không set theme cũng rơi vào nhánh charcoal (khớp hành vi
513
- dark-default cũ). */
514
- html:not([data-og-theme]) body:not(.light_theme) {
515
- --og-page-bg: 26 24 17; /* #1a1811 */
516
- --og-surface: 34 31 22; /* #221f16 */
517
- --og-surface-raised: 42 38 25; /* #2a2619 */
518
- --og-surface-sunken: 23 21 9; /* #171509 */
519
- --og-border: 58 54 38; /* #3a3626 */
520
- --og-border-subtle: 44 41 25; /* #2c2919 */
521
- --og-border-strong: 76 71 50; /* #4c4732 */
522
- --og-text: 226 221 203; /* #e2ddcb */
523
- --og-text-body: 193 188 166; /* #c1bca6 */
524
- --og-text-muted: 147 141 118; /* #938d76 */
525
- --og-text-faint: 107 102 83; /* #6b6653 */
526
- --og-accent: 143 200 102; /* #8fc866 */
527
- --og-accent-fg: 164 217 126; /* #a4d97e */
528
- --og-accent-contrast: 23 21 9; /* #171509 */
529
- --og-accent-soft-bg: 38 48 26; /* #26301a */
530
- --og-accent-soft-fg: 164 217 126; /* #a4d97e */
531
- --og-positive: 132 200 98; /* #84c862 */
532
- --og-positive-soft-bg: 34 48 15; /* #22300f */
533
- --og-negative: 229 130 142; /* #e5828e */
534
- --og-negative-soft-bg: 63 30 36; /* #3f1e24 */
535
- --og-warning: 214 178 90; /* #d6b25a */
536
- --og-warning-soft-bg: 51 42 18; /* #332a12 */
537
- --og-neutral-soft-bg: 42 39 25; /* #2a2719 */
538
- --og-neutral-soft-fg: 164 158 134; /* #a49e86 */
539
- --og-track: 48 44 30; /* #302c1e */
540
- --og-radius-frame: 10px;
541
- --og-radius-card: 9px;
542
- --og-radius-control: 7px;
543
- --og-radius-pill: 999px;
544
- --og-font-body: 'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
545
- --og-font-display: 'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
546
- --og-font-mono: 'JetBrains Mono',ui-monospace,monospace;
547
- --og-font-prose: 'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
548
- --og-font-figure: 'JetBrains Mono',ui-monospace,monospace;
549
- --og-positive-soft-fg: 164 217 126; /* #a4d97e */
550
- --og-negative-soft-fg: 238 163 171; /* #eea3ab */
551
- --og-warning-soft-fg: 224 194 116; /* #e0c274 */
552
- /* derived (script-generated, KHÔNG có trong design gốc) */
553
- --og-derived-critical: 254 119 154; /* #fe779a */
554
- --og-derived-critical-soft-bg: 97 46 57; /* #612e39 */
555
- --og-derived-gradient-accent-end: 174 233 134; /* #aee986 */
556
- --og-derived-gradient-positive-end: 157 226 123; /* #9de27b */
557
- --shadow-color: 255 255 255;
558
- /* severity tones — bộ LEGACY (vivid), không lấy từ design V2 */
559
- --og-tone-success: 76 175 80;
560
- --og-tone-warning: 255 188 59;
561
- --og-tone-critical: 236 25 56;
562
- --og-tone-danger: 249 133 7;
563
- --og-tone-information: 62 175 240;
564
- --og-tone-discovery: 119 113 227;
565
- /* severity ramp cho CHART — literal đo trên demo, không phải token design */
566
- --og-sev-critical: 207 103 96; /* #cf6760 — #7f1d1d nâng L cho nền tối */
567
- --og-sev-danger: 246 68 61; /* #f6443d */
568
- --og-sev-warning: 245 158 11; /* #f59e0b */
569
- --og-sev-success: 22 163 74; /* #16a34a */
570
-
571
- /* ---- LEGACY ALIASES (@deprecated — gỡ khi kết thúc campaign V2) ----
572
- Các biến cũ trỏ vào --og-* qua var() nên chỉ cần khai báo MỘT lần:
573
- var() resolve tại element sử dụng, giá trị og đúng theo theme đang active. */
574
- --gradient-primary-start: var(--og-accent);
575
- --gradient-primary-end: var(--og-derived-gradient-accent-end);
576
- --gradient-success-start: var(--og-positive);
577
- --gradient-success-end: var(--og-derived-gradient-positive-end);
578
- --bg-primary: var(--og-surface);
579
- --bg-canvas: var(--og-page-bg);
580
- --primary: var(--og-accent);
581
- --success: var(--og-tone-success);
582
- --warning: var(--og-tone-warning);
583
- --critical: var(--og-tone-critical);
584
- --danger: var(--og-tone-danger);
585
- --discovery: var(--og-tone-discovery);
586
- --information: var(--og-tone-information);
587
- --text-primary: var(--og-text);
588
- --text-secondary: var(--og-text-muted);
589
- --border-default: var(--og-border);
590
- --text-placeholder: var(--og-text-faint);
591
- --step-bg: var(--og-text);
592
- --text-link-primary: var(--og-accent-fg);
593
- --bg-primary-hover: var(--og-surface-sunken);
594
- --text-focus: var(--og-accent-contrast);
595
- --bg-primary-neutral: var(--og-border-strong);
596
- --text-selected-primary: var(--og-accent-fg);
597
- --button-default: var(--og-text);
598
- --text-inverse: var(--og-surface);
599
- --bg-error-bold: var(--og-negative);
600
- --text-error: var(--og-negative);
601
- --border-interactive: var(--og-accent);
602
- --border-selected: var(--og-accent);
603
- --button-primary: var(--og-accent);
604
- --border-strong: var(--og-border-strong);
605
- --border-secondary-hover: var(--og-accent);
606
- --bg-secondary-hover: var(--og-neutral-soft-bg);
607
- }
608
-
609
- html:not([data-og-theme]) body.light_theme {
610
- /* ---- LEGACY ALIASES (@deprecated — gỡ khi kết thúc campaign V2) ----
611
- Các biến cũ trỏ vào --og-* qua var() nên chỉ cần khai báo MỘT lần:
612
- var() resolve tại element sử dụng, giá trị og đúng theo theme đang active. */
613
- --gradient-primary-start: var(--og-accent);
614
- --gradient-primary-end: var(--og-derived-gradient-accent-end);
615
- --gradient-success-start: var(--og-positive);
616
- --gradient-success-end: var(--og-derived-gradient-positive-end);
617
- --bg-primary: var(--og-surface);
618
- --bg-canvas: var(--og-page-bg);
619
- --primary: var(--og-accent);
620
- --success: var(--og-tone-success);
621
- --warning: var(--og-tone-warning);
622
- --critical: var(--og-tone-critical);
623
- --danger: var(--og-tone-danger);
624
- --discovery: var(--og-tone-discovery);
625
- --information: var(--og-tone-information);
626
- --text-primary: var(--og-text);
627
- --text-secondary: var(--og-text-muted);
628
- --border-default: var(--og-border);
629
- --text-placeholder: var(--og-text-faint);
630
- --step-bg: var(--og-text);
631
- --text-link-primary: var(--og-accent-fg);
632
- --bg-primary-hover: var(--og-surface-sunken);
633
- --text-focus: var(--og-accent-contrast);
634
- --bg-primary-neutral: var(--og-border-strong);
635
- --text-selected-primary: var(--og-accent-fg);
636
- --button-default: var(--og-text);
637
- --text-inverse: var(--og-surface);
638
- --bg-error-bold: var(--og-negative);
639
- --text-error: var(--og-negative);
640
- --border-interactive: var(--og-accent);
641
- --border-selected: var(--og-accent);
642
- --button-primary: var(--og-accent);
643
- --border-strong: var(--og-border-strong);
644
- --border-secondary-hover: var(--og-accent);
645
- --bg-secondary-hover: var(--og-neutral-soft-bg);
646
- }
package/theme.css CHANGED
@@ -504,143 +504,3 @@
504
504
  --border-secondary-hover: var(--og-accent);
505
505
  --bg-secondary-hover: var(--og-neutral-soft-bg);
506
506
  }
507
-
508
- /* ---- STALE-HOST FALLBACK (transitional) -----------------------------
509
- Host CŨ không set data-og-theme, chỉ toggle .light_theme trên body.
510
- Map light→porcelain (đã là :root default), dark→charcoal — cả hai kèm
511
- alias ở body-level để đè literal của stylesheet host cũ. Remote chạy
512
- standalone không set theme cũng rơi vào nhánh charcoal (khớp hành vi
513
- dark-default cũ). */
514
- html:not([data-og-theme]) body:not(.light_theme) {
515
- --og-page-bg: 26 24 17; /* #1a1811 */
516
- --og-surface: 34 31 22; /* #221f16 */
517
- --og-surface-raised: 42 38 25; /* #2a2619 */
518
- --og-surface-sunken: 23 21 9; /* #171509 */
519
- --og-border: 58 54 38; /* #3a3626 */
520
- --og-border-subtle: 44 41 25; /* #2c2919 */
521
- --og-border-strong: 76 71 50; /* #4c4732 */
522
- --og-text: 226 221 203; /* #e2ddcb */
523
- --og-text-body: 193 188 166; /* #c1bca6 */
524
- --og-text-muted: 147 141 118; /* #938d76 */
525
- --og-text-faint: 107 102 83; /* #6b6653 */
526
- --og-accent: 143 200 102; /* #8fc866 */
527
- --og-accent-fg: 164 217 126; /* #a4d97e */
528
- --og-accent-contrast: 23 21 9; /* #171509 */
529
- --og-accent-soft-bg: 38 48 26; /* #26301a */
530
- --og-accent-soft-fg: 164 217 126; /* #a4d97e */
531
- --og-positive: 132 200 98; /* #84c862 */
532
- --og-positive-soft-bg: 34 48 15; /* #22300f */
533
- --og-negative: 229 130 142; /* #e5828e */
534
- --og-negative-soft-bg: 63 30 36; /* #3f1e24 */
535
- --og-warning: 214 178 90; /* #d6b25a */
536
- --og-warning-soft-bg: 51 42 18; /* #332a12 */
537
- --og-neutral-soft-bg: 42 39 25; /* #2a2719 */
538
- --og-neutral-soft-fg: 164 158 134; /* #a49e86 */
539
- --og-track: 48 44 30; /* #302c1e */
540
- --og-radius-frame: 10px;
541
- --og-radius-card: 9px;
542
- --og-radius-control: 7px;
543
- --og-radius-pill: 999px;
544
- --og-font-body: 'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
545
- --og-font-display: 'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
546
- --og-font-mono: 'JetBrains Mono',ui-monospace,monospace;
547
- --og-font-prose: 'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
548
- --og-font-figure: 'JetBrains Mono',ui-monospace,monospace;
549
- --og-positive-soft-fg: 164 217 126; /* #a4d97e */
550
- --og-negative-soft-fg: 238 163 171; /* #eea3ab */
551
- --og-warning-soft-fg: 224 194 116; /* #e0c274 */
552
- /* derived (script-generated, KHÔNG có trong design gốc) */
553
- --og-derived-critical: 254 119 154; /* #fe779a */
554
- --og-derived-critical-soft-bg: 97 46 57; /* #612e39 */
555
- --og-derived-gradient-accent-end: 174 233 134; /* #aee986 */
556
- --og-derived-gradient-positive-end: 157 226 123; /* #9de27b */
557
- --shadow-color: 255 255 255;
558
- /* severity tones — bộ LEGACY (vivid), không lấy từ design V2 */
559
- --og-tone-success: 76 175 80;
560
- --og-tone-warning: 255 188 59;
561
- --og-tone-critical: 236 25 56;
562
- --og-tone-danger: 249 133 7;
563
- --og-tone-information: 62 175 240;
564
- --og-tone-discovery: 119 113 227;
565
- /* severity ramp cho CHART — literal đo trên demo, không phải token design */
566
- --og-sev-critical: 207 103 96; /* #cf6760 — #7f1d1d nâng L cho nền tối */
567
- --og-sev-danger: 246 68 61; /* #f6443d */
568
- --og-sev-warning: 245 158 11; /* #f59e0b */
569
- --og-sev-success: 22 163 74; /* #16a34a */
570
-
571
- /* ---- LEGACY ALIASES (@deprecated — gỡ khi kết thúc campaign V2) ----
572
- Các biến cũ trỏ vào --og-* qua var() nên chỉ cần khai báo MỘT lần:
573
- var() resolve tại element sử dụng, giá trị og đúng theo theme đang active. */
574
- --gradient-primary-start: var(--og-accent);
575
- --gradient-primary-end: var(--og-derived-gradient-accent-end);
576
- --gradient-success-start: var(--og-positive);
577
- --gradient-success-end: var(--og-derived-gradient-positive-end);
578
- --bg-primary: var(--og-surface);
579
- --bg-canvas: var(--og-page-bg);
580
- --primary: var(--og-accent);
581
- --success: var(--og-tone-success);
582
- --warning: var(--og-tone-warning);
583
- --critical: var(--og-tone-critical);
584
- --danger: var(--og-tone-danger);
585
- --discovery: var(--og-tone-discovery);
586
- --information: var(--og-tone-information);
587
- --text-primary: var(--og-text);
588
- --text-secondary: var(--og-text-muted);
589
- --border-default: var(--og-border);
590
- --text-placeholder: var(--og-text-faint);
591
- --step-bg: var(--og-text);
592
- --text-link-primary: var(--og-accent-fg);
593
- --bg-primary-hover: var(--og-surface-sunken);
594
- --text-focus: var(--og-accent-contrast);
595
- --bg-primary-neutral: var(--og-border-strong);
596
- --text-selected-primary: var(--og-accent-fg);
597
- --button-default: var(--og-text);
598
- --text-inverse: var(--og-surface);
599
- --bg-error-bold: var(--og-negative);
600
- --text-error: var(--og-negative);
601
- --border-interactive: var(--og-accent);
602
- --border-selected: var(--og-accent);
603
- --button-primary: var(--og-accent);
604
- --border-strong: var(--og-border-strong);
605
- --border-secondary-hover: var(--og-accent);
606
- --bg-secondary-hover: var(--og-neutral-soft-bg);
607
- }
608
-
609
- html:not([data-og-theme]) body.light_theme {
610
- /* ---- LEGACY ALIASES (@deprecated — gỡ khi kết thúc campaign V2) ----
611
- Các biến cũ trỏ vào --og-* qua var() nên chỉ cần khai báo MỘT lần:
612
- var() resolve tại element sử dụng, giá trị og đúng theo theme đang active. */
613
- --gradient-primary-start: var(--og-accent);
614
- --gradient-primary-end: var(--og-derived-gradient-accent-end);
615
- --gradient-success-start: var(--og-positive);
616
- --gradient-success-end: var(--og-derived-gradient-positive-end);
617
- --bg-primary: var(--og-surface);
618
- --bg-canvas: var(--og-page-bg);
619
- --primary: var(--og-accent);
620
- --success: var(--og-tone-success);
621
- --warning: var(--og-tone-warning);
622
- --critical: var(--og-tone-critical);
623
- --danger: var(--og-tone-danger);
624
- --discovery: var(--og-tone-discovery);
625
- --information: var(--og-tone-information);
626
- --text-primary: var(--og-text);
627
- --text-secondary: var(--og-text-muted);
628
- --border-default: var(--og-border);
629
- --text-placeholder: var(--og-text-faint);
630
- --step-bg: var(--og-text);
631
- --text-link-primary: var(--og-accent-fg);
632
- --bg-primary-hover: var(--og-surface-sunken);
633
- --text-focus: var(--og-accent-contrast);
634
- --bg-primary-neutral: var(--og-border-strong);
635
- --text-selected-primary: var(--og-accent-fg);
636
- --button-default: var(--og-text);
637
- --text-inverse: var(--og-surface);
638
- --bg-error-bold: var(--og-negative);
639
- --text-error: var(--og-negative);
640
- --border-interactive: var(--og-accent);
641
- --border-selected: var(--og-accent);
642
- --button-primary: var(--og-accent);
643
- --border-strong: var(--og-border-strong);
644
- --border-secondary-hover: var(--og-accent);
645
- --bg-secondary-hover: var(--og-neutral-soft-bg);
646
- }