@dereekb/dbx-web 13.5.2 → 13.6.1

package/lib/button/_button.scss

@@ -78,6 +78,7 @@ $big-button-height: 46px; // 33% bigger
   .dbx-button-column {
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
 
     > * {
       margin-bottom: 6px !important;

package/lib/layout/_layout.scss

@@ -9,7 +9,6 @@
 @use './item/item';
 @use './list/list';
 @use './section/section';
-@use './step/step';
 @use './style/style';
 @use './text/text';
 
@@ -25,7 +24,6 @@
   @include item.core();
   @include list.core();
   @include section.core();
-  @include step.core();
   @include style.core();
   @include text.core();
 }
@@ -45,7 +43,6 @@
   @include item.theme($theme-config);
   @include list.theme($theme-config);
   @include section.theme($theme-config);
-  @include step.theme($theme-config);
   @include style.theme($theme-config);
   @include text.theme($theme-config);
 }

package/lib/layout/style/_style.scss

@@ -142,6 +142,12 @@
     @include define-dbx-color-class($color, map.get($colorConfig, 'color'), map.get($colorConfig, 'contrast'));
   }
 
+  // tonal mode: use the vibrant theme color as text instead of the contrast color.
+  // Applied via CSS class (not [style.color]) to avoid conflicting with [ngStyle] on buttons.
+  .dbx-color-tonal {
+    color: var(#{theming.$dbx-bg-color-var});
+  }
+
   // material color overrides
   // --mdc-text-button-label-text-color: #{theming.$dbx-color-var};
   --mat-button-text-label-text-color: #{theming.$dbx-color-var};

package/lib/layout/text/_text.scss

@@ -13,6 +13,14 @@ $dbx-detail-block-content-offset: 30px;
 $click-to-copy-icon-size: 18px;
 $dbx-detail-block-big-header-icon-size: 18px;
 
+$dbx-step-block-badge-size: 32px;
+$dbx-step-block-gap: 16px;
+$dbx-step-block-padding: 6px;
+$dbx-step-block-badge-font-size: 14px;
+$dbx-step-block-badge-icon-size: 18px;
+$dbx-step-block-header-font-weight: 500;
+$dbx-step-block-badge-font-weight: 600;
+
 // MARK: Mixin
 @mixin core() {
   .dbx-small,
@@ -125,6 +133,57 @@ $dbx-detail-block-big-header-icon-size: 18px;
     }
   }
 
