@ascentgl/ads-ui 21.109.0 → 21.110.0

package/src/assets/sass/ads-ui/themes/_ads-palette.scss

@@ -1,98 +1,98 @@
-$primary: (
-  50: #e0e9f1,
-  100: #b3c8db,
-  200: #80a4c3,
-  300: #4d80ab,
-  400: #266499,
-  500: #5756b3,
-  600: #00427f,
-  700: #003974,
-  800: #00316a,
-  900: #002157,
-  A100: #89aaff,
-  A200: #5685ff,
-  A400: #2361ff,
-  A700: #094fff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #fff,
-    400: #fff,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #fff,
-    A700: #fff,
-  ),
-);
-
-$accent: (
-  50: #e0f3f9,
-  100: #b3e0f0,
-  200: #80cce6,
-  300: #4db8db,
-  400: #26a8d4,
-  500: #09c,
-  600: #0091c7,
-  700: #0086c0,
-  800: #007cb9,
-  900: #006bad,
-  A100: #d7edff,
-  A200: #a4d7ff,
-  A400: #71c0ff,
-  A700: #58b5ff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
-
-$warn: (
-  50: #f7e0e2,
-  100: #ebb3b8,
-  200: #de8088,
-  300: #d04d58,
-  400: #c62635,
-  500: #bc0011,
-  600: #b6000f,
-  700: #ad000c,
-  800: #a5000a,
-  900: #970005,
-  A100: #ffc2c2,
-  A200: #ff8f90,
-  A400: #ff5c5d,
-  A700: #ff4244,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
+$primary: (
+  50: #e0e9f1,
+  100: #b3c8db,
+  200: #80a4c3,
+  300: #4d80ab,
+  400: #266499,
+  500: #5756b3,
+  600: #00427f,
+  700: #003974,
+  800: #00316a,
+  900: #002157,
+  A100: #89aaff,
+  A200: #5685ff,
+  A400: #2361ff,
+  A700: #094fff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #fff,
+    400: #fff,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #fff,
+    A700: #fff,
+  ),
+);
+
+$accent: (
+  50: #e0f3f9,
+  100: #b3e0f0,
+  200: #80cce6,
+  300: #4db8db,
+  400: #26a8d4,
+  500: #09c,
+  600: #0091c7,
+  700: #0086c0,
+  800: #007cb9,
+  900: #006bad,
+  A100: #d7edff,
+  A200: #a4d7ff,
+  A400: #71c0ff,
+  A700: #58b5ff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);
+
+$warn: (
+  50: #f7e0e2,
+  100: #ebb3b8,
+  200: #de8088,
+  300: #d04d58,
+  400: #c62635,
+  500: #bc0011,
+  600: #b6000f,
+  700: #ad000c,
+  800: #a5000a,
+  900: #970005,
+  A100: #ffc2c2,
+  A200: #ff8f90,
+  A400: #ff5c5d,
+  A700: #ff4244,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);

package/types/ascentgl-ads-ui.d.ts

@@ -3889,14 +3889,17 @@ declare enum HorizontalStepStatus {
     InProgress = "in-progress",
     Completed = "completed"
 }
-type HorizontalStep = {
+interface HorizontalStep {
     title: string;
     status: HorizontalStepStatus;
-};
+    /** CSS selector or element ID to scroll to when step is clicked */
+    targetSelector?: string;
+}
+
 declare class AdsHorizontalStepperComponent {
-    private registry;
+    private _iconRegistry;
     /** @ignore */
-    constructor(registry: AdsIconRegistry);
+    constructor(_iconRegistry: AdsIconRegistry);
     /** @ignore */
     protected readonly HorizontalStepStatus: typeof HorizontalStepStatus;
     /** The id of the Stepper */
@@ -3905,8 +3908,21 @@ declare class AdsHorizontalStepperComponent {
      * The steps to display
      */
     steps: i0.InputSignal<HorizontalStep[]>;
+    /**
+     * Stepper size
+     */
+    size: i0.InputSignal<"base" | "xs">;
+    /** @ignore */
+    protected isBaseSize: i0.Signal<boolean>;
+    /** Event emitted when a step is clicked */
+    stepClick: EventEmitter<{
+        step: HorizontalStep;
+        index: number;
+    }>;
+    /** @ignore */
+    onStepClick(step: HorizontalStep, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsHorizontalStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsHorizontalStepperComponent, "ads-horizontal-stepper", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsHorizontalStepperComponent, "ads-horizontal-stepper", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; }, never, never, false, never>;
 }
 
 declare class AdsHorizontalStepperModule {
@@ -4210,14 +4226,20 @@ declare class AdsTabsComponent implements AfterViewInit {
     tabGroup: i0.Signal<MatTabGroup>;
     tabs: Tab[];
     selectedIndex: number;
+    /** CSS width value applied to every tab header (e.g. `'200px'`, `'25%'`). When `undefined` tabs auto-size. */
+    tabWidth: string | undefined;
+    /** Color palette key used for the active tab border and label (e.g. `'secondary'`, `'error'`). Defaults to `'primary-hover'`. */
+    activeColor: Colors | undefined;
     selectedIndexChange: EventEmitter<number>;
     tabChange: EventEmitter<{
         index: number;
         originalClick: () => void;
     }>;
+    /** @internal Resolves the palette key to a CSS custom-property reference. */
+    get _activeColorVar(): string | null;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTabsComponent, "ads-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTabsComponent, "ads-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "tabWidth": { "alias": "tabWidth"; "required": false; }; "activeColor": { "alias": "activeColor"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, never, never, false, never>;
 }
 
 declare class AdsTabsModule {