@filip.mazev/blocks 1.4.10 → 1.4.11

package/types/filip.mazev-blocks-core.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import { InjectionToken, NgZone, OnDestroy, OnInit, Signal } from "@angular/core";
-import { FlexibleConnectedPositionStrategy } from "@angular/cdk/overlay";
+import { FlexibleConnectedPositionStrategy, OverlayRef } from "@angular/cdk/overlay";
 import { ControlValueAccessor, NgControl } from "@angular/forms";
 export declare enum DesktopOS {
   Linux = "linux",
@@ -136,11 +136,21 @@ export interface BxAppearanceConfig {
   reducedTransparency: boolean;
 }
 export declare const DEFAULT_APPEARANCE_CONFIG: Readonly<BxAppearanceConfig>;
-export type BxThemeId = 'white' | 'blue' | 'purple' | 'orange' | 'red' | 'green' | 'cyberpunk';
+export type BxThemeId = 'graphite-sky-blue' | 'azure-coral' | 'violet-teal' | 'tangerine-indigo' | 'scarlet-cyan' | 'lime-violet' | 'cyberpunk';
+export declare const LEGACY_THEME_IDS: {
+  readonly white: "graphite-sky-blue";
+  readonly blue: "azure-coral";
+  readonly purple: "violet-teal";
+  readonly orange: "tangerine-indigo";
+  readonly red: "scarlet-cyan";
+  readonly green: "lime-violet";
+};
+export type LegacyBxThemeId = keyof typeof LEGACY_THEME_IDS;
 export declare const THEME_PALETTES: ReadonlyArray<{
   id: BxThemeId;
   label: string;
   className: string;
+  colors: readonly [string, string];
 }>;
 export declare class ThemingService implements OnDestroy {
   private readonly document;
@@ -151,6 +161,7 @@ export declare class ThemingService implements OnDestroy {
     id: BxThemeId;
     label: string;
     className: string;
+    colors: readonly [string, string];
   }[];
   private readonly _palette;
   readonly palette: import("@angular/core").Signal<BxThemeId>;
@@ -172,7 +183,7 @@ export declare class ThemingService implements OnDestroy {
   constructor();
   ngOnDestroy(): void;
   setApplicationTheme(theme: DeviceTheme): void;
-  setPalette(palette: BxThemeId): void;
+  setPalette(palette: BxThemeId | LegacyBxThemeId): void;
   setHighContrast(enabled: boolean): void;
   setAppearance(settings: Partial<BxAppearanceConfig>): void;
   resetAppearance(): void;
@@ -294,8 +305,8 @@ export interface IBxI18nAdapter {
 }
 export declare const DEFAULT_DEBOUNCE_TIME = 300;
 export declare const SCROLL_LOCK_INSTANCE_IDENTIFIER = "scroll_lock_instance_";
-export type SemanticColorToken = 'bg-canvas' | 'bg-surface' | 'bg-surface-alt' | 'bg-element' | 'bg-element-hover' | 'bg-element-active' | 'bg-neutral' | 'bg-neutral-hover' | 'bg-neutral-active' | 'primary' | 'primary-hover' | 'primary-active' | 'primary-subtle' | 'on-primary' | 'text-heading' | 'text-primary' | 'text-secondary' | 'text-brand' | 'text-inverse' | 'text-info' | 'text-warn' | 'text-success' | 'text-danger' | 'border-subtle' | 'border-default' | 'border-strong' | 'border-brand' | 'border-info' | 'border-success' | 'border-warn' | 'border-danger' | 'bg-info' | 'bg-info-hover' | 'bg-info-active' | 'bg-info-disabled' | 'bg-info-subtle' | 'bg-success' | 'bg-success-hover' | 'bg-success-active' | 'bg-success-disabled' | 'bg-success-subtle' | 'bg-warn' | 'bg-warn-hover' | 'bg-warn-active' | 'bg-warn-disabled' | 'bg-warn-subtle' | 'bg-danger' | 'bg-danger-hover' | 'bg-danger-active' | 'bg-danger-disabled' | 'bg-danger-subtle' | 'scroll-bg' | 'scroll-thumb' | 'scroll-thumb-hover' | 'meta-brand-palette';
-export declare const PALETTE_NAMES: readonly ["blue", "orange", "purple", "red", "green", "danger", "success", "information", "neutral"];
+export type SemanticColorToken = 'bg-canvas' | 'bg-surface' | 'bg-surface-alt' | 'bg-element' | 'bg-element-hover' | 'bg-element-active' | 'bg-neutral' | 'bg-neutral-hover' | 'bg-neutral-active' | 'primary' | 'primary-hover' | 'primary-active' | 'primary-subtle' | 'on-primary' | 'on-primary-hover' | 'on-primary-active' | 'accent' | 'accent-hover' | 'accent-active' | 'accent-subtle' | 'on-accent' | 'on-accent-hover' | 'on-accent-active' | 'text-accent' | 'border-accent' | 'text-heading' | 'text-primary' | 'text-secondary' | 'text-brand' | 'text-inverse' | 'text-info' | 'text-warn' | 'text-success' | 'text-danger' | 'border-subtle' | 'border-default' | 'border-strong' | 'border-brand' | 'border-info' | 'border-success' | 'border-warn' | 'border-danger' | 'bg-info' | 'bg-info-hover' | 'bg-info-active' | 'bg-info-disabled' | 'bg-info-subtle' | 'bg-success' | 'bg-success-hover' | 'bg-success-active' | 'bg-success-disabled' | 'bg-success-subtle' | 'bg-warn' | 'bg-warn-hover' | 'bg-warn-active' | 'bg-warn-disabled' | 'bg-warn-subtle' | 'bg-danger' | 'bg-danger-hover' | 'bg-danger-active' | 'bg-danger-disabled' | 'bg-danger-subtle' | 'scroll-bg' | 'scroll-thumb' | 'scroll-thumb-hover' | 'meta-brand-palette' | 'meta-accent-palette';
+export declare const PALETTE_NAMES: readonly ["primary", "accent", "graphite", "sky-blue", "azure", "coral", "violet", "teal", "tangerine", "indigo", "scarlet", "cyan", "lime", "cool-violet", "cyber-yellow", "cyber-slate", "blue", "orange", "purple", "red", "green", "danger", "warn", "success", "information", "neutral"];
 export declare const SHADE_NUMBERS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000];
 export declare const TOKEN_PREFIX = "bx";
 export declare const TOKEN_DELIMITER = "-";
@@ -347,6 +358,8 @@ export declare function getComplementaryToken(token: Color): Color;
  * Provides the inverted value of a given token color
  */
 export declare function invertPaletteToken(token: Color): Color;
+/** Resolve persisted and pre-rename palette IDs without resetting a user's selection. */
+export declare function resolveThemeId(value: string | null | undefined): BxThemeId | undefined;
 export declare function uuidv4(): string;
-/** Keep a portalled surface in its source theme without freezing global appearance settings. */
-export declare function inheritOverlayTheme(source: HTMLElement, pane: HTMLElement): () => void;
+export declare function inheritOverlayTheme(source: HTMLElement, pane: HTMLElement): () => void;
+export declare function trackOverlayOrigin(overlay: OverlayRef, origin: HTMLElement): () => void;

package/types/filip.mazev-blocks-forms.d.ts

@@ -4,7 +4,7 @@ import { BxBaseControl, ResolvableText } from "@filip.mazev/blocks/core";
 import { CdkConnectedOverlay, ConnectionPositionPair } from "@angular/cdk/overlay";
 import { IconName } from "@filip.mazev/blocks/icons";
 export type ButtonVariant = 'text' | 'filled' | 'tonal' | 'icon' | 'fab' | 'mini-fab' | 'extended-fab';
-export type ButtonColor = 'primary' | 'success' | 'danger' | 'info' | 'warn' | 'grayscale';
+export type ButtonColor = 'primary' | 'accent' | 'success' | 'danger' | 'info' | 'warn' | 'grayscale';
 export type InputFieldTypes = 'text' | 'password' | 'email' | 'number' | 'date' | 'time' | 'datetime-local';
 export declare class Button {
   private readonly appearance;
@@ -255,7 +255,7 @@ export declare class Select<T> extends BxBaseControl<T> implements OnInit, OnDes
   private transition?;
   private disconnectTheme?;
   private disconnectLighting?;
-  private disconnectScroll?;
+  private disconnectOrigin?;
   private transitionRevision;
   private focusOnOpen;
   private connectedOverlay?;
@@ -277,7 +277,6 @@ export declare class Select<T> extends BxBaseControl<T> implements OnInit, OnDes
   protected onOutsideClick(event: MouseEvent): void;
   protected selectOption(option: BxSelectOption<T>): void;
   protected onSearchChange(value: string): void;
-  private trackPanelScroll;
   private panelItems;
   private resolveText;
   static ɵfac: i0.ɵɵFactoryDeclaration<Select<any>, never>;