@ascentgl/ads-ui 0.0.18 → 0.0.20

package/index.d.ts

@@ -55,3 +55,4 @@ export * from './lib/components/nav-bar/scms-side-nav-bar';
 export * from './lib/components/steppers/numeric-stepper';
 export * from './lib/components/steppers/vertical-stepper';
 export * from './lib/components/steppers/stepper';
+export * from './lib/components/nav-bar/horizontal-nav-bar';

package/lib/components/logo/ascent-logo/ascent-logo.component.d.ts

@@ -1,20 +1,19 @@
+import { OnInit } from '@angular/core';
 import { AbstractLogoComponent } from '../primary-logo/abstract-logo-component';
 import * as i0 from "@angular/core";
-export declare enum AdsAscentLogoColor {
-    Regular = "regular",
-    Teal = "teal"
-}
-export declare class AdsAscentLogoComponent extends AbstractLogoComponent {
+export declare class AdsAscentLogoComponent extends AbstractLogoComponent implements OnInit {
+    /** @ignore */
+    isDarkMode: boolean;
+    /** @ignore */
+    isStorybook: boolean;
     /** @ignore */
-    protected readonly AscentLogoColor: typeof AdsAscentLogoColor;
+    ngOnInit(): void;
+    /** @ignore */
+    private updateThemeFromClassList;
     /**
      * Logo size
      */
     size: import("@angular/core").InputSignal<"small" | "large">;
-    /**
-     * Logo color
-     */
-    color: import("@angular/core").InputSignal<AdsAscentLogoColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsAscentLogoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsAscentLogoComponent, "ads-ascent-logo", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsAscentLogoComponent, "ads-ascent-logo", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/components/nav-bar/horizontal-nav-bar/horizontal-nav-bar.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export type HorizontalNavLink = {
+    text: string;
+    route: string;
+    disabled: boolean;
+};
+export declare class AdsHorizontalNavBarComponent implements OnInit {
+    private router;
+    /** @ignore */
+    constructor(router: Router);
+    /**
+     * Array of nav items to display in the nav bar
+     */
+    links: HorizontalNavLink[];
+    /** @ignore */
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsHorizontalNavBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsHorizontalNavBarComponent, "ads-horizontal-nav-bar", never, { "links": { "alias": "links"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/nav-bar/horizontal-nav-bar/horizontal-nav-bar.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./horizontal-nav-bar.component";
+import * as i2 from "@angular/material/tabs";
+import * as i3 from "@angular/router";
+export declare class AdsHorizontalNavBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsHorizontalNavBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsHorizontalNavBarModule, [typeof i1.AdsHorizontalNavBarComponent], [typeof i2.MatTabNav, typeof i2.MatTabLink, typeof i3.RouterOutlet, typeof i3.RouterLink, typeof i3.RouterLinkActive, typeof i2.MatTabNavPanel], [typeof i1.AdsHorizontalNavBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsHorizontalNavBarModule>;
+}

package/lib/components/nav-bar/horizontal-nav-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/nav-bar/horizontal-nav-bar/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './horizontal-nav-bar.module';
+export * from './horizontal-nav-bar.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "peerDependencies": {
     "@ascentgl/ads-icons": ">=0.0.0",
     "@ascentgl/ads-utils": ">=0.0.0",
@@ -101,18 +101,18 @@
       "esm": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs"
     },
-    "./src/lib/components/progress-indicators/progress-spinner": {
-      "types": "./src/lib/components/progress-indicators/progress-spinner/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
-      "esm": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
-      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs"
-    },
     "./src/lib/components/progress-indicators/progress-bar": {
       "types": "./src/lib/components/progress-indicators/progress-bar/index.d.ts",
       "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
       "esm": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs"
     },
+    "./src/lib/components/progress-indicators/progress-spinner": {
+      "types": "./src/lib/components/progress-indicators/progress-spinner/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
+      "esm": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
+      "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs"
+    },
     "./src/lib/components/tags/tag-container": {
       "types": "./src/lib/components/tags/tag-container/index.d.ts",
       "esm2022": "./esm2022/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs",

package/src/assets/sass/ads-ui/overrides/_angular-material.scss

@@ -2,7 +2,6 @@
 @import 'angular-material/dropdown';
 @import 'angular-material/snackbar';
 @import 'angular-material/datetimepicker';
-@import 'angular-material/tabs';
 @import 'angular-material/tooltip';
 @import 'angular-material/expansion-panel';
 @import 'angular-material/search-dropdown-modal';

package/src/assets/sass/ads-ui/overrides/angular-material/_tabs.scss

@@ -1,57 +0,0 @@
-@import '../../abstracts/variables';
-@import '../../abstracts/functions';
-
-.mdc-tab {
-  padding: 0 32px;
-}
-
-.mat-mdc-tab-header {
-  --mdc-secondary-navigation-tab-container-height: 45px !important;
-}
-
-.mat-mdc-tab-link {
-  &:hover {
-    .mdc-tab-indicator__content {
-      opacity: 1;
-    }
-
-    .mdc-tab-indicator__content--underline {
-      --mdc-tab-indicator-active-indicator-color: #{color(secondary-hover)} !important;
-    }
-
-    .mdc-tab__ripple::before {
-      opacity: 1 !important;
-      background-color: color(light-30) !important;
-    }
-  }
-
-  &:focus,
-  &:active {
-    .mdc-tab__ripple::before {
-      opacity: 1 !important;
-      background-color: color(light) !important;
-    }
-  }
-}
-
-.mdc-tab-indicator__content--underline {
-  --mdc-tab-indicator-active-indicator-color: #{color(secondary)} !important;
-  --mat-tab-header-active-focus-indicator-color: #{color(secondary-pressed)} !important;
-  --mat-tab-header-active-hover-indicator-color: #{color(secondary-hover)} !important;
-}
-
-.mdc-tab__text-label {
-  --mat-tab-header-active-label-text-color: #{color(medium)} !important;
-  --mat-tab-header-inactive-label-text-color: #{color(medium)} !important;
-  --mat-tab-header-active-focus-label-text-color: #{color(medium)} !important;
-  --mat-tab-header-active-hover-label-text-color: #{color(medium)} !important;
-  --mat-tab-header-inactive-hover-label-text-color: #{color(medium)} !important;
-  --mat-tab-header-inactive-focus-label-text-color: #{color(medium)} !important;
-}
-
-.mat-mdc-tab-link {
-  --mat-tab-header-label-text-size: 16px;
-  --mat-tab-header-label-text-weight: font-weight(regular);
-  --mat-tab-header-label-text-line-height: 21px;
-  --mat-tab-header-label-text-tracking: normal;
-}