@ndwnu/design-system 2.0.0 → 3.0.1

package/components/card/index.d.ts

@@ -1,6 +1,6 @@
-import { CardComponent } from './card.component';
+import { CardContentComponent } from './card-content';
 export * from './card-content';
 export * from './card-footer';
 export * from './card-header';
 export * from './card.component';
-export declare const CARD_COMPONENTS: (typeof CardComponent)[];
+export declare const CARD_COMPONENTS: (typeof CardContentComponent)[];

package/components/dropdown/dropdown.component.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { PopoverTriggerDirective } from '../popover';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent {
@@ -8,9 +9,13 @@ export declare class DropdownComponent {
     readonly selectAmount: import("@angular/core").InputSignal<number>;
     readonly removablePillClicked: import("@angular/core").OutputEmitterRef<void>;
     readonly isOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly dropdownTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
-    readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_down" | "keyboard_arrow_up">;
-    onRemovablePillClicked(): void;
+    readonly popoverTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
+    readonly dropdownButton: import("@angular/core").Signal<ElementRef<any>>;
+    readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_up" | "keyboard_arrow_down">;
+    onRemovablePillClicked($event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    closeDropdown(): void;
+    onKeyDownRemovablePill(event: KeyboardEvent): void;
     isOpenChanged(isOpen: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "selectAmount": { "alias": "selectAmount"; "required": false; "isSignal": true; }; }, { "removablePillClicked": "removablePillClicked"; "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;

package/components/form-field/checkbox/checkbox.component.d.ts

@@ -5,6 +5,7 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     switch: import("@angular/core").InputSignal<boolean>;
     disabled: import("@angular/core").InputSignal<boolean>;
     error: import("@angular/core").InputSignal<boolean>;
+    success: import("@angular/core").InputSignal<boolean>;
     indeterminate: import("@angular/core").InputSignal<boolean>;
     required: import("@angular/core").InputSignal<boolean>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
@@ -17,5 +18,5 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ndw-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "switch": { "alias": "switch"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ndw-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "switch": { "alias": "switch"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
 }

package/components/form-field/file-upload/file-upload.component.d.ts

@@ -13,11 +13,13 @@ export declare class FileUploadComponent implements ControlValueAccessor {
     readonly draggingOver: import("@angular/core").ModelSignal<boolean>;
     readonly selectedFile: import("@angular/core").ModelSignal<File | null | undefined>;
     readonly error: import("@angular/core").ModelSignal<boolean>;
+    readonly success: import("@angular/core").ModelSignal<boolean>;
     readonly incorrectFileType: import("@angular/core").ModelSignal<boolean>;
     readonly incorrectFileSize: import("@angular/core").ModelSignal<boolean>;
     private readonly canEdit;
     get tabindexAttr(): number;
     get hasError(): boolean;
+    get hasSuccess(): boolean;
     get isDisabled(): boolean;
     get isReadonly(): boolean;
     get isDragging(): boolean;
@@ -40,5 +42,5 @@ export declare class FileUploadComponent implements ControlValueAccessor {
     registerOnChange(fn: (value: File | null | undefined) => void): void;
     registerOnTouched(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ndw-file-upload", never, { "allowedFileTypeRegex": { "alias": "allowedFileTypeRegex"; "required": false; "isSignal": true; }; "fileUploadText": { "alias": "fileUploadText"; "required": false; "isSignal": true; }; "uploadDate": { "alias": "uploadDate"; "required": false; "isSignal": true; }; "maxFileSizeInBytes": { "alias": "maxFileSizeInBytes"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggingOver": { "alias": "draggingOver"; "required": false; "isSignal": true; }; "selectedFile": { "alias": "selectedFile"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "incorrectFileType": { "alias": "incorrectFileType"; "required": false; "isSignal": true; }; "incorrectFileSize": { "alias": "incorrectFileSize"; "required": false; "isSignal": true; }; }, { "draggingOver": "draggingOverChange"; "selectedFile": "selectedFileChange"; "error": "errorChange"; "incorrectFileType": "incorrectFileTypeChange"; "incorrectFileSize": "incorrectFileSizeChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ndw-file-upload", never, { "allowedFileTypeRegex": { "alias": "allowedFileTypeRegex"; "required": false; "isSignal": true; }; "fileUploadText": { "alias": "fileUploadText"; "required": false; "isSignal": true; }; "uploadDate": { "alias": "uploadDate"; "required": false; "isSignal": true; }; "maxFileSizeInBytes": { "alias": "maxFileSizeInBytes"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggingOver": { "alias": "draggingOver"; "required": false; "isSignal": true; }; "selectedFile": { "alias": "selectedFile"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "incorrectFileType": { "alias": "incorrectFileType"; "required": false; "isSignal": true; }; "incorrectFileSize": { "alias": "incorrectFileSize"; "required": false; "isSignal": true; }; }, { "draggingOver": "draggingOverChange"; "selectedFile": "selectedFileChange"; "error": "errorChange"; "success": "successChange"; "incorrectFileType": "incorrectFileTypeChange"; "incorrectFileSize": "incorrectFileSizeChange"; }, never, never, true, never>;
 }

package/components/form-field/form-field.component.d.ts

@@ -1,35 +1,34 @@
-import { CheckboxGroupComponent } from './checkbox-group';
 import { InputDirective } from './input';
-import { RadioGroupComponent } from './radio-group';
+import { MonthInputComponent } from './month-input';
 import * as i0 from "@angular/core";
 export declare class FormFieldComponent {
+    readonly monthInput: import("@angular/core").Signal<MonthInputComponent | undefined>;
+    readonly regularInput: import("@angular/core").Signal<InputDirective | undefined>;
     input: import("@angular/core").Signal<InputDirective | undefined>;
-    radioGroup: import("@angular/core").Signal<RadioGroupComponent | undefined>;
-    checkboxGroup: import("@angular/core").Signal<CheckboxGroupComponent | undefined>;
     label: import("@angular/core").InputSignal<string>;
     clearSearchAriaLabel: import("@angular/core").InputSignal<string | undefined>;
-    suffixIconAriaLabel: import("@angular/core").InputSignal<string | undefined>;
+    suffixButtonAriaLabel: import("@angular/core").InputSignal<string | undefined>;
     hideLabel: import("@angular/core").InputSignal<boolean>;
     disabled: import("@angular/core").InputSignal<boolean>;
     error: import("@angular/core").InputSignal<string | undefined>;
+    success: import("@angular/core").InputSignal<string | undefined>;
     info: import("@angular/core").InputSignal<string | undefined>;
     tooltip: import("@angular/core").InputSignal<string>;
-    required: import("@angular/core").Signal<boolean>;
     inputPrefix: import("@angular/core").Signal<string | undefined>;
     inputSuffix: import("@angular/core").Signal<string | undefined>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
     descriptionUuid: `${string}-${string}-${string}-${string}-${string}`;
     constructor();
     clearInput(): void;
-    protected onSuffixIconClick(): void;
+    protected onSuffixButtonClick(): void;
     private addInputTypeBasedClass;
     private setInputDisabledState;
     private setInputErrorState;
+    private setInputSuccessState;
     private setInputId;
     private setAriaDescribedBy;
     private setInputPrefix;
     private setInputSuffix;
-    private setRequiredState;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "clearSearchAriaLabel": { "alias": "clearSearchAriaLabel"; "required": false; "isSignal": true; }; "suffixIconAriaLabel": { "alias": "suffixIconAriaLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input", "radioGroup", "checkboxGroup"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "clearSearchAriaLabel": { "alias": "clearSearchAriaLabel"; "required": false; "isSignal": true; }; "suffixButtonAriaLabel": { "alias": "suffixButtonAriaLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["monthInput", "regularInput"], ["*"], true, never>;
 }

package/components/form-field/index.d.ts

@@ -6,6 +6,7 @@ export * from './form-field.component';
 export * from './form-field.model';
 export * from './info';
 export * from './input';
+export * from './month-input';
 export * from './option-group';
 export * from './radio-button';
 export * from './radio-group';

package/components/form-field/input/input.directive.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class InputDirective implements OnInit {
     set disabled(disabled: boolean);
     set error(error: boolean);
+    set success(success: boolean);
     set id(id: string);
     set ariaDescribedBy(id: string);
     private readonly elementRef;

package/components/form-field/input/input.model.d.ts

@@ -1,13 +1,11 @@
 export declare enum InputType {
     Date = "date",
     Email = "email",
-    Month = "month",
     Number = "number",
     Password = "password",
     Search = "search",
     Tel = "tel",
     Text = "text",
     Time = "time",
-    Url = "url",
-    Week = "week"
+    Url = "url"
 }

package/components/form-field/month-input/index.d.ts

@@ -0,0 +1 @@
+export * from './month-input.component';

package/components/form-field/month-input/month-input-utils.d.ts

@@ -0,0 +1,5 @@
+export declare function createYearRange(minDate: Date, maxDate: Date): number[];
+export declare function createMonthOptions(monthLabels: string[]): {
+    label: string;
+    value: number;
+}[];

package/components/form-field/month-input/month-input.component.d.ts

@@ -0,0 +1,42 @@
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { InputDirective } from '../input';
+import * as i0 from "@angular/core";
+export declare class MonthInputComponent implements ControlValueAccessor, OnInit {
+    readonly disabled: import("@angular/core").ModelSignal<boolean>;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+    readonly showMonthPickerLabel: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly yearPlaceholder: import("@angular/core").InputSignal<string>;
+    readonly minDate: import("@angular/core").InputSignal<Date>;
+    readonly maxDate: import("@angular/core").InputSignal<Date>;
+    readonly monthLabels: import("@angular/core").InputSignal<string[]>;
+    readonly input: import("@angular/core").Signal<InputDirective | undefined>;
+    readonly inputElement: import("@angular/core").Signal<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | undefined>;
+    protected showMonthPicker: boolean;
+    protected readonly selectedYear: import("@angular/core").ModelSignal<number>;
+    protected readonly selectedMonth: import("@angular/core").ModelSignal<number | null>;
+    protected readonly selectedDate: import("@angular/core").Signal<Date | null>;
+    protected readonly inputValue: import("@angular/core").Signal<string | null>;
+    protected readonly ngControl: NgControl | null;
+    protected readonly years: import("@angular/core").Signal<number[]>;
+    protected readonly months: import("@angular/core").Signal<{
+        label: string;
+        value: number;
+    }[]>;
+    private onChange;
+    private readonly destroyRef;
+    constructor();
+    ngOnInit(): void;
+    writeValue(value: Date | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnTouched(): void;
+    protected onInputChanged(value: string): void;
+    protected onYearSelected(year: string): void;
+    protected onMonthSelected(month: number): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    private adjustMonth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthInputComponent, "ndw-month-input", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showMonthPickerLabel": { "alias": "showMonthPickerLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "yearPlaceholder": { "alias": "yearPlaceholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "monthLabels": { "alias": "monthLabels"; "required": false; "isSignal": true; }; "selectedYear": { "alias": "selectedYear"; "required": false; "isSignal": true; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "selectedYear": "selectedYearChange"; "selectedMonth": "selectedMonthChange"; }, never, never, true, never>;
+}

package/components/form-field/option-group/index.d.ts

@@ -1,2 +1,3 @@
 export * from './option-group.component';
+export * from './option-group.model';
 export * from './option.component';

package/components/form-field/option-group/option-group.component.d.ts

@@ -1,12 +1,20 @@
 import { ControlValueAccessor } from '@angular/forms';
+import { OptionGroupMode } from './option-group.model';
 import { OptionComponent } from './option.component';
 import * as i0 from "@angular/core";
 export declare class OptionGroupComponent implements ControlValueAccessor {
     readonly fluid: import("@angular/core").InputSignal<boolean>;
+    readonly fluidColumns: import("@angular/core").InputSignal<number | null>;
     readonly disabled: import("@angular/core").ModelSignal<boolean>;
-    protected readonly children: import("@angular/core").Signal<readonly OptionComponent[]>;
-    protected readonly focusedValue: import("@angular/core").ModelSignal<unknown>;
+    readonly mode: import("@angular/core").InputSignal<OptionGroupMode>;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+    readonly children: import("@angular/core").Signal<readonly OptionComponent[]>;
     protected readonly checkedValues: import("@angular/core").ModelSignal<unknown[]>;
+    private readonly ngControl;
+    protected readonly fluidColumnStyle: import("@angular/core").Signal<string | null>;
+    protected readonly uuid: `${string}-${string}-${string}-${string}-${string}`;
+    constructor();
+    get isRequiredOrHasRequiredValidator(): boolean | null;
     private onChange;
     protected toggleValue(value: unknown): void;
     writeValue(value: unknown[]): void;
@@ -14,5 +22,5 @@ export declare class OptionGroupComponent implements ControlValueAccessor {
     registerOnTouched(): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent, "ndw-option-group", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusedValue": { "alias": "focusedValue"; "required": false; "isSignal": true; }; "checkedValues": { "alias": "checkedValues"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "focusedValue": "focusedValueChange"; "checkedValues": "checkedValuesChange"; }, ["children"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent, "ndw-option-group", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "fluidColumns": { "alias": "fluidColumns"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checkedValues": { "alias": "checkedValues"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checkedValues": "checkedValuesChange"; }, ["children"], never, true, never>;
 }

package/components/form-field/option-group/option-group.model.d.ts

@@ -0,0 +1 @@
+export type OptionGroupMode = 'single' | 'multiple';

package/components/form-field/option-group/option.component.d.ts

@@ -3,6 +3,7 @@ export declare class OptionComponent {
     value: import("@angular/core").InputSignal<unknown>;
     label: import("@angular/core").InputSignal<string>;
     description: import("@angular/core").InputSignal<string | undefined>;
+    required: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "ndw-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "ndw-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/form-field/radio-button/radio-button.component.d.ts

@@ -4,6 +4,7 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
     checked: import("@angular/core").ModelSignal<boolean>;
     disabled: import("@angular/core").ModelSignal<boolean>;
     error: import("@angular/core").InputSignal<boolean>;
+    success: import("@angular/core").InputSignal<boolean>;
     name: import("@angular/core").ModelSignal<string>;
     required: import("@angular/core").InputSignal<boolean>;
     value: import("@angular/core").ModelSignal<unknown>;
@@ -17,5 +18,5 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
     registerOnTouched(): void;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ndw-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "name": "nameChange"; "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ndw-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "name": "nameChange"; "value": "valueChange"; }, never, ["*"], true, never>;
 }

package/components/form-field/success/index.d.ts

@@ -0,0 +1 @@
+export * from './success.component';

package/components/form-field/success/success.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SuccessComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuccessComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuccessComponent, "ndw-success", never, {}, {}, never, ["*"], true, never>;
+}

package/components/icon/action-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './action-icon.component';

package/components/icon/index.d.ts

@@ -1,2 +1,2 @@
+export * from './action-icon';
 export * from './icon.component';
-export * from './action-icon/action-icon.component';

package/components/main-navigation/main-navigation.component.d.ts

@@ -1,9 +1,10 @@
 import { ConnectedPosition } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { AfterViewInit, ElementRef, OnDestroy, TemplateRef } from '@angular/core';
 import { MainNavigationMenuComponent } from '../main-navigation-menu';
 import { MenuItem, NdwBrand, SimpleMenuItem } from './main-navigation.model';
 import * as i0 from "@angular/core";
-export declare class MainNavigationComponent implements AfterViewInit {
+export declare class MainNavigationComponent implements AfterViewInit, OnDestroy {
     applicationName: import("@angular/core").InputSignal<string>;
     topMenuItems: import("@angular/core").InputSignal<MenuItem[]>;
     bottomMenuItems: import("@angular/core").InputSignal<MenuItem[] | undefined>;
@@ -11,14 +12,21 @@ export declare class MainNavigationComponent implements AfterViewInit {
     footerTexts: import("@angular/core").InputSignal<string[] | undefined>;
     isCollapsible: import("@angular/core").InputSignal<boolean>;
     version: import("@angular/core").InputSignal<string | undefined>;
-    selected: import("@angular/core").OutputEmitterRef<number>;
+    closeButtonLabel: import("@angular/core").InputSignal<string>;
+    menuButtonLabel: import("@angular/core").InputSignal<string>;
     isExpanded: import("@angular/core").ModelSignal<boolean>;
+    isMobileExpanded: import("@angular/core").ModelSignal<boolean>;
     buttons: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
     childMenuTemplate: import("@angular/core").Signal<TemplateRef<MainNavigationMenuComponent>>;
+    isMobile: import("@angular/core").WritableSignal<boolean>;
     brandImagePath: import("@angular/core").Signal<string>;
+    protected mobilePortal?: TemplatePortal<MainNavigationMenuComponent>;
+    private activeId?;
     protected get brandAttribute(): string;
     protected get expandedClass(): boolean;
+    protected get mobileClass(): boolean;
     onMouseMove(event: MouseEvent): void;
+    onWindowResize(): void;
     activeChildItems: SimpleMenuItem[];
     overlayPositions: ConnectedPosition[];
     private overlay;
@@ -26,11 +34,15 @@ export declare class MainNavigationComponent implements AfterViewInit {
     private activeButton?;
     private overlayRef?;
     ngAfterViewInit(): void;
-    close(): void;
+    ngOnDestroy(): void;
+    close(toggleMobileView?: boolean): void;
+    handleClick(item: MenuItem): void;
+    handleLogoClick(): void;
     open(item: MenuItem): void;
-    handleSelected(id: number): void;
+    toggleChildMenu(item: MenuItem, event?: KeyboardEvent): void;
+    toggleMobileView(): void;
     toggleView(): void;
     private setPositionStrategy;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "isExpanded": "isExpandedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "menuButtonLabel": { "alias": "menuButtonLabel"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; "isMobileExpanded": { "alias": "isMobileExpanded"; "required": false; "isSignal": true; }; }, { "isExpanded": "isExpandedChange"; "isMobileExpanded": "isMobileExpandedChange"; }, never, never, true, never>;
 }

package/components/main-navigation/main-navigation.imports.d.ts

@@ -0,0 +1,9 @@
+import { OverlayModule } from '@angular/cdk/overlay';
+import { CdkPortalOutlet } from '@angular/cdk/portal';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { BadgeComponent } from '../badge';
+import { IconComponent } from '../icon';
+import { MainNavigationMenuComponent } from '../main-navigation-menu';
+import { TooltipDirective } from '../tooltip';
+export declare const MAIN_NAVIGATION_IMPORTS: (typeof NgClass | typeof NgTemplateOutlet | typeof BadgeComponent | typeof IconComponent | typeof RouterLink | typeof TooltipDirective | typeof MainNavigationMenuComponent | typeof CdkPortalOutlet | typeof OverlayModule)[];

package/components/main-navigation-menu/main-navigation-menu.component.d.ts

@@ -2,6 +2,9 @@ import { SimpleMenuItem } from '../main-navigation';
 import * as i0 from "@angular/core";
 export declare class MainNavigationMenuComponent {
     menuItems: import("@angular/core").InputSignal<SimpleMenuItem[]>;
+    isMobile: import("@angular/core").InputSignal<boolean>;
+    close: import("@angular/core").OutputEmitterRef<void>;
+    handleSelected(item: SimpleMenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }

package/components/pill/pill.component.d.ts

@@ -8,7 +8,7 @@ export declare class PillComponent {
     /**
      * The content of the pill.
      */
-    private readonly content;
+    private readonly contentRef;
     get hostClass(): string[];
     protected get title(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;

package/components/popover/popover-trigger.directive.d.ts

@@ -14,7 +14,7 @@ export declare class PopoverTriggerDirective implements OnDestroy {
     private focusTrapFactory;
     private overlayRef?;
     ngOnDestroy(): void;
-    private togglePopover;
+    togglePopover(): void;
     private open;
     private trapFocus;
     private closeOverlayOnEscapeKey;

package/components/removable-pill/removable-pill.component.d.ts

@@ -8,7 +8,7 @@ export declare class RemovablePillComponent {
      * Aria label for the remove button
      */
     removeAriaLabel: import("@angular/core").InputSignal<string>;
-    onClick: import("@angular/core").OutputEmitterRef<void>;
+    onClick: import("@angular/core").OutputEmitterRef<Event>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RemovablePillComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RemovablePillComponent, "ndw-removable-pill", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
 }

package/components/toast/toast.component.d.ts

@@ -12,6 +12,7 @@ export declare class ToastComponent implements OnInit, OnDestroy {
     private updateGradient;
     protected startFadeOut(): void;
     private checkForExistingToast;
+    private clearInterval;
     private truncateText;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "ndw-toast", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "message": "messageChange"; "close": "close"; }, never, never, true, never>;

package/components/tooltip/tooltip.directive.d.ts

@@ -1,12 +1,13 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { OnChanges, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TooltipDirective implements OnDestroy, OnInit {
+export declare class TooltipDirective implements OnChanges, OnDestroy, OnInit {
     text: import("@angular/core").InputSignal<string>;
     private readonly elementRef;
     private readonly overlay;
     private readonly ariaDescriber;
     private overlayRef;
     ngOnInit(): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
     protected show(): void;
     protected hide(): void;

package/core/styles/ndw-styles.scss

@@ -223,6 +223,7 @@
   --ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));
   --ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));
   --ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));
+  --ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));
   /* Spacing */
   --ndw-spacing-3xs: 0.125rem;
   --ndw-spacing-2xs: 0.25rem;
@@ -272,8 +273,8 @@
   --ndw-font-size-xl: 1.5rem;
   --ndw-font-weight-regular: 400;
   --ndw-font-weight-bold: 650;
-  --ndw-line-height-sm: 1.375em;
-  --ndw-line-height-md: 1.5em;
+  --ndw-line-height-sm: 1.375rem;
+  --ndw-line-height-md: 1.5rem;
   /* Transform */
   --ndw-rotate-half: rotate(180deg);
   /* Modal */
@@ -661,6 +662,10 @@ button:not(:disabled) {
 [ndwButton][tertiary] {
   border-color: transparent;
 }
+[ndwButton][extra-small] {
+  height: var(--ndw-spacing-lg);
+  padding-inline: var(--ndw-spacing-2xs);
+}
 [ndwButton][large] {
   height: var(--ndw-spacing-2xl);
   padding-inline: var(--ndw-spacing-sm);
@@ -723,7 +728,7 @@ button:not(:disabled) {
   line-height: var(--ndw-line-height-md);
   outline: var(--ndw-border-size-sm) solid transparent;
   outline-offset: calc(var(--ndw-border-size-sm) * -1);
-  padding: var(--ndw-spacing-sm);
+  padding-inline: var(--ndw-spacing-sm);
   position: relative;
   transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, outline-color 150ms ease-in-out;
 }
@@ -741,10 +746,22 @@ button:not(:disabled) {
 [ndwInput][type=search]::-webkit-search-decoration, [ndwInput][type=search]::-webkit-search-cancel-button, [ndwInput][type=search]::-webkit-search-results-button, [ndwInput][type=search]::-webkit-search-results-decoration {
   display: none;
 }
-[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=month]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator, [ndwInput][type=week]::-webkit-calendar-picker-indicator {
+[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator, [ndwInput][type=month]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator, [ndwInput][type=week]::-webkit-calendar-picker-indicator {
   cursor: pointer;
   opacity: 0;
 }
+[ndwInput][success] {
+  background-color: var(--ndw-color-positive-100);
+  border-color: var(--ndw-color-positive-500);
+}
+[ndwInput][success]:hover {
+  border-color: var(--ndw-color-grey-300);
+}
+[ndwInput][success]:active, [ndwInput][success]:focus, [ndwInput][success]:focus-visible {
+  background-color: var(--ndw-color-white);
+  border-color: transparent;
+  outline-color: var(--ndw-color-secondary-500);
+}
 [ndwInput][error] {
   background-color: var(--ndw-color-critical-100);
   border-color: var(--ndw-color-critical-500);
@@ -770,7 +787,6 @@ button:not(:disabled) {
 select[ndwInput] {
   appearance: none;
   cursor: pointer;
-  padding-top: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
   width: 100%;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -786,7 +802,7 @@ select[ndwInput] option:not([disabled]) {
 
 textarea[ndwInput] {
   min-height: 4rem;
-  padding-top: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
+  padding-block: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
   resize: vertical;
 }
 
@@ -850,7 +866,7 @@ textarea[ndwInput] {
     opacity: 1;
   }
 }
-.cdk-overlay-pane.ndw-popover-panel [role=dialog] {
+.cdk-overlay-pane.ndw-popover-panel {
   animation: show var(--ndw-animation-speed-fast) ease-out;
   background-color: var(--ndw-color-white);
   border-radius: var(--ndw-border-radius-md);
@@ -870,7 +886,7 @@ textarea[ndwInput] {
   position: relative;
   width: 100%;
 }
-[ndwButton][menu]:hover {
+[ndwButton][menu]:hover, [ndwButton][menu][active] {
   background-color: var(--ndw-color-grey-600);
   border-color: var(--ndw-color-grey-600);
   color: var(--ndw-color-white);
@@ -880,35 +896,3 @@ textarea[ndwInput] {
   border-color: transparent;
   color: var(--ndw-color-white);
 }
-
-.toast-container {
-  color: var(--ndw-color-white);
-  background: var(--ndw-color-grey-700);
-  padding: 0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);
-  border-radius: var(--ndw-spacing-2xs);
-  gap: var(--ndw-spacing-xs);
-  display: grid;
-  grid-template-columns: 1fr auto;
-  align-items: center;
-  font-size: var(--ndw-font-size-sm);
-  height: var(--ndw-spacing-lg);
-  width: fit-content;
-  opacity: 1;
-}
-.toast-container .toast-content {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  display: inline-block;
-}
-.toast-container ndw-icon {
-  font-size: var(--ndw-font-size-lg);
-  justify-self: end;
-  cursor: pointer;
-}
-
-.toast-container.fade-out {
-  transition: opacity 200ms ease-in;
-  opacity: 0;
-}