novo-elements 13.2.0-next.2 → 13.2.0-next.4

package/elements/card/Card.scss

@@ -8,6 +8,9 @@
   border-radius: var(--border-radius-round);
   position: relative;
   overflow-x: hidden;
+  :root[data-theme=bh2026] & {
+    --spacing-md: var(--spacing-padding-md);
+  }
 
   &.loading {
     min-height: 200px;
@@ -57,11 +60,11 @@
         text-overflow: ellipsis;
         i {
           font-size: 1.2em;
-          &.bhi-info {
-            color: $light;
-          }
         }
       }
+      :root:not([data-theme='bh2026']) & i.bhi-info {
+        color: $light;
+      }
     }
     .actions {
       color: brightenLive('--color-dark', 15);
@@ -132,20 +135,27 @@
     border-bottom: 1px solid var(--color-border-default);
 
     .title {
+      padding-inline: var(--spacing-gutter);
       h1,
       h2,
       h3 {
         font-size: var(--typography-card-header-font-size, var(--typography-font-size-18));
         font-weight: var(--typography-card-header-font-weight, var(--typography-font-weight-500));
+        ::ng-deep .card-flag-icon {
+          font-size: var(--font-size-lg);
+          vertical-align: 10%;
+        }
       }
 
-      ::ng-deep i.bhi-move {
-        color: transparent;
+      ::ng-deep i {
+        margin: 0;
       }
     }
 
-    &:hover .title ::ng-deep i.bhi-move {
-      color: var(--color-text-subtle);
+    .card-move-handle {
+      position: absolute;
+      left: var(--spacing-padding-xxsm);
+      color: var(--color-content-icon, #89909A);
     }
 
     .actions {
@@ -157,5 +167,48 @@
     novo-button {
       color: var(--color-text-subtle);
     }
+    ::ng-deep .novo-card-header-text {
+      padding-inline-start: var(--spacing-padding-sm);
+    }
+  }
+  :host {
+    ::ng-deep .card-flag-icon {
+      color: var(--color-content-subtle, #5d7798);
+    }
+    &.icon-color-auto header .title ::ng-deep .card-flag-icon {
+      color: var(--page-entity-color, var(--color-content-subtle, #5d7798));
+      @each $entity, $color in $entity-colors {
+        &.bhi-#{$entity} {
+          @if ($entity == 'person') {
+            color: var(--color-entity-contact);
+          } @else if ($entity == 'notes') {
+            color: var(--color-entity-note);
+          } @else {
+            color: var(--color-entity-#{$entity});
+          }
+        }
+      }
+    }
+    &.icon-color-parent ::ng-deep .card-flag-icon {
+      color: var(--page-entity-color);
+    }
+    .novo-card-header {
+      padding-inline-start: var(--spacing-gutter);
+    }
+    // ng-deep in case this is declared within title bar implementation.
+    ::ng-deep .card-move-handle {
+      position: absolute;
+      left: var(--spacing-padding-xxsm);
+      color: var(--color-content-icon, #89909A);
+      transition: color 0.3s ease-in-out;
+    }
+    header ::ng-deep, ::ng-deep .novo-card-header {
+      &:not(:hover) .card-move-handle {
+        color: transparent;
+      }
+      .novo-icon.card-move-handle i {
+        color: inherit;
+      }
+    }
   }
 }

package/elements/card/CardContent.scss

@@ -4,5 +4,8 @@
   display: block;
   &:not(.condensed) {
     padding: var(--spacing-md);
+    :root[data-theme=bh2026] & {
+      padding-inline: var(--spacing-gutter);
+    }
   }
 }

package/elements/card/CardHeader.scss

@@ -7,8 +7,31 @@
   flex-direction: row;
   align-items: center;
   gap: var(--spacing-md);
+  :root[data-theme=bh2026] & {
+    padding: var(--spacing-padding-md) var(--spacing-padding-md) 0 var(--spacing-gutter);
+    gap: 0;
+    .card-move-handle {
+      transition: color 0.3s ease-in-out;
+    }
+    &:not(:hover) {
+      .card-move-handle {
+        color: transparent;
+      }
+    }
+    .novo-card-header-text {
+      font-size: var(--typography-card-header-font-size, 1.8rem);
+      font-weight: var(--typography-card-header-font-weight, 500);
+      ::ng-deep novo-title {
+        font: inherit;
+      }
+    }
+  }
+  
 
   .novo-card-header-text {
     flex: 1 1 0px;
+    :root[data-theme=bh2026] & {
+      padding-inline-start: var(--spacing-padding-sm);
+    }
   }
 }

package/elements/card/index.d.ts

@@ -6,6 +6,7 @@ import * as i3 from 'novo-elements/elements/icon';
 import * as i4 from 'novo-elements/elements/button';
 import * as i5 from 'novo-elements/elements/loading';
 import * as i6 from 'novo-elements/elements/tooltip';
+import * as i7 from 'novo-elements/elements/common';
 
 declare class CardActionsElement {
     static ɵfac: i0.ɵɵFactoryDeclaration<CardActionsElement, never>;
@@ -37,6 +38,7 @@ declare class CardElement implements OnChanges, OnInit {
     message: string;
     messageIcon: string;
     icon: string;
+    iconColorClass: 'icon-color-auto' | 'icon-color-parent' | undefined;
     iconTooltip: string;
     refresh: boolean;
     close: boolean;
@@ -44,7 +46,7 @@ declare class CardElement implements OnChanges, OnInit {
     loading: boolean;
     inline: boolean;
     inset: string;
-    get hbInset(): string;
+    get cardClass(): string;
     onClose: EventEmitter<void>;
     onRefresh: EventEmitter<void>;
     cardAutomationId: string;
@@ -57,12 +59,12 @@ declare class CardElement implements OnChanges, OnInit {
     toggleClose(): void;
     toggleRefresh(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardElement, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardElement, "novo-card", never, { "padding": { "alias": "padding"; "required": false; }; "config": { "alias": "config"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconTooltip": { "alias": "iconTooltip"; "required": false; }; "refresh": { "alias": "refresh"; "required": false; }; "close": { "alias": "close"; "required": false; }; "move": { "alias": "move"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; }, { "onClose": "onClose"; "onRefresh": "onRefresh"; }, never, ["novo-card-actions", "*", "footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardElement, "novo-card", never, { "padding": { "alias": "padding"; "required": false; }; "config": { "alias": "config"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColorClass": { "alias": "iconColorClass"; "required": false; }; "iconTooltip": { "alias": "iconTooltip"; "required": false; }; "refresh": { "alias": "refresh"; "required": false; }; "close": { "alias": "close"; "required": false; }; "move": { "alias": "move"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; }, { "onClose": "onClose"; "onRefresh": "onRefresh"; }, never, ["novo-card-actions", "*", "footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"], false, never>;
 }
 
 declare class NovoCardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoCardModule, [typeof CardElement, typeof CardActionsElement, typeof CardContentElement, typeof CardHeaderElement, typeof CardFooterElement], [typeof i2.CommonModule, typeof i3.NovoIconModule, typeof i4.NovoButtonModule, typeof i5.NovoLoadingModule, typeof i6.NovoTooltipModule], [typeof CardElement, typeof CardActionsElement, typeof CardContentElement, typeof CardHeaderElement, typeof CardFooterElement]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoCardModule, [typeof CardElement, typeof CardActionsElement, typeof CardContentElement, typeof CardHeaderElement, typeof CardFooterElement], [typeof i2.CommonModule, typeof i3.NovoIconModule, typeof i4.NovoButtonModule, typeof i5.NovoLoadingModule, typeof i6.NovoTooltipModule, typeof i7.NovoCommonModule], [typeof CardElement, typeof CardActionsElement, typeof CardContentElement, typeof CardHeaderElement, typeof CardFooterElement]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoCardModule>;
 }
 

package/elements/common/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ElementRef, OnInit, EventEmitter, OnDestroy, ChangeDetectorRef, Renderer2, DoCheck, ViewContainerRef, InjectionToken, AfterViewChecked, QueryList, NgZone } from '@angular/core';
+import { TemplateRef, ElementRef, OnInit, OnDestroy, ChangeDetectorRef, Renderer2, DoCheck, ViewContainerRef, PipeTransform, InjectionToken, AfterViewChecked, EventEmitter, QueryList, NgZone } from '@angular/core';
 import { Observable, Subject, Subscription } from 'rxjs';
 import * as i3 from '@angular/common';
 import { NgSwitch } from '@angular/common';
@@ -247,11 +247,14 @@ interface ThemeChangeEvent {
 declare class NovoTheme {
     private _defaultTheme;
     private _currentTheme;
-    onThemeChange: EventEmitter<ThemeChangeEvent>;
+    currentTheme: i0.Signal<NovoThemeOptions>;
+    onThemeChange: Observable<ThemeChangeEvent>;
+    document: Document;
     /** Name of the theme being used. defaults to `bh2022-light`. */
     get themeName(): string;
     set themeName(value: string);
     use(options: NovoThemeOptions): Observable<any>;
+    isBh2026: i0.Signal<boolean>;
     /**
      * Changes the current theme
      */
@@ -325,6 +328,13 @@ declare class VisibleDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<VisibleDirective, "[visible]", never, { "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+declare class If2026ThemePipe implements PipeTransform {
+    theme: NovoTheme;
+    transform(value: any, elseVal?: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<If2026ThemePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<If2026ThemePipe, "ifBh2026Theme", false>;
+}
+
 /** @docs-private */
 type Constructor<T> = new (...args: any[]) => T;
 /**
@@ -568,7 +578,7 @@ declare class NovoOptionModule {
 
 declare class NovoCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoCommonModule, [typeof NovoTemplate, typeof NovoText, typeof NovoTitle, typeof NovoCaption, typeof NovoLabel, typeof NovoLink, typeof MarginDirective, typeof PaddingDirective, typeof BackgroundColorDirective, typeof TextColorDirective, typeof BorderDirective, typeof GapDirective, typeof AccentColorDirective, typeof FillColorDirective, typeof FlexDirective, typeof ThemeColorDirective, typeof SwitchCasesDirective, typeof VisibleDirective], [typeof i3.CommonModule, typeof NovoOptionModule], [typeof NovoTemplate, typeof NovoText, typeof NovoTitle, typeof NovoCaption, typeof NovoLabel, typeof NovoLink, typeof MarginDirective, typeof PaddingDirective, typeof BackgroundColorDirective, typeof TextColorDirective, typeof BorderDirective, typeof GapDirective, typeof AccentColorDirective, typeof FillColorDirective, typeof FlexDirective, typeof ThemeColorDirective, typeof SwitchCasesDirective, typeof VisibleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoCommonModule, [typeof NovoTemplate, typeof NovoText, typeof NovoTitle, typeof NovoCaption, typeof NovoLabel, typeof NovoLink, typeof MarginDirective, typeof PaddingDirective, typeof BackgroundColorDirective, typeof TextColorDirective, typeof BorderDirective, typeof GapDirective, typeof AccentColorDirective, typeof FillColorDirective, typeof FlexDirective, typeof ThemeColorDirective, typeof SwitchCasesDirective, typeof VisibleDirective, typeof If2026ThemePipe], [typeof i3.CommonModule, typeof NovoOptionModule], [typeof NovoTemplate, typeof NovoText, typeof NovoTitle, typeof NovoCaption, typeof NovoLabel, typeof NovoLink, typeof MarginDirective, typeof PaddingDirective, typeof BackgroundColorDirective, typeof TextColorDirective, typeof BorderDirective, typeof GapDirective, typeof AccentColorDirective, typeof FillColorDirective, typeof FlexDirective, typeof ThemeColorDirective, typeof SwitchCasesDirective, typeof VisibleDirective, typeof If2026ThemePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoCommonModule>;
 }
 
@@ -749,5 +759,5 @@ type HasTabIndexCtor = Constructor<HasTabIndex>;
 /** Mixin to augment a directive with a `tabIndex` property. */
 declare function mixinTabIndex<T extends AbstractConstructor<CanDisable>>(base: T, defaultTabIndex?: number): HasTabIndexCtor & T;
 
-export { AccentColorDirective, BackgroundColorDirective, BorderDirective, DEFAULT_THEME, ErrorStateMatcher, FillColorDirective, FlexDirective, GapDirective, MarginDirective, NOVO_OPTGROUP, NOVO_OPTION_PARENT_COMPONENT, NOVO_OVERLAY_CONTAINER, NovoBaseTextElement, NovoCaption, NovoCommonModule, NovoLabel, NovoLink, NovoOptgroup, NovoOptgroupBase, NovoOptgroupMixinBase, NovoOption, NovoOptionBase, NovoOptionModule, NovoOptionSelectionChange, NovoOverlayModule, NovoOverlayTemplateComponent, NovoPseudoCheckbox, NovoPseudoCheckboxModule, NovoTemplate, NovoText, NovoTheme, NovoThemeOptions, NovoTitle, PaddingDirective, ShowOnDirtyErrorStateMatcher, SwitchCasesDirective, TextColorDirective, ThemeColorDirective, VisibleDirective, _countGroupLabelsBeforeOption, _getOptionScrollPosition, getSpacingToken, mixinColor, mixinDisabled, mixinErrorState, mixinOverlay, mixinRequired, mixinSize, mixinTabIndex, normalizeThemeName };
+export { AccentColorDirective, BackgroundColorDirective, BorderDirective, DEFAULT_THEME, ErrorStateMatcher, FillColorDirective, FlexDirective, GapDirective, If2026ThemePipe, MarginDirective, NOVO_OPTGROUP, NOVO_OPTION_PARENT_COMPONENT, NOVO_OVERLAY_CONTAINER, NovoBaseTextElement, NovoCaption, NovoCommonModule, NovoLabel, NovoLink, NovoOptgroup, NovoOptgroupBase, NovoOptgroupMixinBase, NovoOption, NovoOptionBase, NovoOptionModule, NovoOptionSelectionChange, NovoOverlayModule, NovoOverlayTemplateComponent, NovoPseudoCheckbox, NovoPseudoCheckboxModule, NovoTemplate, NovoText, NovoTheme, NovoThemeOptions, NovoTitle, PaddingDirective, ShowOnDirtyErrorStateMatcher, SwitchCasesDirective, TextColorDirective, ThemeColorDirective, VisibleDirective, _countGroupLabelsBeforeOption, _getOptionScrollPosition, getSpacingToken, mixinColor, mixinDisabled, mixinErrorState, mixinOverlay, mixinRequired, mixinSize, mixinTabIndex, normalizeThemeName };
 export type { AbstractConstructor, CanColor, CanColorCtor, CanDisable, CanDisableCtor, CanRequire, CanRequireCtor, CanSize, CanSizeCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, Constructor, ElementSize, HasElementRef, HasErrorState, HasOverlay, HasOverlayCtor, HasTabIndex, HasTabIndexCtor, NovoOptionParentComponent, NovoPseudoCheckboxShape, NovoPseudoCheckboxState, ThemeChangeEvent, ThemeName, ThemePalette, TypographyLength, TypographySize, TypographyWeight };

package/elements/dropdown/Dropdown.scss

@@ -39,7 +39,6 @@
 .dropdown-container {
   background-color: var(--background-bright, $color-bright);
   border-radius: var(--border-radius-sm);
-  overflow: hidden;
   list-style: none;
   margin: 0;
   padding: 0;

package/elements/list/list-item-content.scss

@@ -1,11 +1,16 @@
 @import "../../styles/variables.scss";
 
 @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
-  :host-context([theme="#{$name}"]) {
-    &.novo-item-content > ::ng-deep * {
-      color: rgba(#fff, 0.65);
+  // Wonky deprecation: For 2026, stringently avoid using * selectors to apply font/color changes - prefer inherit functionality
+  // This setup made it very hard to provide overrides.
+  :host-context([theme="#{$name}"]):host-context(:root:not([data-theme='bh2026'])) {
+    &.novo-item-content > ::ng-deep *:not(.xxxx) {
+    color: rgba(#fff, 0.65);
     }
   }
+  :host-context([theme="#{$name}"]):host-context(:root[data-theme='bh2026']).novo-item-content {
+    color: rgba(#fff, 0.65);
+  }
 }
 
 :host-context(.novo-list.avatar) {
@@ -15,7 +20,11 @@
 :host {
   display: flex;
   margin-left: 0.2em;
-  &.novo-item-content > ::ng-deep * {
+  
+  :root:not([data-theme='bh2026']) &.novo-item-content > ::ng-deep *:not(.yyy) {
+    color: rgba(#434343, 0.85);
+  }
+  :root[data-theme='bh2026'] &.novo-item-content {
     color: rgba(#434343, 0.85);
   }
   &.novo-item-content ::ng-deep i {

package/fesm2022/novo-elements-elements-card.mjs

@@ -12,6 +12,8 @@ import * as i5 from 'novo-elements/elements/loading';
 import { NovoLoadingModule } from 'novo-elements/elements/loading';
 import * as i6 from 'novo-elements/elements/tooltip';
 import { NovoTooltipModule } from 'novo-elements/elements/tooltip';
+import * as i7 from 'novo-elements/elements/common';
+import { NovoCommonModule } from 'novo-elements/elements/common';
 
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -42,7 +44,7 @@ class CardContentElement {
         this.condensed = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardContentElement, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardContentElement, isStandalone: false, selector: "novo-card-content, [novo-card-content], [novoCardContent]", inputs: { condensed: "condensed" }, host: { properties: { "class.condensed": "condensed" }, classAttribute: "novo-card-content" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}:host:not(.condensed){padding:var(--spacing-md)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardContentElement, isStandalone: false, selector: "novo-card-content, [novo-card-content], [novoCardContent]", inputs: { condensed: "condensed" }, host: { properties: { "class.condensed": "condensed" }, classAttribute: "novo-card-content" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}:host:not(.condensed){padding:var(--spacing-md)}:root[data-theme=bh2026] :host:not(.condensed){padding-inline:var(--spacing-gutter)}\n"] }); }
 }
 __decorate([
     BooleanInput(),
@@ -50,7 +52,7 @@ __decorate([
 ], CardContentElement.prototype, "condensed", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardContentElement, decorators: [{
             type: Component,
-            args: [{ selector: 'novo-card-content, [novo-card-content], [novoCardContent]', host: { class: 'novo-card-content', '[class.condensed]': 'condensed' }, template: '<ng-content></ng-content>', standalone: false, styles: [":host{display:block}:host:not(.condensed){padding:var(--spacing-md)}\n"] }]
+            args: [{ selector: 'novo-card-content, [novo-card-content], [novoCardContent]', host: { class: 'novo-card-content', '[class.condensed]': 'condensed' }, template: '<ng-content></ng-content>', standalone: false, styles: [":host{display:block}:host:not(.condensed){padding:var(--spacing-md)}:root[data-theme=bh2026] :host:not(.condensed){padding-inline:var(--spacing-gutter)}\n"] }]
         }], propDecorators: { condensed: [{
                 type: Input
             }] } });
@@ -68,7 +70,7 @@ class CardHeaderElement {
     <div class="novo-card-header-actions">
       <ng-content select="novo-action"></ng-content>
     </div>
-  `, isInline: true, styles: [":host{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}:host .novo-card-header-text{flex:1 1 0px}\n"] }); }
+  `, isInline: true, styles: [":host{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}:root[data-theme=bh2026] :host{padding:var(--spacing-padding-md) var(--spacing-padding-md) 0 var(--spacing-gutter);gap:0}:root[data-theme=bh2026] :host .card-move-handle{transition:color .3s ease-in-out}:root[data-theme=bh2026] :host:not(:hover) .card-move-handle{color:transparent}:root[data-theme=bh2026] :host .novo-card-header-text{font-size:var(--typography-card-header-font-size, 1.8rem);font-weight:var(--typography-card-header-font-weight, 500)}:root[data-theme=bh2026] :host .novo-card-header-text ::ng-deep novo-title{font:inherit}:host .novo-card-header-text{flex:1 1 0px}:root[data-theme=bh2026] :host .novo-card-header-text{padding-inline-start:var(--spacing-padding-sm)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardHeaderElement, decorators: [{
             type: Component,
@@ -81,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
     <div class="novo-card-header-actions">
       <ng-content select="novo-action"></ng-content>
     </div>
-  `, standalone: false, styles: [":host{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}:host .novo-card-header-text{flex:1 1 0px}\n"] }]
+  `, standalone: false, styles: [":host{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}:root[data-theme=bh2026] :host{padding:var(--spacing-padding-md) var(--spacing-padding-md) 0 var(--spacing-gutter);gap:0}:root[data-theme=bh2026] :host .card-move-handle{transition:color .3s ease-in-out}:root[data-theme=bh2026] :host:not(:hover) .card-move-handle{color:transparent}:root[data-theme=bh2026] :host .novo-card-header-text{font-size:var(--typography-card-header-font-size, 1.8rem);font-weight:var(--typography-card-header-font-weight, 500)}:root[data-theme=bh2026] :host .novo-card-header-text ::ng-deep novo-title{font:inherit}:host .novo-card-header-text{flex:1 1 0px}:root[data-theme=bh2026] :host .novo-card-header-text{padding-inline-start:var(--spacing-padding-sm)}\n"] }]
         }] });
 class CardFooterElement {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardFooterElement, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -92,8 +94,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             args: [{ selector: 'novo-card-footer, [novo-card-footer], [novoCardFooter]', host: { class: 'novo-card-footer' }, template: '<ng-content></ng-content>', standalone: false, styles: [":host{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}:host[color=border-default]{background:#dbdbdb}:host[color=black]{color:var(--color-contrast-black);background:#000}:host[color=white]{color:var(--color-contrast-white);background:#fff}:host[color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[color=metal]{color:var(--color-contrast-metal);background:#637893}:host[color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[color=slate]{color:var(--color-contrast-slate);background:#707070}:host[color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[color=success]{color:var(--color-contrast-success);background:#8cc152}:host[color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[color=error]{color:var(--color-contrast-error);background:#da4453}:host[color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[color=text]{color:var(--color-contrast-text);background:#282828}:host[color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[color=company]{color:var(--color-contrast-company);background:#39d}:host[color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[color=lead]{color:var(--color-contrast-lead);background:#a69}:host[color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[color=job]{color:var(--color-contrast-job);background:#b56}:host[color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[color=note]{color:var(--color-contrast-note);background:#747884}:host[color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[color=task]{color:var(--color-contrast-task);background:#4f5361}:host[color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[color=user]{color:var(--color-contrast-user);background:#696d79}:host[color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[color=person]{color:var(--color-contrast-person);background:#696d79}\n"] }]
         }] });
 class CardElement {
-    get hbInset() {
-        return `novo-card-inset-${this.inset}`;
+    get cardClass() {
+        return `${this.iconColorClass || ''} novo-card-inset-${this.inset}`;
     }
     constructor(labels) {
         this.padding = true;
@@ -131,7 +133,7 @@ class CardElement {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CardElement, deps: [{ token: i1.NovoLabelService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardElement, isStandalone: false, selector: "novo-card", inputs: { padding: "padding", config: "config", title: "title", message: "message", messageIcon: "messageIcon", icon: "icon", iconTooltip: "iconTooltip", refresh: "refresh", close: "close", move: "move", loading: "loading", inline: "inline", inset: "inset" }, outputs: { onClose: "onClose", onRefresh: "onRefresh" }, host: { properties: { "attr.data-automation-id": "cardAutomationId", "class.loading": "loading || config.loading", "class.novo-card-inline": "this.inline", "class": "this.hbInset" }, classAttribute: "novo-card" }, usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CardElement, isStandalone: false, selector: "novo-card", inputs: { padding: "padding", config: "config", title: "title", message: "message", messageIcon: "messageIcon", icon: "icon", iconColorClass: "iconColorClass", iconTooltip: "iconTooltip", refresh: "refresh", close: "close", move: "move", loading: "loading", inline: "inline", inset: "inset" }, outputs: { onClose: "onClose", onRefresh: "onRefresh" }, host: { properties: { "attr.data-automation-id": "cardAutomationId", "class.loading": "loading || config.loading", "class.novo-card-inline": "this.inline", "class": "this.cardClass" }, classAttribute: "novo-card" }, usesOnChanges: true, ngImport: i0, template: `
     <!--Loading-->
     <div class="card-loading-container" *ngIf="loading || config.loading">
       <novo-loading theme="line" [attr.data-automation-id]="cardAutomationId + '-loading'"></novo-loading>
@@ -144,13 +146,14 @@ class CardElement {
           *ngIf="move || config.move"
           tooltip="{{ labels.move }}"
           tooltipPosition="bottom-right"
+          class="card-move-handle"
           [attr.data-automation-id]="cardAutomationId + '-move'"
           >move</novo-icon
         >
         <!--Card Title-->
         <h3 [attr.data-automation-id]="cardAutomationId + '-title'">
-          <span [tooltip]="iconTooltip" tooltipPosition="right"><i *ngIf="icon" [ngClass]="iconClass"></i></span>
-          {{ title || config.title }}
+          <span [tooltip]="iconTooltip" tooltipPosition="right"><i *ngIf="iconClass" class="card-flag-icon" [ngClass]="iconClass"></i></span><!--
+          --><span class="novo-card-header-text">{{ title || config.title }}</span>
         </h3>
       </div>
       <!--Card Actions-->
@@ -158,7 +161,7 @@ class CardElement {
         <ng-content select="novo-card-actions"></ng-content>
         <novo-button
           theme="icon"
-          icon="refresh"
+          [icon]="'refresh-o' | ifBh2026Theme : 'refresh'"
           (click)="toggleRefresh()"
           *ngIf="refresh || config.refresh"
           [attr.data-automation-id]="cardAutomationId + '-refresh'"
@@ -168,7 +171,7 @@ class CardElement {
 
         <novo-button
           theme="icon"
-          icon="close-o"
+          [icon]="'x' | ifBh2026Theme : 'close-o'"
           (click)="toggleClose()"
           *ngIf="close || config.close"
           [attr.data-automation-id]="cardAutomationId + '-close'"
@@ -192,7 +195,7 @@ class CardElement {
       *ngIf="!(loading || config.loading) && !(message || config.message)"
       select="footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"
     ></ng-content>
-  `, isInline: true, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:host header .title h1 i.bhi-info,:host header .title h2 i.bhi-info,:host header .title h3 i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-black-10)}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-padding-md) var(--spacing-padding-lg) var(--spacing-padding-md) 0;border-bottom:1px solid var(--color-border-default)}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:var(--typography-card-header-font-size, var(--typography-font-size-18));font-weight:var(--typography-card-header-font-weight, var(--typography-font-weight-500))}:host-context([data-theme=bh2026]) header .title ::ng-deep i.bhi-move{color:transparent}:host-context([data-theme=bh2026]) header:hover .title ::ng-deep i.bhi-move{color:var(--color-text-subtle)}:host-context([data-theme=bh2026]) header .actions{display:flex;align-items:center;gap:var(--spacing-gap-sm)}:host-context([data-theme=bh2026]) header novo-button{color:var(--color-text-subtle)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i4.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i5.NovoLoadingElement, selector: "novo-loading", inputs: ["theme", "color", "size"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltipPosition", "tooltipType", "tooltipSize", "tooltipBounce", "tooltipNoAnimate", "tooltipRounded", "tooltipAlways", "tooltipPreline", "removeTooltipArrow", "tooltipAutoPosition", "tooltipIsHTML", "tooltipCloseOnClick", "tooltipOnOverflow", "tooltipActive"] }] }); }
+  `, isInline: true, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:root[data-theme=bh2026] :host{--spacing-md: var(--spacing-padding-md)}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:root:not([data-theme=bh2026]) :host header .title i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-black-10)}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-padding-md) var(--spacing-padding-lg) var(--spacing-padding-md) 0;border-bottom:1px solid var(--color-border-default)}:host-context([data-theme=bh2026]) header .title{padding-inline:var(--spacing-gutter)}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:var(--typography-card-header-font-size, var(--typography-font-size-18));font-weight:var(--typography-card-header-font-weight, var(--typography-font-weight-500))}:host-context([data-theme=bh2026]) header .title h1 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h2 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h3 ::ng-deep .card-flag-icon{font-size:var(--font-size-lg);vertical-align:10%}:host-context([data-theme=bh2026]) header .title ::ng-deep i{margin:0}:host-context([data-theme=bh2026]) header .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A)}:host-context([data-theme=bh2026]) header .actions{display:flex;align-items:center;gap:var(--spacing-gap-sm)}:host-context([data-theme=bh2026]) header novo-button{color:var(--color-text-subtle)}:host-context([data-theme=bh2026]) header ::ng-deep .novo-card-header-text{padding-inline-start:var(--spacing-padding-sm)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-flag-icon{color:var(--color-content-subtle, #5d7798)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon{color:var(--page-entity-color, var(--color-content-subtle, #5d7798))}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-star{color:var(--color-entity-star)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-person{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-company{color:var(--color-entity-company)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-candidate{color:var(--color-entity-candidate)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-navigation{color:var(--color-entity-navigation)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-lead{color:var(--color-entity-lead)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contact{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-clientcontact{color:var(--color-entity-clientcontact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-opportunity{color:var(--color-entity-opportunity)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-job{color:var(--color-entity-job)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-joborder{color:var(--color-entity-joborder)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-submission{color:var(--color-entity-submission)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-sendout{color:var(--color-entity-sendout)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-placement{color:var(--color-entity-placement)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-note{color:var(--color-entity-note)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-task{color:var(--color-entity-task)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-distributionList{color:var(--color-entity-distributionList)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-credential{color:var(--color-entity-credential)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-user{color:var(--color-entity-user)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-corporateuser{color:var(--color-entity-corporateuser)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contract{color:var(--color-entity-contract)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-jobCode{color:var(--color-entity-jobCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-earnCode{color:var(--color-entity-earnCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-billableCharge{color:var(--color-entity-billableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-payableCharge{color:var(--color-entity-payableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-complianceManager{color:var(--color-entity-complianceManager)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-invoiceStatement{color:var(--color-entity-invoiceStatement)}:host-context([data-theme=bh2026]) :host.icon-color-parent ::ng-deep .card-flag-icon{color:var(--page-entity-color)}:host-context([data-theme=bh2026]) :host .novo-card-header{padding-inline-start:var(--spacing-gutter)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A);transition:color .3s ease-in-out}:host-context([data-theme=bh2026]) :host header ::ng-deep:not(:hover) .card-move-handle,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header:not(:hover) .card-move-handle{color:transparent}:host-context([data-theme=bh2026]) :host header ::ng-deep .novo-icon.card-move-handle i,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header .novo-icon.card-move-handle i{color:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { kind: "component", type: i4.NovoButtonElement, selector: "novo-button,button[theme]", inputs: ["color", "side", "size", "theme", "loading", "icon", "secondIcon", "disabled"] }, { kind: "component", type: i5.NovoLoadingElement, selector: "novo-loading", inputs: ["theme", "color", "size"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltipPosition", "tooltipType", "tooltipSize", "tooltipBounce", "tooltipNoAnimate", "tooltipRounded", "tooltipAlways", "tooltipPreline", "removeTooltipArrow", "tooltipAutoPosition", "tooltipIsHTML", "tooltipCloseOnClick", "tooltipOnOverflow", "tooltipActive"] }, { kind: "directive", type: i7.ThemeColorDirective, selector: "[theme]", inputs: ["theme"] }, { kind: "pipe", type: i7.If2026ThemePipe, name: "ifBh2026Theme" }] }); }
 }
 __decorate([
     BooleanInput(),
@@ -217,13 +220,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
           *ngIf="move || config.move"
           tooltip="{{ labels.move }}"
           tooltipPosition="bottom-right"
+          class="card-move-handle"
           [attr.data-automation-id]="cardAutomationId + '-move'"
           >move</novo-icon
         >
         <!--Card Title-->
         <h3 [attr.data-automation-id]="cardAutomationId + '-title'">
-          <span [tooltip]="iconTooltip" tooltipPosition="right"><i *ngIf="icon" [ngClass]="iconClass"></i></span>
-          {{ title || config.title }}
+          <span [tooltip]="iconTooltip" tooltipPosition="right"><i *ngIf="iconClass" class="card-flag-icon" [ngClass]="iconClass"></i></span><!--
+          --><span class="novo-card-header-text">{{ title || config.title }}</span>
         </h3>
       </div>
       <!--Card Actions-->
@@ -231,7 +235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         <ng-content select="novo-card-actions"></ng-content>
         <novo-button
           theme="icon"
-          icon="refresh"
+          [icon]="'refresh-o' | ifBh2026Theme : 'refresh'"
           (click)="toggleRefresh()"
           *ngIf="refresh || config.refresh"
           [attr.data-automation-id]="cardAutomationId + '-refresh'"
@@ -241,7 +245,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 
         <novo-button
           theme="icon"
-          icon="close-o"
+          [icon]="'x' | ifBh2026Theme : 'close-o'"
           (click)="toggleClose()"
           *ngIf="close || config.close"
           [attr.data-automation-id]="cardAutomationId + '-close'"
@@ -265,7 +269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
       *ngIf="!(loading || config.loading) && !(message || config.message)"
       select="footer,novo-card-footer,[novo-card-footer],[novoCardFooter]"
     ></ng-content>
-  `, standalone: false, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:host header .title h1 i.bhi-info,:host header .title h2 i.bhi-info,:host header .title h3 i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-black-10)}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-padding-md) var(--spacing-padding-lg) var(--spacing-padding-md) 0;border-bottom:1px solid var(--color-border-default)}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:var(--typography-card-header-font-size, var(--typography-font-size-18));font-weight:var(--typography-card-header-font-weight, var(--typography-font-weight-500))}:host-context([data-theme=bh2026]) header .title ::ng-deep i.bhi-move{color:transparent}:host-context([data-theme=bh2026]) header:hover .title ::ng-deep i.bhi-move{color:var(--color-text-subtle)}:host-context([data-theme=bh2026]) header .actions{display:flex;align-items:center;gap:var(--spacing-gap-sm)}:host-context([data-theme=bh2026]) header novo-button{color:var(--color-text-subtle)}\n"] }]
+  `, standalone: false, styles: [":host{display:flex;flex-flow:column;background-color:var(--background-bright, #fff);box-shadow:0 -1px 3px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:var(--border-radius-round);position:relative;overflow-x:hidden}:root[data-theme=bh2026] :host{--spacing-md: var(--spacing-padding-md)}:host.loading{min-height:200px}:host div.card-loading-container{position:absolute;inset:43px 0 0;border-radius:var(--border-radius-round);background-color:var(--background-bright, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}:host header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.5em}:host header .title{display:flex;align-items:center;min-width:0;flex:1}:host header .title ::ng-deep i.bhi-move{color:var(--font-color-secondary);margin-right:.3em;cursor:pointer}:host header .title h1,:host header .title h2,:host header .title h3{font-size:var(--font-size-lg);font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);width:100%;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host header .title h1 i,:host header .title h2 i,:host header .title h3 i{font-size:1.2em}:root:not([data-theme=bh2026]) :host header .title i.bhi-info{color:#dbdbdb}:host header .actions{color:hsl(from var(--color-dark) h s calc(l + 15));white-space:nowrap}:host p.card-message{padding:20px 0;max-width:inherit;text-align:center;line-height:25px;color:hsl(from var(--color-grey) h s calc(l + 10))}:host p.card-message i{display:block;font-size:24px;margin:0 0 .5em;color:hsl(from var(--color-grey) h s calc(l + 20))}:host footer{display:flex;justify-content:center}:host.novo-card-inline{display:inline-flex;justify-self:start;align-self:start}:host.novo-card-inset-none{padding:0}:host.novo-card-inset-small{padding:var(--spacing-sm)}:host.novo-card-inset-medium{padding:var(--spacing-md)}:host.novo-card-inset-large{padding:var(--spacing-lg)}:host ::ng-deep .novo-card-header+.novo-card-content.condensed,:host ::ng-deep .novo-card-header+:not(.novo-card-content){margin-top:var(--spacing-sm)}:host ::ng-deep [novo-card-image]{width:100%;margin:var(--spacing-md) 0}:host-context([data-theme=bh2026]){border-radius:var(--border-radius-md);border:1px solid var(--color-border-default);box-shadow:0 1px 2px var(--color-transparency-black-10)}:host-context([data-theme=bh2026]) div.card-loading-container{border-radius:var(--border-radius-md)}:host-context([data-theme=bh2026]) header{padding:var(--spacing-padding-md) var(--spacing-padding-lg) var(--spacing-padding-md) 0;border-bottom:1px solid var(--color-border-default)}:host-context([data-theme=bh2026]) header .title{padding-inline:var(--spacing-gutter)}:host-context([data-theme=bh2026]) header .title h1,:host-context([data-theme=bh2026]) header .title h2,:host-context([data-theme=bh2026]) header .title h3{font-size:var(--typography-card-header-font-size, var(--typography-font-size-18));font-weight:var(--typography-card-header-font-weight, var(--typography-font-weight-500))}:host-context([data-theme=bh2026]) header .title h1 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h2 ::ng-deep .card-flag-icon,:host-context([data-theme=bh2026]) header .title h3 ::ng-deep .card-flag-icon{font-size:var(--font-size-lg);vertical-align:10%}:host-context([data-theme=bh2026]) header .title ::ng-deep i{margin:0}:host-context([data-theme=bh2026]) header .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A)}:host-context([data-theme=bh2026]) header .actions{display:flex;align-items:center;gap:var(--spacing-gap-sm)}:host-context([data-theme=bh2026]) header novo-button{color:var(--color-text-subtle)}:host-context([data-theme=bh2026]) header ::ng-deep .novo-card-header-text{padding-inline-start:var(--spacing-padding-sm)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-flag-icon{color:var(--color-content-subtle, #5d7798)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon{color:var(--page-entity-color, var(--color-content-subtle, #5d7798))}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-star{color:var(--color-entity-star)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-person{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-company{color:var(--color-entity-company)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-candidate{color:var(--color-entity-candidate)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-navigation{color:var(--color-entity-navigation)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-lead{color:var(--color-entity-lead)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contact{color:var(--color-entity-contact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-clientcontact{color:var(--color-entity-clientcontact)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-opportunity{color:var(--color-entity-opportunity)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-job{color:var(--color-entity-job)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-joborder{color:var(--color-entity-joborder)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-submission{color:var(--color-entity-submission)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-sendout{color:var(--color-entity-sendout)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-placement{color:var(--color-entity-placement)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-note{color:var(--color-entity-note)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-task{color:var(--color-entity-task)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-distributionList{color:var(--color-entity-distributionList)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-credential{color:var(--color-entity-credential)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-user{color:var(--color-entity-user)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-corporateuser{color:var(--color-entity-corporateuser)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-contract{color:var(--color-entity-contract)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-jobCode{color:var(--color-entity-jobCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-earnCode{color:var(--color-entity-earnCode)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-billableCharge{color:var(--color-entity-billableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-payableCharge{color:var(--color-entity-payableCharge)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-complianceManager{color:var(--color-entity-complianceManager)}:host-context([data-theme=bh2026]) :host.icon-color-auto header .title ::ng-deep .card-flag-icon.bhi-invoiceStatement{color:var(--color-entity-invoiceStatement)}:host-context([data-theme=bh2026]) :host.icon-color-parent ::ng-deep .card-flag-icon{color:var(--page-entity-color)}:host-context([data-theme=bh2026]) :host .novo-card-header{padding-inline-start:var(--spacing-gutter)}:host-context([data-theme=bh2026]) :host ::ng-deep .card-move-handle{position:absolute;left:var(--spacing-padding-xxsm);color:var(--color-content-icon, #89909A);transition:color .3s ease-in-out}:host-context([data-theme=bh2026]) :host header ::ng-deep:not(:hover) .card-move-handle,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header:not(:hover) .card-move-handle{color:transparent}:host-context([data-theme=bh2026]) :host header ::ng-deep .novo-icon.card-move-handle i,:host-context([data-theme=bh2026]) :host ::ng-deep .novo-card-header .novo-icon.card-move-handle i{color:inherit}\n"] }]
         }], ctorParameters: () => [{ type: i1.NovoLabelService }], propDecorators: { padding: [{
                 type: Input
             }], config: [{
@@ -278,6 +282,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Input
             }], icon: [{
                 type: Input
+            }], iconColorClass: [{
+                type: Input
             }], iconTooltip: [{
                 type: Input
             }], refresh: [{
@@ -295,7 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 args: ['class.novo-card-inline']
             }], inset: [{
                 type: Input
-            }], hbInset: [{
+            }], cardClass: [{
                 type: HostBinding,
                 args: ['class']
             }], onClose: [{
@@ -307,13 +313,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 // NG2
 class NovoCardModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoCardModule, declarations: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement], imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule], exports: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCardModule, imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoCardModule, declarations: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement], imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule, NovoCommonModule], exports: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCardModule, imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule, NovoCommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCardModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule],
+                    imports: [CommonModule, NovoIconModule, NovoButtonModule, NovoLoadingModule, NovoTooltipModule, NovoCommonModule],
                     declarations: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],
                     exports: [CardElement, CardActionsElement, CardContentElement, CardHeaderElement, CardFooterElement],
                 }]