orbiq-neural-ui-kit 1.1.32 → 1.1.33

package/fesm2022/orbiq-neural-ui-kit.mjs

@@ -490,7 +490,7 @@ class NeuralButtonComponent {
         const t = this.theme();
         const s = this.size();
         const solidClasses = {
-            gray: 'text-white bg-ink-gray-8 hover:bg-ink-gray-9 active:bg-surface-gray-8',
+            gray: 'text-white bg-gray-800 hover:bg-gray-900 active:bg-surface-gray-8',
             blue: 'text-ink-base bg-surface-blue-6 hover:bg-surface-blue-7 active:bg-surface-blue-8',
             green: 'text-ink-base bg-surface-green-7 hover:bg-surface-green-8 active:bg-surface-green-9',
             red: 'text-ink-base dark:text-ink-red-9 bg-surface-red-7 hover:bg-surface-red-8 active:bg-surface-red-9',
@@ -576,11 +576,11 @@ class NeuralButtonComponent {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "computedClasses" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralButtonComponent, isStandalone: true, selector: "neural-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralButtonComponent, isStandalone: true, selector: "neural-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { styleAttribute: "display: inline-block" }, ngImport: i0, template: `
     <button
       [type]="type()"
       [disabled]="isDisabled()"
-      [class]="computedClasses()"
+      [class]="'w-full ' + computedClasses()"
       (click)="onClick($event)"
       [attr.aria-busy]="loading() ? 'true' : null"
     >
@@ -619,11 +619,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     selector: 'neural-button',
                     standalone: true,
                     imports: [CommonModule, NeuralIconComponent],
+                    host: { style: 'display: inline-block' },
                     template: `
     <button
       [type]="type()"
       [disabled]="isDisabled()"
-      [class]="computedClasses()"
+      [class]="'w-full ' + computedClasses()"
       (click)="onClick($event)"
       [attr.aria-busy]="loading() ? 'true' : null"
     >
@@ -8434,8 +8435,12 @@ class NeuralDialogComponent {
         <div class="relative flex min-h-screen flex-col items-center px-4 py-4 text-center" [class]="dialogPositionClasses()" [style]="dialogPositionStyles()">
           <div class="my-8 inline-block w-full transform overflow-hidden rounded-7 bg-surface-elevation-1 text-start align-middle shadow-xl dialog-content focus-visible:outline-none" [class]="sizeClass()">
             
-            @if (bare()) {
+            <ng-template #defaultContent>
               <ng-content></ng-content>
+            </ng-template>
+
+            @if (bare()) {
+              <ng-container *ngTemplateOutlet="defaultContent"></ng-container>
             } @else {
               <!-- Diseño estándar con Header y Body -->
               <div class="bg-surface-elevation-1 px-4 pb-6 pt-5 sm:px-6">
@@ -8459,7 +8464,7 @@ class NeuralDialogComponent {
                 
                 <div [class]="icon() ? 'ml-14 mt-2' : 'mt-3'">
                   @if (hasDefaultSlot()) {
-                    <ng-content></ng-content>
+                    <ng-container *ngTemplateOutlet="defaultContent"></ng-container>
                   } @else if (message()) {
                     <p class="text-p-base text-ink-gray-7">{{ message() }}</p>
                   }
@@ -8488,7 +8493,7 @@ class NeuralDialogComponent {
         </div>
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDialogComponent, decorators: [{
             type: Component,
@@ -8504,8 +8509,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         <div class="relative flex min-h-screen flex-col items-center px-4 py-4 text-center" [class]="dialogPositionClasses()" [style]="dialogPositionStyles()">
           <div class="my-8 inline-block w-full transform overflow-hidden rounded-7 bg-surface-elevation-1 text-start align-middle shadow-xl dialog-content focus-visible:outline-none" [class]="sizeClass()">
             
-            @if (bare()) {
+            <ng-template #defaultContent>
               <ng-content></ng-content>
+            </ng-template>
+
+            @if (bare()) {
+              <ng-container *ngTemplateOutlet="defaultContent"></ng-container>
             } @else {
               <!-- Diseño estándar con Header y Body -->
               <div class="bg-surface-elevation-1 px-4 pb-6 pt-5 sm:px-6">
@@ -8529,7 +8538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 
                 <div [class]="icon() ? 'ml-14 mt-2' : 'mt-3'">
                   @if (hasDefaultSlot()) {
-                    <ng-content></ng-content>
+                    <ng-container *ngTemplateOutlet="defaultContent"></ng-container>
                   } @else if (message()) {
                     <p class="text-p-base text-ink-gray-7">{{ message() }}</p>
                   }