@danske/sapphire-angular 2.9.0 → 3.0.1

package/lib/avatar/public_api.d.ts

@@ -0,0 +1,2 @@
+export { AvatarComponent } from './src/avatar.component';
+export { SapphireAvatarModule } from './src/avatar.module';

package/lib/avatar/src/avatar.component.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
+type Color = 'neutral' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
+type Size = 'sm' | 'md' | 'lg';
+export declare class AvatarComponent {
+    /**
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * The background color of the avatar.
+     * Can either be semantic or one of the named decorative color.
+     *
+     * @default 'informative'
+     */
+    color?: Color;
+    private get className();
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "sp-avatar", never, { "size": "size"; "color": "color"; }, {}, never, ["*"], true, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+}
+export {};

package/lib/avatar/src/avatar.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./avatar.component";
+export declare class SapphireAvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireAvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireAvatarModule, never, [typeof i1.AvatarComponent], [typeof i1.AvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireAvatarModule>;
+}

package/lib/badge/src/badge.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
-type Color = 'positive' | 'negative' | 'warning' | 'informative' | 'passive' | 'aqua' | 'copper' | 'electro' | 'indigo' | 'lime' | 'pink' | 'violet' | 'gold' | 'beige' | 'orchid' | 'gray' | 'cobalt' | 'forestGreen' | 'teal' | 'orange';
+type Color = 'positive' | 'negative' | 'warning' | 'informative' | 'neutral' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
 type Variant = 'primary' | 'secondary';
