codexly-ui 0.10.98 → 0.10.100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.10.98",
+  "version": "0.10.100",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -532,11 +532,12 @@ declare class ClxStepperComponent {
         label: string;
         desc: string;
         connector: string;
+        connectorOffsetH: string;
     }>;
     protected readonly _hostClass: _angular_core.Signal<"flex flex-col w-full" | "flex flex-row items-start w-full">;
-    protected readonly _stepWrapClass: _angular_core.Signal<"flex flex-col items-center flex-1 min-w-0" | "flex flex-row gap-3">;
-    protected readonly _axisClass: _angular_core.Signal<"flex flex-row items-center w-full" | "flex flex-col items-center shrink-0">;
-    protected readonly _labelWrapClass: _angular_core.Signal<"flex flex-col items-center text-center mt-2 px-1" | "flex flex-col justify-center pb-6 min-w-0">;
+    protected readonly _stepWrapClass: _angular_core.Signal<"flex flex-row items-start flex-1 min-w-0" | "flex flex-row">;
+    protected readonly _circleColClass: _angular_core.Signal<string>;
+    protected readonly _labelWrapClass: _angular_core.Signal<"flex flex-col items-center text-center mt-2 px-1 max-w-[8rem]" | "flex flex-col justify-center pb-6 min-w-0">;
     protected _circleClass(status: ClxStepperStep['status']): string;
     protected _connectorClass(status: ClxStepperStep['status']): string;
     protected _labelClass(status: ClxStepperStep['status']): string;
@@ -1929,12 +1930,20 @@ declare class ClxAppLayoutComponent implements OnInit, OnDestroy {
 }
 
 declare class ClxBrandComponent {
+    private readonly _sanitizer;
     readonly logo: _angular_core.InputSignal<string>;
     readonly name: _angular_core.InputSignal<string>;
+    /** Optional rich-text brand name (e.g. per-word colored spans) — takes over from the plain
+     *  `name` text when set, which still backs the logo's `alt` and the fallback rendering. Caller
+     *  is responsible for only ever passing admin-authored content here, never unescaped user input —
+     *  this component trusts it as-is (bypassSecurityTrustHtml), same as ClxSocialIconComponent's
+     *  internal SVG markup. */
+    readonly nameHtml: _angular_core.InputSignal<string | null | undefined>;
     readonly description: _angular_core.InputSignal<string>;
     readonly collapsed: _angular_core.InputSignal<boolean>;
+    protected readonly _safeNameHtml: _angular_core.Signal<SafeHtml>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBrandComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxBrandComponent, "clx-brand", never, { "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxBrandComponent, "clx-brand", never, { "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "nameHtml": { "alias": "nameHtml"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type ClxFontFamily = 'Roboto' | 'Inter' | 'Poppins' | 'Plus Jakarta Sans' | 'Nunito' | 'DM Sans' | 'Geist' | 'Lato' | 'Montserrat' | 'Open Sans' | 'Work Sans' | 'Manrope' | 'Sora' | 'Outfit' | 'Rubik' | 'Source Sans 3' | 'Space Grotesk' | 'Merriweather' | 'Playfair Display' | 'Lora' | 'PT Serif' | 'Caveat' | 'Dancing Script' | 'Cinzel' | 'Berkshire Swash' | 'JetBrains Mono' | 'Orbitron' | 'UnifrakturMaguntia' | 'Pirata One' | 'Press Start 2P' | 'Bungee';