codexly-ui 0.0.43 → 0.0.45

package/assets/styles/_safelist.css

@@ -0,0 +1,5 @@
+/* ── Safelist: all color shades for dynamic class binding ── */
+@source inline("{bg,hover:bg,ring,hover:ring,focus:ring,focus-within:ring,hover:border,border,focus:border,focus-within:border,text}-{red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose,slate,gray,zinc,neutral,stone}-{50,100,200,300,400,500,600,700,800,900,950}{/10,/20,/25,/50,/75,}");
+@source inline("{bg,hover:bg,focus:ring,focus-within:ring,border,focus:border,focus-within:border,hover:border}-{white,black,transparent}");
+@source inline("text-{black,white}");
+@source inline("focus:ring-2 focus-within:ring-2 ring-2");

package/fesm2022/codexly-ui.mjs

@@ -11631,9 +11631,9 @@ class ClxProfileComponent {
         @if (menuItems().length) {
           <div class="p-1.5">
             @for (item of menuItems(); track item.action) {
-              <button clx-button variant="ghost" color="slate" class="w-full justify-start gap-3 rounded-xl!"
+              <button clx-button variant="ghost" [color]="color()" [block]="true" [icon]="item.icon"
+                class="justify-start rounded-xl!"
                 (click)="_onAction(item.action)">
-                <span clx-icon [name]="item.icon" size="sm"></span>
                 {{ item.label }}
               </button>
             }
@@ -11643,23 +11643,23 @@ class ClxProfileComponent {
 
         <!-- Sign out -->
         <div class="p-1.5">
-          <button clx-button variant="ghost" color="red" class="w-full justify-start gap-3 rounded-xl!"
+          <button clx-button variant="ghost" color="red" [block]="true" icon="logout"
+            class="justify-start rounded-xl!"
             (click)="_onSignOut()">
-            <span clx-icon name="logout" size="sm"></span>
             {{ signOutLabel() }}
           </button>
         </div>
 
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ClxAvatarComponent, selector: "clx-avatar", inputs: ["src", "initials", "iconName", "color", "size", "shape", "alt"] }, { kind: "component", type: ClxIconComponent, selector: "span[clx-icon]", inputs: ["name", "size", "color", "fill"] }, { kind: "component", type: ClxButtonComponent, selector: "button[clx-button], a[clx-button]", inputs: ["variant", "color", "size", "shape", "loading", "disabled", "block", "icon", "iconPosition", "iconOnly", "badge", "badgeColor"] }, { kind: "component", type: ClxBadgeComponent, selector: "span[clx-badge]", inputs: ["variant", "color", "size", "shape", "positioned"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ClxAvatarComponent, selector: "clx-avatar", inputs: ["src", "initials", "iconName", "color", "size", "shape", "alt"] }, { kind: "component", type: ClxButtonComponent, selector: "button[clx-button], a[clx-button]", inputs: ["variant", "color", "size", "shape", "loading", "disabled", "block", "icon", "iconPosition", "iconOnly", "badge", "badgeColor"] }, { kind: "component", type: ClxBadgeComponent, selector: "span[clx-badge]", inputs: ["variant", "color", "size", "shape", "positioned"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxProfileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'clx-profile',
                     standalone: true,
-                    imports: [OverlayModule, ClxAvatarComponent, ClxIconComponent, ClxButtonComponent, ClxBadgeComponent],
+                    imports: [OverlayModule, ClxAvatarComponent, ClxButtonComponent, ClxBadgeComponent],
                     template: `
     <!-- ── Trigger ─────────────────────────────────────────────────────────── -->
     <button
@@ -11712,9 +11712,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
         @if (menuItems().length) {
           <div class="p-1.5">
             @for (item of menuItems(); track item.action) {
-              <button clx-button variant="ghost" color="slate" class="w-full justify-start gap-3 rounded-xl!"
+              <button clx-button variant="ghost" [color]="color()" [block]="true" [icon]="item.icon"
+                class="justify-start rounded-xl!"
                 (click)="_onAction(item.action)">
-                <span clx-icon [name]="item.icon" size="sm"></span>
                 {{ item.label }}
               </button>
             }
@@ -11724,9 +11724,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
 
         <!-- Sign out -->
         <div class="p-1.5">
-          <button clx-button variant="ghost" color="red" class="w-full justify-start gap-3 rounded-xl!"
+          <button clx-button variant="ghost" color="red" [block]="true" icon="logout"
+            class="justify-start rounded-xl!"
             (click)="_onSignOut()">
-            <span clx-icon name="logout" size="sm"></span>
             {{ signOutLabel() }}
           </button>
         </div>