-type Size = 'sm' | 'md' | 'lg';
+type Size = 'sm' | 'md';
 export declare class BadgeComponent {
     role: string;
     /**
@@ -24,7 +24,7 @@ export declare class BadgeComponent {
      * The background color of the badge.
      * Can either be semantic or one of the named decorative color.
      *
-     * @default 'informative'
+     * @default 'neutral'
      */
     color?: Color;
     private get classNames();

package/lib/button/src/button.component.d.ts

@@ -7,7 +7,7 @@ import * as i1 from "../../theme/src/theme-check.directive";
 import * as i2 from "../../common/sapphire-view-encapsulation";
 export declare class ButtonComponent implements AfterContentInit {
     elementRef: ElementRef<HTMLButtonElement>;
-    variant?: 'primary' | 'secondary' | 'secondary-ghost' | 'secondary-text' | 'tertiary' | 'tertiary-ghost' | 'tertiary-text' | 'danger' | 'danger-ghost' | 'danger-text';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'danger' | 'danger-secondary' | 'danger-tertiary' | 'danger-text';
     size?: 'sm' | 'md' | 'lg';
     disabled: BooleanInput;
     iconAlign: 'left' | 'right';

package/lib/button/src/icon-button.component.d.ts

@@ -1,11 +1,10 @@
 import { ElementRef, AfterViewInit } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { IconSizeProvider } from '../../icon/src/icon-size-provider';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
-export declare class IconButtonComponent implements IconSizeProvider, AfterViewInit {
+export declare class IconButtonComponent implements AfterViewInit {
     private elementRef;
-    variant?: 'primary' | 'secondary' | 'secondary-ghost' | 'tertiary' | 'tertiary-ghost' | 'danger' | 'danger-ghost';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'danger-secondary' | 'danger-tertiary';
     size?: 'xs' | 'sm' | 'md' | 'lg';
     disabled: BooleanInput;
     private get variantClass();

package/lib/core.module.d.ts

@@ -5,27 +5,30 @@ import * as i3 from "./button/src/button.module";
 import * as i4 from "./checkbox/src/checkbox.module";
 import * as i5 from "./icon/src/icon.module";
 import * as i6 from "./typography/src/typography.module";
-import * as i7 from "./menu/src/menu.module";
-import * as i8 from "./popover/src/popover.module";
-import * as i9 from "./text-field/src/text-field.module";
-import * as i10 from "./select/src/select/select.module";
-import * as i11 from "./table/src/table.module";
-import * as i12 from "./link/src/link.module";
-import * as i13 from "./segmented-tabs/src/segmented-tabs.module";
-import * as i14 from "./notification-badge/src/notification-badge.module";
-import * as i15 from "./switch/src/switch.module";
-import * as i16 from "./radio/src/radio.module";
-import * as i17 from "./tooltip/src/tooltip.module";
-import * as i18 from "./listbox/src/listbox.module";
-import * as i19 from "./modal/src/modal.module";
-import * as i20 from "./skeleton/src/skeleton.module";
-import * as i21 from "./pagination/src/pagination.module";
-import * as i22 from "./help-button/src/help-button.module";
-import * as i23 from "./surface/src/surface.module";
-import * as i24 from "./badge/src/badge.module";
-import * as i25 from "./list/src/list.module";
+import * as i7 from "./feedback-message/src/feedback-message.module";
+import * as i8 from "./spinner/src/spinner.module";
+import * as i9 from "./menu/src/menu.module";
+import * as i10 from "./popover/src/popover.module";
+import * as i11 from "./text-field/src/text-field.module";
+import * as i12 from "./select/src/select/select.module";
+import * as i13 from "./table/src/table.module";
+import * as i14 from "./link/src/link.module";
+import * as i15 from "./avatar/src/avatar.module";
+import * as i16 from "./segmented-tabs/src/segmented-tabs.module";
+import * as i17 from "./notification-badge/src/notification-badge.module";
+import * as i18 from "./switch/src/switch.module";
+import * as i19 from "./radio/src/radio.module";
+import * as i20 from "./tooltip/src/tooltip.module";
+import * as i21 from "./listbox/src/listbox.module";
+import * as i22 from "./modal/src/modal.module";
+import * as i23 from "./skeleton/src/skeleton.module";
+import * as i24 from "./pagination/src/pagination.module";
+import * as i25 from "./help-button/src/help-button.module";
+import * as i26 from "./surface/src/surface.module";
+import * as i27 from "./badge/src/badge.module";
+import * as i28 from "./list/src/list.module";
 export declare class SapphireCoreModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireCoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireCoreModule, never, [typeof i1.CommonModule, typeof i2.SapphireThemeModule, typeof i3.SapphireButtonModule, typeof i4.SapphireCheckboxModule, typeof i5.SapphireIconModule, typeof i6.SapphireTypographyModule, typeof i7.SapphireMenuModule, typeof i8.SapphirePopoverModule, typeof i9.SapphireTextFieldModule, typeof i10.SapphireSelectModule, typeof i11.SapphireTableModule, typeof i12.SapphireLinkModule, typeof i13.SapphireSegmentedTabsModule, typeof i14.SapphireNotificationBadgeModule, typeof i15.SapphireSwitchModule, typeof i16.SapphireRadioModule, typeof i17.SapphireTooltipModule, typeof i18.SapphireListboxModule, typeof i19.SapphireModalModule, typeof i20.SapphireSkeletonModule, typeof i21.SapphirePaginationModule, typeof i22.SapphireHelpButtonModule, typeof i23.SapphireSurfaceModule, typeof i24.SapphireBadgeModule, typeof i25.SapphireListModule], [typeof i3.SapphireButtonModule, typeof i5.SapphireIconModule, typeof i6.SapphireTypographyModule, typeof i4.SapphireCheckboxModule, typeof i7.SapphireMenuModule, typeof i8.SapphirePopoverModule, typeof i9.SapphireTextFieldModule, typeof i11.SapphireTableModule, typeof i12.SapphireLinkModule, typeof i13.SapphireSegmentedTabsModule, typeof i2.SapphireThemeModule, typeof i10.SapphireSelectModule, typeof i14.SapphireNotificationBadgeModule, typeof i15.SapphireSwitchModule, typeof i16.SapphireRadioModule, typeof i17.SapphireTooltipModule, typeof i18.SapphireListboxModule, typeof i19.SapphireModalModule, typeof i20.SapphireSkeletonModule, typeof i21.SapphirePaginationModule, typeof i22.SapphireHelpButtonModule, typeof i23.SapphireSurfaceModule, typeof i24.SapphireBadgeModule, typeof i25.SapphireListModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireCoreModule, never, [typeof i1.CommonModule, typeof i2.SapphireThemeModule, typeof i3.SapphireButtonModule, typeof i4.SapphireCheckboxModule, typeof i5.SapphireIconModule, typeof i6.SapphireTypographyModule, typeof i7.SapphireFeedbackMessageModule, typeof i8.SapphireSpinnerModule, typeof i9.SapphireMenuModule, typeof i10.SapphirePopoverModule, typeof i11.SapphireTextFieldModule, typeof i12.SapphireSelectModule, typeof i13.SapphireTableModule, typeof i14.SapphireLinkModule, typeof i15.SapphireAvatarModule, typeof i16.SapphireSegmentedTabsModule, typeof i17.SapphireNotificationBadgeModule, typeof i18.SapphireSwitchModule, typeof i19.SapphireRadioModule, typeof i20.SapphireTooltipModule, typeof i21.SapphireListboxModule, typeof i22.SapphireModalModule, typeof i23.SapphireSkeletonModule, typeof i24.SapphirePaginationModule, typeof i25.SapphireHelpButtonModule, typeof i26.SapphireSurfaceModule, typeof i27.SapphireBadgeModule, typeof i28.SapphireListModule], [typeof i3.SapphireButtonModule, typeof i5.SapphireIconModule, typeof i6.SapphireTypographyModule, typeof i8.SapphireSpinnerModule, typeof i4.SapphireCheckboxModule, typeof i9.SapphireMenuModule, typeof i15.SapphireAvatarModule, typeof i10.SapphirePopoverModule, typeof i7.SapphireFeedbackMessageModule, typeof i11.SapphireTextFieldModule, typeof i13.SapphireTableModule, typeof i14.SapphireLinkModule, typeof i16.SapphireSegmentedTabsModule, typeof i2.SapphireThemeModule, typeof i12.SapphireSelectModule, typeof i17.SapphireNotificationBadgeModule, typeof i18.SapphireSwitchModule, typeof i19.SapphireRadioModule, typeof i20.SapphireTooltipModule, typeof i21.SapphireListboxModule, typeof i22.SapphireModalModule, typeof i23.SapphireSkeletonModule, typeof i24.SapphirePaginationModule, typeof i25.SapphireHelpButtonModule, typeof i26.SapphireSurfaceModule, typeof i27.SapphireBadgeModule, typeof i28.SapphireListModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireCoreModule>;
 }

package/lib/feedback-message/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './src/feedback-message.component';
+export * from './src/feedback-message.module';

package/lib/feedback-message/src/feedback-message.component.d.ts

@@ -0,0 +1,33 @@
+import { AfterContentInit } from '@angular/core';
+import { IconRegistry } from '../../icon/public_api';
+import * as i0 from "@angular/core";
+export type FeedbackMessageVariant = 'success' | 'error' | 'warning' | 'informative' | 'neutral';
+export declare class FeedbackMessageIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackMessageIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FeedbackMessageIcon, "[spFeedbackMessageIcon]", never, {}, {}, never, never, false, never>;
+}
+export declare class FeedbackMessageHeading {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackMessageHeading, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FeedbackMessageHeading, "sp-feedback-message-heading", never, {}, {}, never, never, false, never>;
+}
+export declare class FeedbackMessageBody {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackMessageBody, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FeedbackMessageBody, "sp-feedback-message-body", never, {}, {}, never, never, false, never>;
+}
+export declare class FeedbackMessageActions {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackMessageActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FeedbackMessageActions, "sp-feedback-message-actions", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Implements layout and style of a feedback message.
+ */
+export declare class FeedbackMessageComponent implements AfterContentInit {
+    constructor(iconRegistry: IconRegistry);
+    variant?: FeedbackMessageVariant;
+    heading?: FeedbackMessageHeading;
+    icon?: FeedbackMessageIcon;
+    ngAfterContentInit(): void;
+    get color(): "primary" | "positive" | "negative" | "warning" | "informative" | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeedbackMessageComponent, "sp-feedback-message", never, { "variant": "variant"; }, {}, ["heading", "icon"], ["[spFeedbackMessageIcon]", "sp-feedback-message-heading", "sp-feedback-message-body", "sp-feedback-message-actions"], false, never>;
+}

package/lib/feedback-message/src/feedback-message.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./feedback-message.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../typography/src/typography.module";
+import * as i4 from "../../icon/src/icon.module";
+export declare class SapphireFeedbackMessageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireFeedbackMessageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireFeedbackMessageModule, [typeof i1.FeedbackMessageComponent, typeof i1.FeedbackMessageIcon, typeof i1.FeedbackMessageHeading, typeof i1.FeedbackMessageBody, typeof i1.FeedbackMessageActions], [typeof i2.CommonModule, typeof i3.SapphireTypographyModule, typeof i4.SapphireIconModule], [typeof i1.FeedbackMessageComponent, typeof i1.FeedbackMessageIcon, typeof i1.FeedbackMessageHeading, typeof i1.FeedbackMessageBody, typeof i1.FeedbackMessageActions]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireFeedbackMessageModule>;
+}

package/lib/field/src/field-note.directive.d.ts

@@ -8,6 +8,8 @@ export declare class FieldNoteDirective {
      * If none is supplied, it will be auto-generated.
      */
     id: string;
+    variant?: 'warning' | 'neutral' | 'success';
+    get icon(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldNoteDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldNoteDirective, "sp-field-note", never, { "id": "id"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldNoteDirective, "sp-field-note", never, { "id": "id"; "variant": "variant"; }, {}, never, never, true, never>;
 }

package/lib/field/src/field.component.d.ts

@@ -8,6 +8,7 @@ import { FieldLabelDirective } from './field-label.directive';
 import { DomPortal } from '@angular/cdk/portal';
 import { IconSizeProvider } from '../../icon/src/icon-size-provider';
 import { RadioGroupComponent } from '../../radio/src/radio-group.component';
+import { IconRegistry } from '../../icon/public_api';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
 /**
@@ -69,7 +70,7 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
      */
     _noteSuffixPortal: DomPortal<HTMLElement> | null;
     private changed;
-    constructor(changeDetectorRef: ChangeDetectorRef);
+    constructor(changeDetectorRef: ChangeDetectorRef, iconRegistry: IconRegistry);
     ngAfterContentInit(): void;
     ngAfterViewChecked(): void;
     /**

package/lib/field/src/field.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "./field-note-suffix.directive";
 import * as i6 from "./field-error.directive";
 import * as i7 from "@angular/cdk/portal";
 import * as i8 from "../../label/src/label.component";
+import * as i9 from "../../icon/src/icon.module";
 export declare class SapphireFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireFieldModule, [typeof i1.FieldComponent], [typeof i2.NgIf, typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i7.PortalModule, typeof i8.LabelComponent, typeof i2.CommonModule], [typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i1.FieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireFieldModule, [typeof i1.FieldComponent], [typeof i2.NgIf, typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i7.PortalModule, typeof i8.LabelComponent, typeof i2.CommonModule, typeof i9.SapphireIconModule], [typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i1.FieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireFieldModule>;
 }

package/lib/help-button/src/help-button.component.d.ts

@@ -1,5 +1,6 @@
 import { PopoverTriggerDirective } from '../../popover/src/popover-trigger.directive';
 import { Placement } from '../../common/placement';
+import { IconRegistry } from '../../icon/public_api';
 import * as i0 from "@angular/core";
 export declare class HelpButtonHeaderDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<HelpButtonHeaderDirective, never>;
@@ -14,6 +15,7 @@ export declare class HelpButtonFooterDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<HelpButtonFooterDirective, "sp-help-button-footer", never, {}, {}, never, never, true, never>;
 }
 export declare class HelpButtonComponent {
+    constructor(iconRegistry: IconRegistry);
     /**
      *
      * The type of help button which determines the icon shown.

package/lib/icon/public_api.d.ts

@@ -1,3 +1,4 @@
+export { IconRegistry, type IconData } from './src/iconRegistry.service';
 export { IconComponent } from './src/icon.component';
 export { SapphireIconModule } from './src/icon.module';
 export { ICON_SIZE_PROVIDER, IconSizeProvider } from './src/icon-size-provider';

package/lib/icon/src/icon-size-provider.d.ts

@@ -3,7 +3,7 @@ import { InjectionToken } from '@angular/core';
  * Interface to implement for the value of {@link ICON_SIZE_PROVIDER}
  */
 export interface IconSizeProvider {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 }
 /**
  * Injection token to provide the default size of the icon based on where

package/lib/icon/src/icon.component.d.ts

@@ -1,21 +1,28 @@
 import { DoCheck, ElementRef } from '@angular/core';
-import * as icons from '@danske/sapphire-icons/js';
 import { IconSizeProvider } from './icon-size-provider';
+import { IconRegistry } from './iconRegistry.service';
 import * as i0 from "@angular/core";
-type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type IconSize = 'sm' | 'md' | 'lg' | 'xl';
+type IconColor = 'primary' | 'secondary' | 'positive' | 'negative' | 'warning' | 'informative';
 export declare class IconComponent implements DoCheck {
     private elementRef;
+    private registry;
     private sizeProvider?;
     private iconClass?;
-    set name(value: undefined | keyof typeof icons | string);
-    get name(): undefined | keyof typeof icons | string;
-    private _name?;
+    set name(value: string | undefined);
     sizeInput?: IconSize;
     get size(): IconSize;
-    constructor(elementRef: ElementRef, sizeProvider?: IconSizeProvider | undefined);
+    private _color?;
+    /**
+     * The semantic color of the text.
+     * No value means that the color will be inherited.
+     */
+    set color(color: IconColor | undefined);
+    get color(): IconColor | undefined;
+    constructor(elementRef: ElementRef, registry: IconRegistry, sizeProvider?: IconSizeProvider | undefined);
     ngDoCheck(): void;
-    private applySize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sp-icon", never, { "name": "name"; "sizeInput": "size"; }, {}, never, never, false, never>;
+    private setClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sp-icon", never, { "name": "name"; "sizeInput": "size"; "color": "color"; }, {}, never, never, false, never>;
 }
 export {};

package/lib/icon/src/iconRegistry.service.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export interface IconData {
+    name: string;
+    data: string;
+}
+export declare class IconRegistry {
+    constructor();
+    private icons;
+    registerIcon(icon: IconData): void;
+    registerIcons(icons: IconData[]): void;
+    getSvg(iconName: string): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconRegistry>;
+}

package/lib/icon/src/svgSanitizer.d.ts

@@ -0,0 +1 @@
+export declare const sanitizeSvg: (svg: string) => string;

package/lib/link/src/link.component.d.ts

@@ -3,11 +3,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class LinkComponent {
     variant?: 'primary' | 'secondary';
-    size?: 'sm' | 'md' | 'lg';
     disabled?: BooleanInput;
     tabindex?: string | null;
     tabIndex?: string | null;
     private handleDisableInteraction;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "a[sp-link]", never, { "variant": "variant"; "size": "size"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; }, {}, never, ["*"], true, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "a[sp-link]", never, { "variant": "variant"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; }, {}, never, ["*"], true, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

package/lib/listbox/src/listbox-item.component.d.ts

@@ -1,5 +1,6 @@
 import { PressedDirective } from '../../common/pressed.directive';
 import { OptionComponent } from './option.component';
+import { IconRegistry } from '../../icon/public_api';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
 import * as i2 from "../../common/pressed.directive";
@@ -14,8 +15,7 @@ export declare class ListboxItemComponent {
     selected?: boolean;
     focused?: boolean;
     option: OptionComponent;
-    size?: 'lg' | 'md' | 'sm';
-    constructor(pressedDirective: PressedDirective);
+    constructor(pressedDirective: PressedDirective, iconRegistry: IconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxItemComponent, "li[sp-listbox-item]", never, { "selected": "selected"; "focused": "focused"; "option": "option"; "size": "size"; }, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }, { directive: typeof i2.PressedDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.FocusedDirective; inputs: { "spFocused": "focused"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxItemComponent, "li[sp-listbox-item]", never, { "selected": "selected"; "focused": "focused"; "option": "option"; }, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }, { directive: typeof i2.PressedDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.FocusedDirective; inputs: { "spFocused": "focused"; }; outputs: {}; }]>;
 }

package/lib/listbox/src/listbox.component.d.ts

@@ -6,9 +6,8 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { ListboxChild } from './listbox-child';
 import { SectionDirective } from './section.directive';
 import { ListboxInputDirective } from './listbox-input.directive';
-import { IconSizeProvider } from '../../icon/src/icon-size-provider';
 import * as i0 from "@angular/core";
-export declare class ListboxComponent implements ControlValueAccessor, AfterViewInit, AfterViewChecked, DoCheck, IconSizeProvider {
+export declare class ListboxComponent implements ControlValueAccessor, AfterViewInit, AfterViewChecked, DoCheck {
     private changeDetectorRef;
     /**
      * The list of selected values (`value`s of selected sp-options).
@@ -37,7 +36,6 @@ export declare class ListboxComponent implements ControlValueAccessor, AfterView
     navigationWrapDisabled: BooleanInput;
     ariaLabel: string;
     ariaLabelledBy?: string;
-    size?: 'lg' | 'md' | 'sm';
     id?: string;
     /**
      * Emits whenever an option is selected, regardless of if it's already selected.
@@ -124,5 +122,5 @@ export declare class ListboxComponent implements ControlValueAccessor, AfterView
      */
     _isConnectedToInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "sp-listbox", ["spListbox"], { "selectedValues": "selectedValues"; "_itemsInput": "spListboxItems"; "disabled": "disabled"; "multiple": "multiple"; "navigationWrapDisabled": "navigationWrapDisabled"; "ariaLabel": "aria-label"; "ariaLabelledBy": "aria-labelledby"; "size": "size"; "id": "id"; }, { "selectedValuesChange": "selectedValuesChange"; "selected": "selected"; }, ["itemsInContent"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "sp-listbox", ["spListbox"], { "selectedValues": "selectedValues"; "_itemsInput": "spListboxItems"; "disabled": "disabled"; "multiple": "multiple"; "navigationWrapDisabled": "navigationWrapDisabled"; "ariaLabel": "aria-label"; "ariaLabelledBy": "aria-labelledby"; "id": "id"; }, { "selectedValuesChange": "selectedValuesChange"; "selected": "selected"; }, ["itemsInContent"], never, false, never>;
 }

package/lib/menu/src/menu-item.component.d.ts

@@ -8,5 +8,5 @@ export declare class MenuItemComponent {
     /** Whether the item should be styled as danger item */
     danger: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "sp-menu-item", never, { "disabled": "disabled"; "danger": "danger"; }, {}, never, ["sp-menu-item-icon", "sp-menu-primary-text", "*", "sp-menu-secondary-text"], false, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "sp-menu-item", never, { "disabled": "disabled"; "danger": "danger"; }, {}, never, ["sp-menu-primary-text", "*", "sp-menu-secondary-text", "sp-menu-item-icon"], false, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/lib/menu/src/menu.component.d.ts

@@ -4,7 +4,6 @@ import * as i2 from "../../theme/src/theme-check.directive";
 import * as i3 from "../../common/sapphire-view-encapsulation";
 /** @title Menu with Standalone Trigger. */
 export declare class MenuComponent {
-    size?: 'lg' | 'md' | 'sm';
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "sp-menu", never, { "size": "size"; }, {}, never, ["*"], false, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: { "closed": "closed"; }; }, { directive: typeof i2.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "sp-menu", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: { "closed": "closed"; }; }, { directive: typeof i2.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

package/lib/modal/public_api.d.ts

@@ -12,4 +12,5 @@ export * from './src/panel/panel-trigger.directive';
 export * from './src/dialog/dialog.component';
 export * from './src/dialog/confirmation-dialog.component';
 export * from './src/dialog/danger-dialog.component';
+export * from './src/dialog/alert-dialog.component';
 export * from './src/dialog/dialog-trigger.directive';

package/lib/modal/src/dialog/alert-dialog.component.d.ts

@@ -0,0 +1,42 @@
+import { AfterContentInit } from '@angular/core';
+import { DialogComponent } from './dialog.component';
+import * as i0 from "@angular/core";
+type AlertDialogVariant = 'success' | 'error' | 'warning' | 'informative' | 'neutral';
+export declare class AlertDialogIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogIcon, "[spAlertDialogIcon]", never, {}, {}, never, never, false, never>;
+}
+export declare class AlertDialogHeading {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogHeading, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogHeading, "[spAlertDialogHeading]", never, {}, {}, never, never, false, never>;
+}
+export declare class AlertDialogBody {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogBody, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogBody, "[spAlertDialogBody]", never, {}, {}, never, never, false, never>;
+}
+export declare class AlertDialogActions {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogActions, "[spAlertDialogActions]", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Implements layout and style of the alert dialog
+ */
+export declare class AlertDialogComponent implements AfterContentInit {
+    variant?: AlertDialogVariant;
+    /**
+     * @default "horizontal"
+     */
+    actionsOrientation?: 'vertical' | 'horizontal';
+    icon?: AlertDialogIcon;
+    heading?: AlertDialogHeading;
+    body?: AlertDialogBody;
+    actions?: AlertDialogActions;
+    ngAfterContentInit(): void;
+    /**
+     * Reference to the wrapped `sp-dialog` component.
+     */
+    dialog?: DialogComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogComponent, "sp-alert-dialog", never, { "variant": "variant"; "actionsOrientation": "actionsOrientation"; }, {}, ["icon", "heading", "body", "actions"], ["[spAlertDialogIcon]", "[spAlertDialogHeading]", "[spAlertDialogBody]", "[spAlertDialogActions]"], false, never>;
+}
+export {};

package/lib/modal/src/layout/modal-header.component.d.ts

@@ -1,5 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { EventEmitter } from '@angular/core';
+import { IconRegistry } from '../../../icon/public_api';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../common/sapphire-view-encapsulation";
 /**
@@ -20,6 +21,7 @@ export declare class ModalHeaderDirective {
  * {@link ModalHeaderDirective spModalHeader attribute directive}.
  */
 export declare class ModalHeaderComponent {
+    constructor(iconRegistry: IconRegistry);
     subheading?: string;
     hideCloseButton?: BooleanInput;
     closeEventEmitter: EventEmitter<any>;

package/lib/modal/src/modal.module.d.ts

@@ -9,18 +9,20 @@ import * as i7 from "./dialog/dialog.component";
 import * as i8 from "./dialog/dialog-trigger.directive";
 import * as i9 from "./dialog/confirmation-dialog.component";
 import * as i10 from "./dialog/danger-dialog.component";
-import * as i11 from "./panel/panel.component";
-import * as i12 from "./panel/panel-trigger.directive";
-import * as i13 from "@angular/common";
-import * as i14 from "@angular/cdk/dialog";
-import * as i15 from "../../theme/src/theme.module";
-import * as i16 from "../../typography/src/typography.module";
-import * as i17 from "../../icon/src/icon.module";
-import * as i18 from "../../button/src/button.module";
-import * as i19 from "../../common/scroll-monitor.directive";
-import * as i20 from "../../common/sapphire-view-encapsulation";
+import * as i11 from "./dialog/alert-dialog.component";
+import * as i12 from "./panel/panel.component";
+import * as i13 from "./panel/panel-trigger.directive";
+import * as i14 from "@angular/common";
+import * as i15 from "@angular/cdk/dialog";
+import * as i16 from "../../theme/src/theme.module";
+import * as i17 from "../../typography/src/typography.module";
+import * as i18 from "../../icon/src/icon.module";
+import * as i19 from "../../button/src/button.module";
+import * as i20 from "../../feedback-message/src/feedback-message.module";
+import * as i21 from "../../common/scroll-monitor.directive";
+import * as i22 from "../../common/sapphire-view-encapsulation";
 export declare class SapphireModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireModalModule, [typeof i1.ModalLayoutComponent, typeof i2.ModalHeaderComponent, typeof i3.ModalBodyComponent, typeof i4.ModalFooterComponent, typeof i5.ModalCloseButtonDirective, typeof i6.ModalBackButtonDirective, typeof i7.DialogComponent, typeof i8.DialogTriggerDirective, typeof i9.ConfirmationDialogComponent, typeof i10.DangerDialogComponent, typeof i11.PanelComponent, typeof i12.PanelTriggerDirective], [typeof i13.CommonModule, typeof i14.DialogModule, typeof i15.SapphireThemeModule, typeof i16.SapphireTypographyModule, typeof i17.SapphireIconModule, typeof i18.SapphireButtonModule, typeof i19.ScrollMonitorDirective, typeof i2.ModalHeaderDirective, typeof i4.ModalFooterDirective, typeof i20.UseComponentStyles], [typeof i1.ModalLayoutComponent, typeof i2.ModalHeaderComponent, typeof i3.ModalBodyComponent, typeof i4.ModalFooterComponent, typeof i2.ModalHeaderDirective, typeof i4.ModalFooterDirective, typeof i6.ModalBackButtonDirective, typeof i5.ModalCloseButtonDirective, typeof i7.DialogComponent, typeof i8.DialogTriggerDirective, typeof i9.ConfirmationDialogComponent, typeof i10.DangerDialogComponent, typeof i11.PanelComponent, typeof i12.PanelTriggerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireModalModule, [typeof i1.ModalLayoutComponent, typeof i2.ModalHeaderComponent, typeof i3.ModalBodyComponent, typeof i4.ModalFooterComponent, typeof i5.ModalCloseButtonDirective, typeof i6.ModalBackButtonDirective, typeof i7.DialogComponent, typeof i8.DialogTriggerDirective, typeof i9.ConfirmationDialogComponent, typeof i10.DangerDialogComponent, typeof i11.AlertDialogComponent, typeof i11.AlertDialogIcon, typeof i11.AlertDialogBody, typeof i11.AlertDialogHeading, typeof i11.AlertDialogActions, typeof i12.PanelComponent, typeof i13.PanelTriggerDirective], [typeof i14.CommonModule, typeof i15.DialogModule, typeof i16.SapphireThemeModule, typeof i17.SapphireTypographyModule, typeof i18.SapphireIconModule, typeof i19.SapphireButtonModule, typeof i20.SapphireFeedbackMessageModule, typeof i21.ScrollMonitorDirective, typeof i2.ModalHeaderDirective, typeof i4.ModalFooterDirective, typeof i22.UseComponentStyles], [typeof i1.ModalLayoutComponent, typeof i2.ModalHeaderComponent, typeof i3.ModalBodyComponent, typeof i4.ModalFooterComponent, typeof i2.ModalHeaderDirective, typeof i4.ModalFooterDirective, typeof i6.ModalBackButtonDirective, typeof i5.ModalCloseButtonDirective, typeof i7.DialogComponent, typeof i8.DialogTriggerDirective, typeof i9.ConfirmationDialogComponent, typeof i10.DangerDialogComponent, typeof i11.AlertDialogComponent, typeof i11.AlertDialogIcon, typeof i11.AlertDialogBody, typeof i11.AlertDialogHeading, typeof i11.AlertDialogActions, typeof i12.PanelComponent, typeof i13.PanelTriggerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireModalModule>;
 }

package/lib/pagination/src/pagination.component.d.ts

@@ -1,5 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { EventEmitter } from '@angular/core';
+import { IconRegistry } from '../../icon/public_api';
 import * as i0 from "@angular/core";
 export declare class SapphirePaginationChange {
     /** The new page index */
@@ -13,6 +14,7 @@ export declare class SapphirePaginationChange {
     pageSize: number);
 }
 export declare class PaginationComponent {
+    constructor(iconRegistry: IconRegistry);
     pageSize: number;
     itemCount: number;
     page: number;

package/lib/select/public_api.d.ts

@@ -2,4 +2,4 @@ export { SelectComponent, MultiSelectDirective, SingleSelectDirective, } from '.
 export { SapphireSelectModule } from './src/select/select.module';
 export { SelectionTextDirective } from './src/select/selection-text.directive';
 export { SearchableSelectDirective } from './src/select/searchable-select.directive';
-export { BasicSelectComponent, BasicSingleSelectDirective, } from './src/basic-select/basic-select.component';
+export { SelectButtonComponent, SelectButtonSingleSelectDirective, } from './src/select-button/select-button.component';

package/lib/select/src/select/select.component.d.ts

@@ -7,6 +7,7 @@ import { FieldComponent, FieldControl } from '../../../field/public_api';
 import { SelectComponentBase } from '../common/select-component-base';
 import { MultiSelectDirectiveBase, SelectValueHolder, SingleSelectDirectiveBase } from '../common/select-value-holder';
 import { SearchableSelectDirective } from './searchable-select.directive';
+import { IconRegistry } from '../../../icon/public_api';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../common/sapphire-view-encapsulation";
 /**
@@ -58,7 +59,7 @@ export declare class SelectComponent extends SelectComponentBase implements Fiel
      */
     _valueContainerId: string;
     private destroyed;
-    constructor(valueHolder: SelectValueHolder, focusMonitor: FocusMonitor, inputModality: InputModalityDetector, _field?: FieldComponent | undefined, _searchableSelectDirective?: SearchableSelectDirective | undefined);
+    constructor(valueHolder: SelectValueHolder, iconRegistry: IconRegistry, focusMonitor: FocusMonitor, inputModality: InputModalityDetector, _field?: FieldComponent | undefined, _searchableSelectDirective?: SearchableSelectDirective | undefined);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     _getAriaLabelledBy(): string | undefined;
@@ -76,6 +77,6 @@ export declare class SelectComponent extends SelectComponentBase implements Fiel
     _handleSelected(): void;
     isDisabled(): boolean;
     hasDefaultWidth: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "sp-select", ["spSelect"], {}, {}, never, ["sp-selection-text"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

package/lib/select/src/select/select.module.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./select.component";
 import * as i2 from "./selection-text.directive";
-import * as i3 from "../basic-select/basic-select.component";
+import * as i3 from "../select-button/select-button.component";
 import * as i4 from "../common/hidden-select.component";
 import * as i5 from "./searchable-select.directive";
 import * as i6 from "@angular/common";
@@ -21,6 +21,6 @@ import * as i19 from "../../../label/src/label.component";
 import * as i20 from "../../../common/sapphire-view-encapsulation";
 export declare class SapphireSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireSelectModule, [typeof i1.SelectComponent, typeof i1.MultiSelectDirective, typeof i1.SingleSelectDirective, typeof i2.SelectionTextDirective, typeof i3.BasicSelectComponent, typeof i3.BasicSingleSelectDirective, typeof i4.HiddenSelectComponent, typeof i5.SearchableSelectDirective], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.SapphireIconModule, typeof i9.SapphireListboxModule, typeof i10.SapphirePopoverModule, typeof i11.CdkListboxModule, typeof i12.A11yModule, typeof i13.PortalModule, typeof i14.VisuallyHiddenDirective, typeof i15.FieldLabelDirective, typeof i16.FieldErrorDirective, typeof i17.FieldNoteDirective, typeof i18.SapphireButtonModule, typeof i19.LabelComponent, typeof i20.UseComponentStyles], [typeof i9.SapphireListboxModule, typeof i1.SelectComponent, typeof i1.MultiSelectDirective, typeof i1.SingleSelectDirective, typeof i2.SelectionTextDirective, typeof i3.BasicSelectComponent, typeof i3.BasicSingleSelectDirective, typeof i5.SearchableSelectDirective, typeof i15.FieldLabelDirective, typeof i16.FieldErrorDirective, typeof i17.FieldNoteDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireSelectModule, [typeof i1.SelectComponent, typeof i1.MultiSelectDirective, typeof i1.SingleSelectDirective, typeof i2.SelectionTextDirective, typeof i3.SelectButtonComponent, typeof i3.SelectButtonSingleSelectDirective, typeof i4.HiddenSelectComponent, typeof i5.SearchableSelectDirective], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.SapphireIconModule, typeof i9.SapphireListboxModule, typeof i10.SapphirePopoverModule, typeof i11.CdkListboxModule, typeof i12.A11yModule, typeof i13.PortalModule, typeof i14.VisuallyHiddenDirective, typeof i15.FieldLabelDirective, typeof i16.FieldErrorDirective, typeof i17.FieldNoteDirective, typeof i18.SapphireButtonModule, typeof i19.LabelComponent, typeof i20.UseComponentStyles], [typeof i9.SapphireListboxModule, typeof i1.SelectComponent, typeof i1.MultiSelectDirective, typeof i1.SingleSelectDirective, typeof i2.SelectionTextDirective, typeof i3.SelectButtonComponent, typeof i3.SelectButtonSingleSelectDirective, typeof i5.SearchableSelectDirective, typeof i15.FieldLabelDirective, typeof i16.FieldErrorDirective, typeof i17.FieldNoteDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireSelectModule>;
 }