+  .dbx-step-block {
+    display: flex;
+    flex-direction: row;
+    gap: var(--dbx-step-block-gap, #{$dbx-step-block-gap});
+    align-items: flex-start;
+    padding: var(--dbx-step-block-padding, #{$dbx-step-block-padding}) 0;
+  }
+
+  .dbx-step-block.dbx-step-block-center {
+    align-items: center;
+  }
+
+  .dbx-step-block-badge {
+    width: var(--dbx-step-block-badge-size, #{$dbx-step-block-badge-size});
+    height: var(--dbx-step-block-badge-size, #{$dbx-step-block-badge-size});
+    min-width: var(--dbx-step-block-badge-size, #{$dbx-step-block-badge-size});
+    border-radius: var(--dbx-step-block-badge-shape, 50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--dbx-step-block-badge-font-size, #{$dbx-step-block-badge-font-size});
+    font-weight: var(--dbx-step-block-badge-font-weight, #{$dbx-step-block-badge-font-weight});
+
+    .mat-icon {
+      width: var(--dbx-step-block-badge-icon-size, #{$dbx-step-block-badge-icon-size});
+      height: var(--dbx-step-block-badge-icon-size, #{$dbx-step-block-badge-icon-size});
+      font-size: var(--dbx-step-block-badge-icon-size, #{$dbx-step-block-badge-icon-size});
+    }
+  }
+
+  .dbx-step-block-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .dbx-step-block-header {
+    display: flex;
+    align-items: center;
+    font-weight: var(--dbx-step-block-header-font-weight, #{$dbx-step-block-header-font-weight});
+  }
+
+  .dbx-step-block-header-label {
+    padding-right: 4px;
+  }
+
+  .dbx-step-block-hint {
+    display: block;
+    font-size: var(--dbx-step-block-hint-font-size, var(--mat-sys-body-small-size));
+    opacity: var(--dbx-step-block-hint-opacity, #{$hint-opacity});
+  }
+
   .dbx-text-no-overflow {
     white-space: pre-wrap !important;
     overflow: visible !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "13.5.2",
+  "version": "13.6.1",
   "peerDependencies": {
     "@angular/cdk": "21.2.3",
     "@angular/common": "21.2.3",
@@ -8,11 +8,11 @@
     "@angular/forms": "21.2.3",
     "@angular/material": "21.2.3",
     "@angular/platform-browser": "21.2.3",
-    "@dereekb/browser": "13.5.2",
-    "@dereekb/date": "13.5.2",
-    "@dereekb/dbx-core": "13.5.2",
-    "@dereekb/rxjs": "13.5.2",
-    "@dereekb/util": "13.5.2",
+    "@dereekb/browser": "13.6.1",
+    "@dereekb/date": "13.6.1",
+    "@dereekb/dbx-core": "13.6.1",
+    "@dereekb/rxjs": "13.6.1",
+    "@dereekb/util": "13.6.1",
     "@ngbracket/ngx-layout": "^21.0.0",
     "@ngrx/component-store": "^21.0.0",
     "@ngrx/effects": "^21.0.0",

package/types/dereekb-dbx-web.d.ts

@@ -889,11 +889,11 @@ type DbxColorTone = number;
  * @example
  * ```ts
  * dbxColorBackground('primary'); // 'dbx-primary-bg'
- * dbxColorBackground(undefined); // 'dbx-default-bg'
+ * dbxColorBackground(undefined); // 'dbx-default'
  * ```
  *
  * @param color - the theme color to convert, or nullish/empty for the default class
- * @returns the CSS class name for the themed background (e.g., `'dbx-primary-bg'` or `'dbx-default-bg'`)
+ * @returns the CSS class name for the themed background (e.g., `'dbx-primary-bg'` or `'dbx-default'`)
  */
 declare function dbxColorBackground(color: Maybe<DbxThemeColor | ''>): CssClass;
 /**
@@ -3784,57 +3784,12 @@ declare class DbxSectionLayoutModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<DbxSectionLayoutModule>;
 }
 
-/**
- * Displays a numbered step with optional completion state, header text, and hint.
- *
- * Projects child content into a step section body below the header. When `done` is true,
- * a checkmark icon is shown and the `done` CSS class is applied to the host element.
- *
- * **Note:** This component is currently incomplete and requires additional styling.
- *
- * @example
- * ```html
- * <dbx-step [step]="1" text="Create your account" hint="Fill in all required fields" [done]="accountCreated">
- *   <form>...</form>
- * </dbx-step>
- * ```
- */
-declare class DbxStepComponent {
-    /**
-     * Whether this step has been completed. Shows a checkmark icon when true.
-     */
-    readonly done: _angular_core.InputSignal<boolean | undefined>;
-    /**
-     * The step number displayed in the header.
-     */
-    readonly step: _angular_core.InputSignal<number | undefined>;
-    /**
-     * The main label text for this step.
-     */
-    readonly text: _angular_core.InputSignal<Maybe<string>>;
-    /**
-     * Optional hint text displayed below the step label.
-     */
-    readonly hint: _angular_core.InputSignal<Maybe<string>>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxStepComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxStepComponent, "dbx-step", never, { "done": { "alias": "done"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/**
- * Module that exports {@link DbxStepComponent}.
- *
- * @deprecated Import `DbxStepComponent` directly instead.
- */
-declare class DbxStepLayoutModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxStepLayoutModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DbxStepLayoutModule, never, [typeof DbxStepComponent], [typeof DbxStepComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DbxStepLayoutModule>;
-}
-
 /**
  * Applies a themed background color to the host element based on a {@link DbxThemeColor} value.
  *
  * Optionally set {@link dbxColorTone} to control background opacity for a tonal/muted appearance.
+ * When tonal mode is active, the `dbx-color-tonal` CSS class is added and a CSS rule
+ * overrides the text color to the vibrant theme color (via `--dbx-bg-color-current`).
  *
  * @example
  * ```html
@@ -3851,17 +3806,15 @@ declare class DbxColorDirective {
     readonly dbxColorTone: _angular_core.InputSignal<Maybe<number>>;
     readonly cssClassSignal: _angular_core.Signal<string>;
     /**
-     * Sets `--dbx-color-bg-tone` on the host to control the background opacity via `color-mix` in the `-bg` class mixin.
+     * Whether tonal mode is active. Adds the `dbx-color-tonal` CSS class which
+     * overrides the text color to the vibrant theme color via CSS rather than
+     * an inline style binding (which would conflict with `[ngStyle]`).
      */
-    readonly bgToneStyleSignal: _angular_core.Signal<string | null>;
+    readonly isTonalSignal: _angular_core.Signal<boolean>;
     /**
-     * Overrides the host text color to use the vibrant theme color when tonal mode is active.
-     *
-     * Normally a `-bg` class sets the contrast color as text (e.g. white on blue).
-     * In tonal mode the background is semi-transparent, so white text would be unreadable.
-     * Instead we use `--dbx-bg-color-current` (the vibrant color set by the `-bg` mixin) as the text color.
+     * Sets `--dbx-color-bg-tone` on the host to control the background opacity via `color-mix` in the `-bg` class mixin.
      */
-    readonly tonalColorSignal: _angular_core.Signal<"var(--dbx-bg-color-current)" | null>;
+    readonly bgToneStyleSignal: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxColorDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxColorDirective, "[dbxColor]", never, { "dbxColor": { "alias": "dbxColor"; "required": false; "isSignal": true; }; "dbxColorTone": { "alias": "dbxColorTone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4154,6 +4107,39 @@ declare class DbxDetailBlockHeaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxDetailBlockHeaderComponent, "dbx-detail-block-header", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "alignHeader": { "alias": "alignHeader"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * A step-oriented content block that displays a numbered circle badge on the left
+ * with header, hint, and projected content on the right.
+ *
+ * Use the `icon` input to replace the step number with a Material icon.
+ * Use the `[header]` content slot for extra header-level content (like `dbx-detail-block`).
+ * Use the `color` input to customize the badge color (defaults to `'primary'`).
+ *
+ * Use the `center` input to vertically center the badge with the content.
+ *
+ * @example
+ * ```html
+ * <dbx-step-block [step]="1" header="Create Account" hint="Fill in the registration form.">
+ *   <p>Enter your email and password to get started.</p>
+ * </dbx-step-block>
+ *
+ * <dbx-step-block [step]="2" color="accent" header="Custom Header Content">
+ *   <span header>Extra header content</span>
+ *   <p>Detail content goes here.</p>
+ * </dbx-step-block>
+ * ```
+ */
+declare class DbxStepBlockComponent {
+    readonly step: _angular_core.InputSignal<number>;
+    readonly icon: _angular_core.InputSignal<Maybe<string>>;
+    readonly header: _angular_core.InputSignal<Maybe<string>>;
+    readonly hint: _angular_core.InputSignal<Maybe<string>>;
+    readonly color: _angular_core.InputSignal<DbxThemeColor>;
+    readonly center: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxStepBlockComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxStepBlockComponent, "dbx-step-block", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "center": { "alias": "center"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "*"], true, never>;
+}
+
 /**
  * Adds inline spacing sized for icons, typically used to align text that sits next to icon-bearing siblings.
  *
@@ -4346,7 +4332,11 @@ declare function provideDbxLinkify(config: ProvideDbxLinkifyConfig): Environment
  *
  * Combines a labeled value with a theme color for rendering a styled chip.
  */
-interface DbxChipDisplay<T = unknown> extends LabeledValue<T> {
+interface DbxChipDisplay extends LabeledValue<string> {
+    /**
+     * Optional unique key for tracking in `@for` loops. Falls back to `label` when not provided.
+     */
+    readonly key?: string;
     /**
      * Theme color applied to the chip background.
      */
@@ -4392,7 +4382,7 @@ declare class DbxChipDirective {
      *
      * The color from `display` is used as a fallback when `color` is not explicitly set.
      */
-    readonly display: _angular_core.InputSignal<Maybe<DbxChipDisplay<unknown>>>;
+    readonly display: _angular_core.InputSignal<Maybe<DbxChipDisplay>>;
     /**
      * Background tone level for tonal appearance. Defaults to {@link DBX_CHIP_DEFAULT_TONE}.
      *
@@ -4408,13 +4398,11 @@ declare class DbxChipDirective {
      */
     readonly bgToneStyleSignal: _angular_core.Signal<string | null>;
     /**
-     * Overrides the host text color to use the vibrant theme color when tonal mode is active.
-     *
-     * Normally a `-bg` class sets the contrast color as text (e.g. white on blue).
-     * In tonal mode the background is semi-transparent, so white text would be unreadable.
-     * Instead we use `--dbx-bg-color-current` (the vibrant color set by the `-bg` mixin) as the text color.
+     * Whether tonal mode is active (color is set and tone < 100). Adds the `dbx-color-tonal`
+     * CSS class which overrides text color to the vibrant theme color via CSS rather than
+     * an inline style binding (which would conflict with `[ngStyle]`).
      */
-    readonly tonalColorSignal: _angular_core.Signal<"var(--dbx-bg-color-current)" | null>;
+    readonly isTonalSignal: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxChipDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxChipDirective, "dbx-chip", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4430,11 +4418,11 @@ declare class DbxChipDirective {
  * <dbx-chip-list [chips]="chips" [small]="true"></dbx-chip-list>
  * ```
  */
-declare class DbxChipListComponent<T = unknown> {
-    readonly chips: _angular_core.InputSignal<Maybe<DbxChipDisplay<T>[]>>;
+declare class DbxChipListComponent {
+    readonly chips: _angular_core.InputSignal<Maybe<DbxChipDisplay[]>>;
     readonly small: _angular_core.InputSignal<Maybe<boolean>>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxChipListComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxChipListComponent<any>, "dbx-chip-list", never, { "chips": { "alias": "chips"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxChipListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxChipListComponent, "dbx-chip-list", never, { "chips": { "alias": "chips"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -4442,7 +4430,11 @@ declare class DbxChipListComponent<T = unknown> {
  *
  * Extends {@link LabeledValue} for the chip label and value.
  */
-interface TextChip<T = unknown> extends LabeledValue<T> {
+interface TextChip extends LabeledValue<string> {
+    /**
+     * Optional unique key for tracking in `@for` loops. Falls back to `label` when not provided.
+     */
+    readonly key?: string;
     /**
      * Optional tooltip shown on hover.
      */
@@ -4455,15 +4447,7 @@ interface TextChip<T = unknown> extends LabeledValue<T> {
      * Theme color applied to the chip background via {@link dbxColorBackground}.
      */
     readonly color?: Maybe<DbxThemeColor>;
-    /**
-     * @deprecated use `label` instead.
-     */
-    readonly text?: string;
 }
-/**
- * Returns the display label for a {@link TextChip}, preferring `label` over the deprecated `text` field.
- */
-declare function textChipLabel(chip: TextChip): string;
 /**
  * Renders a read-only list of Material chip options from an array of {@link TextChip} objects.
  *
@@ -4472,19 +4456,15 @@ declare function textChipLabel(chip: TextChip): string;
  * <dbx-text-chips [chips]="[{ label: 'Active', value: 'active', selected: true, color: 'primary' }]"></dbx-text-chips>
  * ```
  */
-declare class DbxTextChipsComponent<T = unknown> {
+declare class DbxTextChipsComponent {
     readonly defaultSelection: _angular_core.InputSignal<Maybe<boolean>>;
-    readonly chips: _angular_core.InputSignal<Maybe<TextChip<T>[]>>;
-    /**
-     * Returns the display label for a chip.
-     */
-    readonly chipLabel: typeof textChipLabel;
+    readonly chips: _angular_core.InputSignal<Maybe<TextChip[]>>;
     /**
      * Returns the themed background CSS class for a chip's color.
      */
-    chipColorClass(chip: TextChip<T>): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxTextChipsComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxTextChipsComponent<any>, "dbx-text-chips", never, { "defaultSelection": { "alias": "defaultSelection"; "required": false; "isSignal": true; }; "chips": { "alias": "chips"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    chipColorClass(chip: TextChip): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxTextChipsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxTextChipsComponent, "dbx-text-chips", never, { "defaultSelection": { "alias": "defaultSelection"; "required": false; "isSignal": true; }; "chips": { "alias": "chips"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -4780,7 +4760,7 @@ declare class DbxClickToCopyTextComponent {
  */
 declare class DbxTextModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxTextModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DbxTextModule, never, [typeof DbxUnitedStatesAddressComponent, typeof DbxNumberWithLimitComponent, typeof DbxClickToCopyTextDirective, typeof DbxClickToCopyTextComponent, typeof DbxChipDirective, typeof DbxChipListComponent, typeof DbxDetailBlockComponent, typeof DbxDetailBlockHeaderComponent, typeof DbxLabelBlockComponent, typeof DbxLinkifyComponent, typeof DbxTextChipsComponent, typeof DbxIconSpacerDirective], [typeof DbxUnitedStatesAddressComponent, typeof DbxNumberWithLimitComponent, typeof DbxClickToCopyTextDirective, typeof DbxClickToCopyTextComponent, typeof DbxChipDirective, typeof DbxChipListComponent, typeof DbxDetailBlockComponent, typeof DbxDetailBlockHeaderComponent, typeof DbxLabelBlockComponent, typeof DbxLinkifyComponent, typeof DbxTextChipsComponent, typeof DbxIconSpacerDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DbxTextModule, never, [typeof DbxUnitedStatesAddressComponent, typeof DbxNumberWithLimitComponent, typeof DbxClickToCopyTextDirective, typeof DbxClickToCopyTextComponent, typeof DbxChipDirective, typeof DbxChipListComponent, typeof DbxDetailBlockComponent, typeof DbxDetailBlockHeaderComponent, typeof DbxStepBlockComponent, typeof DbxLabelBlockComponent, typeof DbxLinkifyComponent, typeof DbxTextChipsComponent, typeof DbxIconSpacerDirective], [typeof DbxUnitedStatesAddressComponent, typeof DbxNumberWithLimitComponent, typeof DbxClickToCopyTextDirective, typeof DbxClickToCopyTextComponent, typeof DbxChipDirective, typeof DbxChipListComponent, typeof DbxDetailBlockComponent, typeof DbxDetailBlockHeaderComponent, typeof DbxStepBlockComponent, typeof DbxLabelBlockComponent, typeof DbxLinkifyComponent, typeof DbxTextChipsComponent, typeof DbxIconSpacerDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<DbxTextModule>;
 }
 
@@ -4802,35 +4782,35 @@ interface DbxButtonStyle {
     /**
      * Material button variant.
      */
-    readonly type?: DbxButtonType;
+    readonly type?: Maybe<DbxButtonType>;
     /**
      * Progress spinner mode (determinate or indeterminate).
      */
-    readonly mode?: ProgressSpinnerMode;
+    readonly mode?: Maybe<ProgressSpinnerMode>;
     /**
      * Material theme palette or custom theme color for the button.
      */
-    readonly color?: ThemePalette | DbxThemeColor;
+    readonly color?: Maybe<ThemePalette | DbxThemeColor>;
     /**
      * Material theme palette or custom theme color for the loading spinner.
      */
-    readonly spinnerColor?: ThemePalette | DbxThemeColor;
+    readonly spinnerColor?: Maybe<ThemePalette | DbxThemeColor>;
     /**
      * Custom CSS background color for the button.
      */
-    readonly customButtonColor?: string;
+    readonly customButtonColor?: Maybe<string>;
     /**
      * Custom CSS text color for the button label.
      */
-    readonly customTextColor?: string;
+    readonly customTextColor?: Maybe<string>;
     /**
      * Custom CSS color for the spinner stroke.
      */
-    readonly customSpinnerColor?: string;
+    readonly customSpinnerColor?: Maybe<string>;
     /**
      * Whether to render as a floating action button (FAB).
      */
-    readonly fab?: boolean;
+    readonly fab?: Maybe<boolean>;
 }
 
 /**
@@ -4920,6 +4900,11 @@ interface DbxProgressButtonConfig {
      * Whether to render as a floating action button (FAB).
      */
     readonly fab?: Maybe<boolean>;
+    /**
+     * Accessible label for the button, applied as `aria-label`.
+     * Especially important for icon-only buttons that lack visible text.
+     */
+    readonly ariaLabel?: Maybe<string>;
 }
 /**
  * Configuration for the icon displayed inside a progress button.
@@ -5106,8 +5091,8 @@ declare class DbxButtonComponent extends AbstractDbxButtonDirective {
     readonly bar: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
     readonly type: _angular_core.InputSignal<Maybe<DbxButtonType>>;
     readonly buttonStyle: _angular_core.InputSignal<Maybe<DbxButtonStyle>>;
-    readonly color: _angular_core.InputSignal<"primary" | "accent" | "warn" | "secondary" | "tertiary" | "notice" | "ok" | "success" | "grey" | "default" | "disabled" | undefined>;
-    readonly spinnerColor: _angular_core.InputSignal<"primary" | "accent" | "warn" | "secondary" | "tertiary" | "notice" | "ok" | "success" | "grey" | "default" | "disabled" | undefined>;
+    readonly color: _angular_core.InputSignal<Maybe<"primary" | "accent" | "warn" | "secondary" | "tertiary" | "notice" | "ok" | "success" | "grey" | "default" | "disabled" | undefined>>;
+    readonly spinnerColor: _angular_core.InputSignal<Maybe<"primary" | "accent" | "warn" | "secondary" | "tertiary" | "notice" | "ok" | "success" | "grey" | "default" | "disabled" | undefined>>;
     readonly customButtonColor: _angular_core.InputSignal<Maybe<string>>;
     readonly customTextColor: _angular_core.InputSignal<Maybe<string>>;
     readonly customSpinnerColor: _angular_core.InputSignal<Maybe<string>>;
@@ -5120,7 +5105,7 @@ declare class DbxButtonComponent extends AbstractDbxButtonDirective {
     readonly fab: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
     readonly allowClickPropagation: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
     readonly mode: _angular_core.InputSignal<Maybe<ProgressSpinnerMode>>;
-    readonly typeSignal: _angular_core.Signal<DbxButtonType>;
+    readonly typeSignal: _angular_core.Signal<"flat" | "icon" | "basic" | "raised" | "stroked" | "tonal">;
     readonly configSignal: _angular_core.Signal<DbxProgressButtonConfig>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "bar": { "alias": "bar"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "spinnerColor": { "alias": "spinnerColor"; "required": false; "isSignal": true; }; "customButtonColor": { "alias": "customButtonColor"; "required": false; "isSignal": true; }; "customTextColor": { "alias": "customTextColor"; "required": false; "isSignal": true; }; "customSpinnerColor": { "alias": "customSpinnerColor"; "required": false; "isSignal": true; }; "basic": { "alias": "basic"; "required": false; "isSignal": true; }; "tonal": { "alias": "tonal"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "stroked": { "alias": "stroked"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "fab": { "alias": "fab"; "required": false; "isSignal": true; }; "allowClickPropagation": { "alias": "allowClickPropagation"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -9262,6 +9247,7 @@ declare class DbxFileUploadButtonComponent extends AbstractDbxFileUploadComponen
     readonly fileInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     readonly text: _angular_core.InputSignal<Maybe<string>>;
     readonly icon: _angular_core.InputSignal<Maybe<string>>;
+    readonly ariaLabel: _angular_core.InputSignal<Maybe<string>>;
     readonly buttonStyle: _angular_core.InputSignal<Maybe<DbxButtonStyle>>;
     readonly filesChanged: _angular_core.OutputEmitterRef<DbxFileUploadFilesChangedEvent>;
     readonly buttonAcceptSignal: _angular_core.Signal<string | undefined>;
@@ -9280,7 +9266,7 @@ declare class DbxFileUploadButtonComponent extends AbstractDbxFileUploadComponen
     openInput(): void;
     fileInputChanged(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxFileUploadButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxFileUploadButtonComponent, "dbx-file-upload-button", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; }, { "filesChanged": "filesChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxFileUploadButtonComponent, "dbx-file-upload-button", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; }, { "filesChanged": "filesChanged"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -9511,5 +9497,5 @@ declare class DbxWebModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<DbxWebModule>;
 }
 
-export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxClipboardDirective, AbstractDbxErrorWidgetComponent, AbstractDbxFileUploadComponent, AbstractDbxHelpWidgetDirective, AbstractDbxListAccordionViewDirective, AbstractDbxListGridViewDirective, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxPartialPresetFilterMenuDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDbxWidgetComponent, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, CompactContextStore, CompactMode, DBX_ACTION_SNACKBAR_DEFAULTS, DBX_ACTION_SNACKBAR_SERVICE_CONFIG, DBX_AVATAR_CONTEXT_DATA_TOKEN, DBX_CHIP_DEFAULT_TONE, DBX_DARK_STYLE_CLASS_SUFFIX, DBX_HELP_WIDGET_ENTRY_DATA_TOKEN, DBX_LIST_ACCORDION_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_DEFAULT_SCROLL_DISTANCE, DBX_LIST_DEFAULT_THROTTLE_SCROLL, DBX_LIST_GRID_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_LIST_VIEW_DEFAULT_META_ICON, DBX_MODEL_VIEW_TRACKER_STORAGE_ACCESSOR_TOKEN, DBX_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_ANCHOR_COMPONENTS, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_DIALOG_WITH_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_PREVIEW_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_ENTRIES_TOKEN, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_COMPONENT_PRESET, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_PRESET_ENTRY, DEFAULT_DBX_ERROR_SNACKBAR_CONFIG, DEFAULT_DBX_HELP_VIEW_POPOVER_KEY, DEFAULT_DBX_LINKIFY_STRING_TYPE, DEFAULT_DBX_LIST_ACCORDION_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_GRID_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DEFAULT_VALUE_LIST_VIEW_CONTENT_COMPONENT_TRACK_BY_FUNCTION, DbxAccordionHeaderHeightDirective, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxAvatarComponent, DbxAvatarViewService, DbxAvatarViewServiceConfig, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBodyDirective, DbxButtonComponent, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerDirective, DbxCardBoxLayoutModule, DbxChipDirective, DbxChipListComponent, DbxClickToCopyTextComponent, DbxClickToCopyTextDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDialogModule, DbxDownloadBlobButtonComponent, DbxDownloadTextViewComponent, DbxEmbedComponent, DbxErrorComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorSnackbarComponent, DbxErrorSnackbarService, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFileUploadActionCompatable, DbxFileUploadActionSyncDirective, DbxFileUploadAreaComponent, DbxFileUploadButtonComponent, DbxFileUploadComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHelpContextDirective, DbxHelpContextService, DbxHelpViewListComponent, DbxHelpViewListEntryComponent, DbxHelpViewPopoverButtonComponent, DbxHelpViewPopoverComponent, DbxHelpWidgetService, DbxHelpWidgetServiceConfig, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxIframeComponent, DbxInjectionDialogComponent, DbxInteractionModule, DbxIntroActionSectionComponent, DbxLabelBlockComponent, DbxLayoutModule, DbxLinkComponent, DbxLinkifyComponent, DbxLinkifyService, DbxLinkifyServiceConfig, DbxListAccordionViewComponentImportsModule, DbxListComponent, DbxListEmptyContentComponent, DbxListGridViewComponentImportsModule, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListModifierModule, DbxListModule, DbxListTitleGroupDirective, DbxListView, DbxListViewMetaIconComponent, DbxListViewWrapper, DbxListWrapperComponentImportsModule, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelObjectStateService, actions_d as DbxModelStateActions, model_actions_d as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxNumberWithLimitComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxPopoverCloseButtonComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionContentModule, DbxPopoverInteractionModule, DbxPopoverScrollContentDirective, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent, DbxProgressBarButtonComponent, DbxProgressButtonsModule, DbxProgressSpinnerButtonComponent, DbxPromptBoxDirective, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorModule, DbxResizedDirective, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListViewComponent, DbxSelectionValueListViewComponentImportsModule, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepComponent, DbxStepLayoutModule, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxTextChipsComponent, DbxTextColorDirective, DbxTextModule, DbxTwoBlockComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadDirective, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListAccordionViewComponent, DbxValueListAccordionViewContentComponent, DbxValueListAccordionViewContentGroupComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListGridViewContentGroupComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewComponentImportsModule, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWebFilePreviewComponent, DbxWebFilePreviewService, DbxWebModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, DbxZipBlobPreviewComponent, DbxZipPreviewComponent, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, UNKNOWN_ERROR_WIDGET_CODE, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, copyToClipboardFunction, dbxColorBackground, dbxListAccordionViewComponentImportsAndExports, dbxListGridViewComponentImportsAndExports, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxStyleClassCleanSuffix, dbxThemeColorCssToken, dbxThemeColorCssTokenVar, dbxThemeColorCssVariable, dbxThemeColorCssVariableVar, dbxValueListItemDecisionFunction, dbxZipBlobPreviewEntryTreeFromEntries, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, fileAcceptFilterTypeStringArray, fileAcceptFunction, fileAcceptString, fileArrayAcceptMatchFunction, index_d$1 as fromDbxModel, injectCopyToClipboardFunction, injectCopyToClipboardFunctionWithSnackbarMessage, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index_d as onDbxModel, openEmbedDialog, openIframeDialog, openZipPreviewDialog, overrideClickElementEffect, provideDbxFileUploadActionCompatable, provideDbxHelpServices, provideDbxLinkify, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideDbxWebFilePreviewServiceEntries, provideTwoColumnsContext, registerHelpContextKeysWithDbxHelpContextService, resizeSignal, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
+export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxClipboardDirective, AbstractDbxErrorWidgetComponent, AbstractDbxFileUploadComponent, AbstractDbxHelpWidgetDirective, AbstractDbxListAccordionViewDirective, AbstractDbxListGridViewDirective, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxPartialPresetFilterMenuDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDbxWidgetComponent, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, CompactContextStore, CompactMode, DBX_ACTION_SNACKBAR_DEFAULTS, DBX_ACTION_SNACKBAR_SERVICE_CONFIG, DBX_AVATAR_CONTEXT_DATA_TOKEN, DBX_CHIP_DEFAULT_TONE, DBX_DARK_STYLE_CLASS_SUFFIX, DBX_HELP_WIDGET_ENTRY_DATA_TOKEN, DBX_LIST_ACCORDION_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_DEFAULT_SCROLL_DISTANCE, DBX_LIST_DEFAULT_THROTTLE_SCROLL, DBX_LIST_GRID_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_LIST_VIEW_DEFAULT_META_ICON, DBX_MODEL_VIEW_TRACKER_STORAGE_ACCESSOR_TOKEN, DBX_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_ANCHOR_COMPONENTS, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_DIALOG_WITH_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_PREVIEW_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_ENTRIES_TOKEN, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_COMPONENT_PRESET, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_PRESET_ENTRY, DEFAULT_DBX_ERROR_SNACKBAR_CONFIG, DEFAULT_DBX_HELP_VIEW_POPOVER_KEY, DEFAULT_DBX_LINKIFY_STRING_TYPE, DEFAULT_DBX_LIST_ACCORDION_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_GRID_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DEFAULT_VALUE_LIST_VIEW_CONTENT_COMPONENT_TRACK_BY_FUNCTION, DbxAccordionHeaderHeightDirective, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxAvatarComponent, DbxAvatarViewService, DbxAvatarViewServiceConfig, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBodyDirective, DbxButtonComponent, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerDirective, DbxCardBoxLayoutModule, DbxChipDirective, DbxChipListComponent, DbxClickToCopyTextComponent, DbxClickToCopyTextDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDialogModule, DbxDownloadBlobButtonComponent, DbxDownloadTextViewComponent, DbxEmbedComponent, DbxErrorComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorSnackbarComponent, DbxErrorSnackbarService, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFileUploadActionCompatable, DbxFileUploadActionSyncDirective, DbxFileUploadAreaComponent, DbxFileUploadButtonComponent, DbxFileUploadComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHelpContextDirective, DbxHelpContextService, DbxHelpViewListComponent, DbxHelpViewListEntryComponent, DbxHelpViewPopoverButtonComponent, DbxHelpViewPopoverComponent, DbxHelpWidgetService, DbxHelpWidgetServiceConfig, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxIframeComponent, DbxInjectionDialogComponent, DbxInteractionModule, DbxIntroActionSectionComponent, DbxLabelBlockComponent, DbxLayoutModule, DbxLinkComponent, DbxLinkifyComponent, DbxLinkifyService, DbxLinkifyServiceConfig, DbxListAccordionViewComponentImportsModule, DbxListComponent, DbxListEmptyContentComponent, DbxListGridViewComponentImportsModule, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListModifierModule, DbxListModule, DbxListTitleGroupDirective, DbxListView, DbxListViewMetaIconComponent, DbxListViewWrapper, DbxListWrapperComponentImportsModule, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelObjectStateService, actions_d as DbxModelStateActions, model_actions_d as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxNumberWithLimitComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxPopoverCloseButtonComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionContentModule, DbxPopoverInteractionModule, DbxPopoverScrollContentDirective, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent, DbxProgressBarButtonComponent, DbxProgressButtonsModule, DbxProgressSpinnerButtonComponent, DbxPromptBoxDirective, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorModule, DbxResizedDirective, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListViewComponent, DbxSelectionValueListViewComponentImportsModule, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepBlockComponent, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxTextChipsComponent, DbxTextColorDirective, DbxTextModule, DbxTwoBlockComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadDirective, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListAccordionViewComponent, DbxValueListAccordionViewContentComponent, DbxValueListAccordionViewContentGroupComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListGridViewContentGroupComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewComponentImportsModule, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWebFilePreviewComponent, DbxWebFilePreviewService, DbxWebModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, DbxZipBlobPreviewComponent, DbxZipPreviewComponent, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, UNKNOWN_ERROR_WIDGET_CODE, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, copyToClipboardFunction, dbxColorBackground, dbxListAccordionViewComponentImportsAndExports, dbxListGridViewComponentImportsAndExports, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxStyleClassCleanSuffix, dbxThemeColorCssToken, dbxThemeColorCssTokenVar, dbxThemeColorCssVariable, dbxThemeColorCssVariableVar, dbxValueListItemDecisionFunction, dbxZipBlobPreviewEntryTreeFromEntries, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, fileAcceptFilterTypeStringArray, fileAcceptFunction, fileAcceptString, fileArrayAcceptMatchFunction, index_d$1 as fromDbxModel, injectCopyToClipboardFunction, injectCopyToClipboardFunctionWithSnackbarMessage, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index_d as onDbxModel, openEmbedDialog, openIframeDialog, openZipPreviewDialog, overrideClickElementEffect, provideDbxFileUploadActionCompatable, provideDbxHelpServices, provideDbxLinkify, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideDbxWebFilePreviewServiceEntries, provideTwoColumnsContext, registerHelpContextKeysWithDbxHelpContextService, resizeSignal, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
 export type { AbstractDbxValueListViewConfig, AnchorForValueFunction, CompactContextState, CompactModeDefaultOptions, CompactModeOption, CompactModeOptions, CopyToClipboardContent, CopyToClipboardFunction, CopyToClipboardFunctionConfig, CopyToClipboardFunctionWithSnackbarMessage, CopyToClipboardFunctionWithSnackbarMessageConfig, CopyToClipboardFunctionWithSnackbarMessageSnackbarConfig, CopyToClipboardSuccess, DbxActionConfirmConfig, DbxActionDialogFunction, DbxActionPopoverFunction, DbxActionPopoverFunctionParams, DbxActionSnackbarActionConfig, DbxActionSnackbarDisplayConfig, DbxActionSnackbarDisplayConfigGeneratorFunction, DbxActionSnackbarEvent, DbxActionSnackbarEventMakeConfig, DbxActionSnackbarGeneratorInput, DbxActionSnackbarGeneratorUndoInput, DbxActionSnackbarGeneratorUndoInputConfig, DbxActionSnackbarKnownType, DbxActionSnackbarServiceConfig, DbxActionSnackbarType, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyType, DbxAnchorListExpandedAnchor, DbxAvatarComponentForContextFunction, DbxAvatarContext, DbxAvatarInjectionComponentConfig, DbxAvatarKey, DbxAvatarSelector, DbxAvatarSize, DbxAvatarStyle, DbxButtonStyle, DbxButtonType, DbxChipDisplay, DbxColorTone, DbxContentBorderOpacity, DbxContentContainerPadding, DbxContentContainerWidth, DbxContentPitScrollableHeight, DbxContentPitScrollableHeightSetting, DbxContentPitScrollableInput, DbxDialogContentConfig, DbxDialogContentContainerWidth, DbxDialogContentFooterConfig, DbxDownloadBlobButtonConfig, DbxEmbedComponentElement, DbxEmbedDialogConfig, DbxErrorPopoverConfig, DbxErrorSnackbarConfig, DbxErrorSnackbarData, DbxErrorViewButtonEvent, DbxErrorWidgetEntry, DbxErrorWidgetEntryWithPopupComponentClass, DbxFileUploadAreaFilesChangedEvent, DbxFileUploadButtonFilesChangedEvent, DbxFileUploadComponentConfig, DbxFileUploadFilesChangedEvent, DbxFileUploadMode, DbxFilterButtonConfig, DbxFilterButtonConfigWithCustomFilter, DbxFilterButtonConfigWithPresetFilter, DbxFilterComponentConfig, DbxFilterPopoverComponentConfig, DbxFlexSize, DbxHelpContextKey, DbxHelpContextReference, DbxHelpViewPopoverButtonConfig, DbxHelpViewPopoverConfig, DbxHelpViewPopoverConfigWithoutOrigin, DbxHelpWidgetEntryData, DbxHelpWidgetServiceConfigFactory, DbxHelpWidgetServiceEntry, DbxIframeDialogConfig, DbxInjectionDialogComponentConfig, DbxLinkifyConfig, DbxLinkifyServiceConfigFactory, DbxLinkifyServiceDefaultEntry, DbxLinkifyServiceEntry, DbxLinkifyStringOptions, DbxLinkifyStringType, DbxListComponentScrolledEventPosition, DbxListConfig, DbxListLoadMoreHandler, DbxListScrollDirectionTrigger, DbxListSelectionMode, DbxListTitleGroupData, DbxListTitleGroupTitleDelegate, DbxListViewMetaIconConfig, DbxListWrapperConfig, DbxLoadingComponentState, DbxLoadingIsLoadingOrProgress, DbxLoadingProgress, DbxMakeActionSnackbarGeneratorConfiguration, DbxMakeActionSnackbarGeneratorEventConfiguration, DbxModelFullState, DbxModelIconsMap, DbxModelTypeConfiguration, DbxModelTypeConfigurationMap, DbxModelTypeConfigurationSrefFactory, DbxModelTypeConfigurationSrefFactoryBuilder, DbxModelTypeInfo, DbxModelTypesMap, DbxModelViewTrackerEvent, DbxModelViewTrackerEventSet, DbxPopoverComponentConfig, DbxPopoverConfig, DbxPopoverConfigSizing, DbxPopoverKey, DbxPopupComponentConfig, DbxPopupConfig, DbxPopupKey, DbxPopupWindowStateType, DbxPresetFilterMenuConfig, DbxProgressButtonConfig, DbxProgressButtonGlobalConfig, DbxProgressButtonIcon, DbxProgressButtonTargetedConfig, DbxPromptConfirmConfig, DbxPromptConfirmDialogConfig, DbxSectionHeaderConfig, DbxSectionHeaderHType, DbxSectionPageScrollLockedMode, DbxSelectionListWrapperConfig, DbxSelectionValueListViewConfig, DbxSetStyleMode, DbxSidenavSidebarState, DbxStyleClass, DbxStyleClassCleanSuffix, DbxStyleClassDashSuffix, DbxStyleClassSuffix, DbxStyleConfig, DbxStyleName, DbxThemeColor, DbxThemeColorExtra, DbxThemeColorExtraSecondary, DbxThemeColorMain, DbxThemeColorMainOrExtra, DbxTwoColumnViewState, DbxValueAsListItem, DbxValueListAccordionViewConfig, DbxValueListGridItemViewGridSizeConfig, DbxValueListGridViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListItemDecisionFunction, DbxValueListItemGroup, DbxValueListViewConfig, DbxValueListViewGroupValuesFunction, DbxWebFilePreviewComponentConfig, DbxWebFilePreviewServiceEntry, DbxWebFilePreviewServicePreviewComponentFunction, DbxWebFilePreviewServicePreviewComponentFunctionInput, DbxWebFilePreviewServicePreviewDialogFunction, DbxWebFilePreviewServicePreviewDialogFunctionInput, DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog, DbxWebFilePreviewServicePreviewDialogWithComponentFunction, DbxWebFilePreviewServicePreviewDialogWithComponentFunctionInput, DbxWebFilePreviewServicePreviewFunction, DbxWidgetDataPair, DbxWidgetDataPairFactory, DbxWidgetDataPairWithSelection, DbxWidgetEntry, DbxWidgetType, DbxWidgetViewComponentConfig, DbxZipBlobPreviewEntryNodeValue, DbxZipBlobPreviewEntryTreeNode, DbxZipBlobPreviewEntryTreeRoot, DbxZipBlobPreviewGroupData, DbxZipBlobPreviewGroupValue, DbxZipBlobPreviewMode, DbxZipPreviewDialogConfig, DownloadTextContent, FileAcceptFilterTypeString, FileAcceptFilterTypeStringArray, FileAcceptFunction, FileAcceptFunctionInput, FileAcceptString, FileArrayAcceptMatchConfig, FileArrayAcceptMatchFunction, FileArrayAcceptMatchResult, FullDbxPopoverComponentConfig, ListItemModifier, ListSelectionState, ListSelectionStateItem, LoadingComponentState, ModelViewContext, NavBarContentAlign, NavbarButtonMode, NavbarMode, NumberWithLimit, OverrideClickElementEffectConfig, PopoverPositionStrategyConfig, PopupPosition, PopupPositionOffset, ProvideDbxHelpServicesConfig, ProvideDbxLinkifyConfig, ProvideDbxScreenMediaServiceConfig, ProvideDbxStyleServiceConfig, ResizedEvent, ScreenMediaHeightType, ScreenMediaWidthType, ServerErrorParams, TextChip, TwoColumnsState };

package/lib/layout/step/_step.scss

@@ -1,43 +0,0 @@
-@use '../../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-}
-
-@mixin theme($theme-config) {
-}
-
-/*
-  .step-section {
-    margin: 12px 0;
-
-    &.done {
-      .text {
-        // text-decoration: line-through;
-      }
-    }
-
-    .step-section-header {
-      margin-bottom: 8px;
-
-      .step {
-        font-weight: bold;
-        font-size: 1.3em;
-        margin-right: 8px;
-      }
-
-      .hint {
-        opacity: $hint-opacity;
-      }
-
-      .done-check {
-        color: green;
-      }
-    }
-
-    .step-section-content {}
-
-  }
-  */