@gravionlabs/helix-shell 22.1.5 → 22.1.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.
Files changed (6) hide show
  1. package/README.md +3 -3
  2. package/fesm2022/gravionlabs-helix-shell.mjs +38 -2
  3. package/fesm2022/gravionlabs-helix-shell.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/styles.css +23 -4
  6. package/types/gravionlabs-helix-shell.d.ts +28 -26
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravionlabs/helix-shell",
3
- "version": "22.1.5",
3
+ "version": "22.1.7",
4
4
  "description": "Helix application shell for Angular — layout (topbar, nav rail, footer), auth pages, landing widgets, and a signal-store-backed layout state.",
5
5
  "license": "MIT",
6
6
  "keywords": [
package/styles.css CHANGED
@@ -84,6 +84,7 @@
84
84
  --font-weight-bold: 700;
85
85
  --leading-tight: 1.25;
86
86
  --leading-normal: 1.5;
87
+ --radius-md: 0.375rem;
87
88
  --radius-lg: 0.5rem;
88
89
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
89
90
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
@@ -384,9 +385,15 @@
384
385
  .mt-1 {
385
386
  margin-top: var(--spacing);
386
387
  }
388
+ .mt-1\! {
389
+ margin-top: var(--spacing) !important;
390
+ }
387
391
  .mt-2 {
388
392
  margin-top: calc(var(--spacing) * 2);
389
393
  }
394
+ .mt-2\! {
395
+ margin-top: calc(var(--spacing) * 2) !important;
396
+ }
390
397
  .mt-4 {
391
398
  margin-top: calc(var(--spacing) * 4);
392
399
  }
@@ -423,9 +430,15 @@
423
430
  .mb-2 {
424
431
  margin-bottom: calc(var(--spacing) * 2);
425
432
  }
433
+ .mb-2\! {
434
+ margin-bottom: calc(var(--spacing) * 2) !important;
435
+ }
426
436
  .mb-3 {
427
437
  margin-bottom: calc(var(--spacing) * 3);
428
438
  }
439
+ .mb-3\! {
440
+ margin-bottom: calc(var(--spacing) * 3) !important;
441
+ }
429
442
  .mb-4 {
430
443
  margin-bottom: calc(var(--spacing) * 4);
431
444
  }
@@ -1799,8 +1812,13 @@ html {
1799
1812
  font-size: 14px;
1800
1813
  line-height: 1.2;
1801
1814
  }
1815
+ :root {
1816
+ --helix-font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;
1817
+ --helix-font-display: var(--helix-font-sans);
1818
+ --helix-font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
1819
+ }
1802
1820
  body {
1803
- font-family: "Lato", sans-serif;
1821
+ font-family: var(--helix-font-sans);
1804
1822
  color: var(--text-color);
1805
1823
  background-color: var(--helix-surface-ground);
1806
1824
  margin: 0;
@@ -1831,9 +1849,10 @@ a {
1831
1849
  }
1832
1850
  h1, h2, h3, h4, h5, h6 {
1833
1851
  margin: 1.5rem 0 1rem 0;
1834
- font-family: inherit;
1852
+ font-family: var(--helix-font-display);
1835
1853
  font-weight: 700;
1836
- line-height: 1.5;
1854
+ line-height: 1.3;
1855
+ letter-spacing: -0.02em;
1837
1856
  color: var(--text-color);
1838
1857
  }
1839
1858
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
@@ -1861,7 +1880,7 @@ mark {
1861
1880
  background: #fff8e1;
1862
1881
  padding: 0.25rem 0.4rem;
1863
1882
  border-radius: var(--content-border-radius);
1864
- font-family: monospace;
1883
+ font-family: var(--helix-font-mono);
1865
1884
  }
1866
1885
  blockquote {
1867
1886
  margin: 1rem 0;
package/types/gravionlabs-helix-shell.d.ts CHANGED
@@ -292,7 +292,7 @@ export declare class HelixAppLayout {
292
292
  private static readonly DEFAULT_TOP_ACTIONS;
293
293
  store: {
294
294
  preset: import("@angular/core").Signal<string>;
295
- primary: import("@angular/core").Signal<string>;
295
+ primary: import("@angular/core").Signal<string | null>;
296
296
  surface: import("@angular/core").Signal<string | null | undefined>;
297
297
  darkTheme: import("@angular/core").Signal<boolean>;
298
298
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
@@ -322,14 +322,14 @@ export declare class HelixAppLayout {
322
322
  setMenuHoverActive: (menuHoverActive: boolean) => void;
323
323
  updateConfig: (config: Partial<import("@gravionlabs/helix-shell").LayoutConfig>) => void;
324
324
  setPreset: (preset: string) => void;
325
- setPrimary: (primary: string) => void;
325
+ setPrimary: (primary: string | null) => void;
326
326
  setSurface: (surface: string | null) => void;
327
327
  isDesktop: () => boolean;
328
328
  setDesktop: (desktop: boolean) => void;
329
329
  reset: () => void;
330
330
  } & import("@ngrx/signals").StateSource<{
331
331
  preset: string;
332
- primary: string;
332
+ primary: string | null;
333
333
  surface: string | undefined | null;
334
334
  darkTheme: boolean;
335
335
  menuMode: import("@gravionlabs/helix-shell").MenuMode;
@@ -450,7 +450,7 @@ export declare class HelixConfigurator implements OnInit {
450
450
  primeng: HelixConfig;
451
451
  store: {
452
452
  preset: import("@angular/core").Signal<string>;
453
- primary: import("@angular/core").Signal<string>;
453
+ primary: import("@angular/core").Signal<string | null>;
454
454
  surface: import("@angular/core").Signal<string | null | undefined>;
455
455
  darkTheme: import("@angular/core").Signal<boolean>;
456
456
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
@@ -480,14 +480,14 @@ export declare class HelixConfigurator implements OnInit {
480
480
  setMenuHoverActive: (menuHoverActive: boolean) => void;
481
481
  updateConfig: (config: Partial<import("@gravionlabs/helix-shell").LayoutConfig>) => void;
482
482
  setPreset: (preset: string) => void;
483
- setPrimary: (primary: string) => void;
483
+ setPrimary: (primary: string | null) => void;
484
484
  setSurface: (surface: string | null) => void;
485
485
  isDesktop: () => boolean;
486
486
  setDesktop: (desktop: boolean) => void;
487
487
  reset: () => void;
488
488
  } & import("@ngrx/signals").StateSource<{
489
489
  preset: string;
490
- primary: string;
490
+ primary: string | null;
491
491
  surface: string | undefined | null;
492
492
  darkTheme: boolean;
493
493
  menuMode: import("@gravionlabs/helix-shell").MenuMode;
@@ -509,13 +509,15 @@ export declare class HelixConfigurator implements OnInit {
509
509
  value: string;
510
510
  }[];
511
511
  surfaces: SurfacesType[];
512
- selectedPrimaryColor: import("@angular/core").Signal<string>;
512
+ selectedPrimaryColor: import("@angular/core").Signal<string | null>;
513
513
  selectedSurfaceColor: import("@angular/core").Signal<string | null | undefined>;
514
514
  selectedPreset: import("@angular/core").Signal<string>;
515
515
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
516
516
  primaryColors: import("@angular/core").Signal<SurfacesType[]>;
517
517
  ngOnInit(): void;
518
518
  getPresetExt(): {
519
+ semantic?: undefined;
520
+ } | {
519
521
  semantic: {
520
522
  primary: {
521
523
  0?: string;
@@ -573,7 +575,7 @@ export declare class HelixConfigurator implements OnInit {
573
575
  export declare class HelixFloatingConfigurator {
574
576
  store: {
575
577
  preset: import("@angular/core").Signal<string>;
576
- primary: import("@angular/core").Signal<string>;
578
+ primary: import("@angular/core").Signal<string | null>;
577
579
  surface: import("@angular/core").Signal<string | null | undefined>;
578
580
  darkTheme: import("@angular/core").Signal<boolean>;
579
581
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
@@ -603,14 +605,14 @@ export declare class HelixFloatingConfigurator {
603
605
  setMenuHoverActive: (menuHoverActive: boolean) => void;
604
606
  updateConfig: (config: Partial<import("@gravionlabs/helix-shell").LayoutConfig>) => void;
605
607
  setPreset: (preset: string) => void;
606
- setPrimary: (primary: string) => void;
608
+ setPrimary: (primary: string | null) => void;
607
609
  setSurface: (surface: string | null) => void;
608
610
  isDesktop: () => boolean;
609
611
  setDesktop: (desktop: boolean) => void;
610
612
  reset: () => void;
611
613
  } & import("@ngrx/signals").StateSource<{
612
614
  preset: string;
613
- primary: string;
615
+ primary: string | null;
614
616
  surface: string | undefined | null;
615
617
  darkTheme: boolean;
616
618
  menuMode: import("@gravionlabs/helix-shell").MenuMode;
@@ -671,7 +673,7 @@ export declare class HelixFooter {
671
673
  export declare class HelixNavRail implements OnInit, OnDestroy {
672
674
  store: {
673
675
  preset: import("@angular/core").Signal<string>;
674
- primary: import("@angular/core").Signal<string>;
676
+ primary: import("@angular/core").Signal<string | null>;
675
677
  surface: import("@angular/core").Signal<string | null | undefined>;
676
678
  darkTheme: import("@angular/core").Signal<boolean>;
677
679
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
@@ -701,14 +703,14 @@ export declare class HelixNavRail implements OnInit, OnDestroy {
701
703
  setMenuHoverActive: (menuHoverActive: boolean) => void;
702
704
  updateConfig: (config: Partial<import("@gravionlabs/helix-shell").LayoutConfig>) => void;
703
705
  setPreset: (preset: string) => void;
704
- setPrimary: (primary: string) => void;
706
+ setPrimary: (primary: string | null) => void;
705
707
  setSurface: (surface: string | null) => void;
706
708
  isDesktop: () => boolean;
707
709
  setDesktop: (desktop: boolean) => void;
708
710
  reset: () => void;
709
711
  } & import("@ngrx/signals").StateSource<{
710
712
  preset: string;
711
- primary: string;
713
+ primary: string | null;
712
714
  surface: string | undefined | null;
713
715
  darkTheme: boolean;
714
716
  menuMode: import("@gravionlabs/helix-shell").MenuMode;
@@ -768,7 +770,7 @@ export declare class HelixNavRailItem implements AfterViewInit {
768
770
  #private;
769
771
  store: {
770
772
  preset: import("@angular/core").Signal<string>;
771
- primary: import("@angular/core").Signal<string>;
773
+ primary: import("@angular/core").Signal<string | null>;
772
774
  surface: import("@angular/core").Signal<string | null | undefined>;
773
775
  darkTheme: import("@angular/core").Signal<boolean>;
774
776
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
@@ -798,14 +800,14 @@ export declare class HelixNavRailItem implements AfterViewInit {
798
800
  setMenuHoverActive: (menuHoverActive: boolean) => void;
799
801
  updateConfig: (config: Partial<import("@gravionlabs/helix-shell").LayoutConfig>) => void;
800
802
  setPreset: (preset: string) => void;
801
- setPrimary: (primary: string) => void;
803
+ setPrimary: (primary: string | null) => void;
802
804
  setSurface: (surface: string | null) => void;
803
805
  isDesktop: () => boolean;
804
806
  setDesktop: (desktop: boolean) => void;
805
807
  reset: () => void;
806
808
  } & import("@ngrx/signals").StateSource<{
807
809
  preset: string;
808
- primary: string;
810
+ primary: string | null;
809
811
  surface: string | undefined | null;
810
812
  darkTheme: boolean;
811
813
  menuMode: import("@gravionlabs/helix-shell").MenuMode;
@@ -922,7 +924,7 @@ export declare class HelixConfiguratorAction {
922
924
  export declare class HelixDarkModeAction {
923
925
  protected store: {
924
926
  preset: import("@angular/core").Signal<string>;
925
- primary: import("@angular/core").Signal<string>;
927
+ primary: import("@angular/core").Signal<string | null>;
926
928
  surface: import("@angular/core").Signal<string | null | undefined>;
927
929
  darkTheme: import("@angular/core").Signal<boolean>;
928
930
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
@@ -952,14 +954,14 @@ export declare class HelixDarkModeAction {
952
954
  setMenuHoverActive: (menuHoverActive: boolean) => void;
953
955
  updateConfig: (config: Partial<import("@gravionlabs/helix-shell").LayoutConfig>) => void;
954
956
  setPreset: (preset: string) => void;
955
- setPrimary: (primary: string) => void;
957
+ setPrimary: (primary: string | null) => void;
956
958
  setSurface: (surface: string | null) => void;
957
959
  isDesktop: () => boolean;
958
960
  setDesktop: (desktop: boolean) => void;
959
961
  reset: () => void;
960
962
  } & import("@ngrx/signals").StateSource<{
961
963
  preset: string;
962
- primary: string;
964
+ primary: string | null;
963
965
  surface: string | undefined | null;
964
966
  darkTheme: boolean;
965
967
  menuMode: import("@gravionlabs/helix-shell").MenuMode;
@@ -987,7 +989,7 @@ export declare class HelixTopbar implements OnInit, OnDestroy {
987
989
  items: import("@angular/core").InputSignal<HelixTopbarItem[]>;
988
990
  store: {
989
991
  preset: import("@angular/core").Signal<string>;
990
- primary: import("@angular/core").Signal<string>;
992
+ primary: import("@angular/core").Signal<string | null>;
991
993
  surface: import("@angular/core").Signal<string | null | undefined>;
992
994
  darkTheme: import("@angular/core").Signal<boolean>;
993
995
  menuMode: import("@angular/core").Signal<import("@gravionlabs/helix-shell").MenuMode>;
@@ -1017,14 +1019,14 @@ export declare class HelixTopbar implements OnInit, OnDestroy {
1017
1019
  setMenuHoverActive: (menuHoverActive: boolean) => void;
1018
1020
  updateConfig: (config: Partial<import("@gravionlabs/helix-shell").LayoutConfig>) => void;
1019
1021
  setPreset: (preset: string) => void;
1020
- setPrimary: (primary: string) => void;
1022
+ setPrimary: (primary: string | null) => void;
1021
1023
  setSurface: (surface: string | null) => void;
1022
1024
  isDesktop: () => boolean;
1023
1025
  setDesktop: (desktop: boolean) => void;
1024
1026
  reset: () => void;
1025
1027
  } & import("@ngrx/signals").StateSource<{
1026
1028
  preset: string;
1027
- primary: string;
1029
+ primary: string | null;
1028
1030
  surface: string | undefined | null;
1029
1031
  darkTheme: boolean;
1030
1032
  menuMode: import("@gravionlabs/helix-shell").MenuMode;
@@ -1073,7 +1075,7 @@ export declare class HelixTopbar implements OnInit, OnDestroy {
1073
1075
  export type MenuMode = 'static' | 'overlay';
1074
1076
  export interface LayoutConfig {
1075
1077
  preset: string;
1076
- primary: string;
1078
+ primary: string | null;
1077
1079
  surface: string | undefined | null;
1078
1080
  darkTheme: boolean;
1079
1081
  menuMode: MenuMode;
@@ -1093,7 +1095,7 @@ export interface LayoutState {
1093
1095
  }
1094
1096
  export declare const LayoutStore: import("@angular/core").Type<{
1095
1097
  preset: import("@angular/core").Signal<string>;
1096
- primary: import("@angular/core").Signal<string>;
1098
+ primary: import("@angular/core").Signal<string | null>;
1097
1099
  surface: import("@angular/core").Signal<string | null | undefined>;
1098
1100
  darkTheme: import("@angular/core").Signal<boolean>;
1099
1101
  menuMode: import("@angular/core").Signal<MenuMode>;
@@ -1123,14 +1125,14 @@ export declare const LayoutStore: import("@angular/core").Type<{
1123
1125
  setMenuHoverActive: (menuHoverActive: boolean) => void;
1124
1126
  updateConfig: (config: Partial<LayoutConfig>) => void;
1125
1127
  setPreset: (preset: string) => void;
1126
- setPrimary: (primary: string) => void;
1128
+ setPrimary: (primary: string | null) => void;
1127
1129
  setSurface: (surface: string | null) => void;
1128
1130
  isDesktop: () => boolean;
1129
1131
  setDesktop: (desktop: boolean) => void;
1130
1132
  reset: () => void;
1131
1133
  } & import("@ngrx/signals").StateSource<{
1132
1134
  preset: string;
1133
- primary: string;
1135
+ primary: string | null;
1134
1136
  surface: string | undefined | null;
1135
1137
  darkTheme: boolean;
1136
1138
  menuMode: MenuMode;