orbiq-neural-ui-kit 1.0.27 → 1.0.29

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

@@ -7403,9 +7403,9 @@ class NeuralSearchTriggerComponent {
         <span class="text-[13px]">{{ placeholder() }}</span>
       </div>
       @if (combo()) {
-        <kbd class="hidden sm:inline-flex items-center font-sans text-[11px] font-medium text-ink-gray-4 bg-surface-base border border-outline-gray-2 rounded-4 px-1.5 shadow-sm group-hover:text-ink-gray-6 transition-colors">
+        <div class="hidden sm:inline-flex items-center text-ink-gray-4 group-hover:text-ink-gray-6 transition-colors">
           <neural-keyboard-shortcut [combo]="combo()" [bg]="false" [showPlus]="false"></neural-keyboard-shortcut>
-        </kbd>
+        </div>
       }
     </button>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NeuralIconComponent, selector: "neural-icon", inputs: ["name"] }, { kind: "component", type: NeuralKeyboardShortcutComponent, selector: "neural-keyboard-shortcut", inputs: ["combo", "bg", "showPlus", "useIcons"] }] });
@@ -7427,9 +7427,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         <span class="text-[13px]">{{ placeholder() }}</span>
       </div>
       @if (combo()) {
-        <kbd class="hidden sm:inline-flex items-center font-sans text-[11px] font-medium text-ink-gray-4 bg-surface-base border border-outline-gray-2 rounded-4 px-1.5 shadow-sm group-hover:text-ink-gray-6 transition-colors">
+        <div class="hidden sm:inline-flex items-center text-ink-gray-4 group-hover:text-ink-gray-6 transition-colors">
           <neural-keyboard-shortcut [combo]="combo()" [bg]="false" [showPlus]="false"></neural-keyboard-shortcut>
-        </kbd>
+        </div>
       }
     </button>
   `
@@ -13706,9 +13706,15 @@ class NeuralKeyboardShortcutsDialogComponent {
     <neural-dialog [(openModel)]="openModel" size="4xl" [hasTitleSlot]="true" [hasDefaultSlot]="true">
       <div title class="flex items-center justify-between w-full pr-4">
         <h3 class="text-[16px] font-semibold text-ink-gray-9">Keyboard Shortcuts</h3>
-        <div class="relative w-64">
-          <input type="text" [(ngModel)]="searchText" placeholder="Search shortcuts" 
-            class="w-full h-8 px-3 rounded-md border border-outline-gray-2 bg-surface-base text-[13px] text-ink-gray-8 focus:outline-none focus:ring-1 focus:ring-outline-gray-4 focus:border-outline-gray-4 transition-colors">
+        <div class="w-64">
+          <neural-text-input 
+            [(valueModel)]="searchText" 
+            placeholder="Search shortcuts" 
+            variant="outline"
+            size="sm"
+          >
+            <span prefix><i class="lucide-search size-4 text-ink-gray-4"></i></span>
+          </neural-text-input>
         </div>
       </div>
 
@@ -13739,21 +13745,27 @@ class NeuralKeyboardShortcutsDialogComponent {
         }
       </div>
     </neural-dialog>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralKeyboardShortcutComponent, selector: "neural-keyboard-shortcut", inputs: ["combo", "bg", "showPlus", "useIcons"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralKeyboardShortcutComponent, selector: "neural-keyboard-shortcut", inputs: ["combo", "bg", "showPlus", "useIcons"] }, { kind: "component", type: NeuralTextInputComponent, selector: "neural-text-input", inputs: ["valueModel", "type", "size", "variant", "placeholder", "disabled", "readonly", "required", "label", "description", "error", "id", "debounce", "wrapperClass", "wrapperStyle", "hasLabelSlot", "hasDescriptionSlot", "hasPrefixSlot", "hasSuffixSlot"], outputs: ["valueModelChange", "debounceChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralKeyboardShortcutsDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'neural-keyboard-shortcuts-dialog',
                     standalone: true,
-                    imports: [CommonModule, FormsModule, NeuralDialogComponent, NeuralKeyboardShortcutComponent],
+                    imports: [CommonModule, FormsModule, NeuralDialogComponent, NeuralKeyboardShortcutComponent, NeuralTextInputComponent],
                     template: `
     <neural-dialog [(openModel)]="openModel" size="4xl" [hasTitleSlot]="true" [hasDefaultSlot]="true">
       <div title class="flex items-center justify-between w-full pr-4">
         <h3 class="text-[16px] font-semibold text-ink-gray-9">Keyboard Shortcuts</h3>
-        <div class="relative w-64">
-          <input type="text" [(ngModel)]="searchText" placeholder="Search shortcuts" 
-            class="w-full h-8 px-3 rounded-md border border-outline-gray-2 bg-surface-base text-[13px] text-ink-gray-8 focus:outline-none focus:ring-1 focus:ring-outline-gray-4 focus:border-outline-gray-4 transition-colors">
+        <div class="w-64">
+          <neural-text-input 
+            [(valueModel)]="searchText" 
+            placeholder="Search shortcuts" 
+            variant="outline"
+            size="sm"
+          >
+            <span prefix><i class="lucide-search size-4 text-ink-gray-4"></i></span>
+          </neural-text-input>
         </div>
       </div>