orbiq-neural-ui-kit 1.2.50 → 1.2.52

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

@@ -398,7 +398,7 @@ class NeuralIconComponent {
     @if (isLucideIcon()) {
       <span [class]="name()" aria-hidden="true"></span>
     } @else if (isEmojiIcon()) {
-      <span class="inline-flex items-center justify-center leading-none" aria-hidden="true">
+      <span class="inline-flex items-center justify-center" aria-hidden="true">
         {{ name() }}
       </span>
     } @else {
@@ -417,7 +417,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     @if (isLucideIcon()) {
       <span [class]="name()" aria-hidden="true"></span>
     } @else if (isEmojiIcon()) {
-      <span class="inline-flex items-center justify-center leading-none" aria-hidden="true">
+      <span class="inline-flex items-center justify-center" aria-hidden="true">
         {{ name() }}
       </span>
     } @else {
@@ -3085,7 +3085,7 @@ class NeuralSwitchComponent {
     ...(ngDevMode ? [{ debugName: "switchCircleClasses" }] : /* istanbul ignore next */ []));
     switchLabelClasses = computed(() => {
         return [
-            'leading-tight select-none',
+            'select-none',
             this.disabled() ? 'cursor-not-allowed' : 'cursor-pointer',
         ].join(' ');
     }, /* @ts-ignore */
@@ -4616,7 +4616,7 @@ class NeuralDropdownComponent {
                 </button>
                 
                 <!-- Nested Panel -->
-                <div class="absolute left-full top-0 hidden group-hover:block pl-1.5 z-50">
+                <div class="absolute left-full top-0 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 delay-100 group-hover:delay-150 pl-1.5 z-50">
                   <neural-popover-panel class="block min-w-[180px]">
                     <ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
                   </neural-popover-panel>
@@ -4721,7 +4721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 </button>
                 
                 <!-- Nested Panel -->
-                <div class="absolute left-full top-0 hidden group-hover:block pl-1.5 z-50">
+                <div class="absolute left-full top-0 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 delay-100 group-hover:delay-150 pl-1.5 z-50">
                   <neural-popover-panel class="block min-w-[180px]">
                     <ng-container *ngTemplateOutlet="menuList; context: { $implicit: option.children, popover: popover }"></ng-container>
                   </neural-popover-panel>
@@ -6013,12 +6013,12 @@ class NeuralKeyboardShortcutComponent {
               @if (iconFor(part)) {
                 <neural-icon [name]="iconFor(part)!" class="size-3"></neural-icon>
               } @else {
-                <span class="leading-none uppercase">{{ part.display }}</span>
+                <span class="uppercase">{{ part.display }}</span>
               }
             </span>
           }
           @if ($index < parsedParts().length - 1 && showPlus()) {
-            <span class="font-mono text-[10px] leading-none opacity-60">+</span>
+            <span class="text-[10px] opacity-60">+</span>
           }
         }
       } @else {
@@ -6062,12 +6062,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
               @if (iconFor(part)) {
                 <neural-icon [name]="iconFor(part)!" class="size-3"></neural-icon>
               } @else {
-                <span class="leading-none uppercase">{{ part.display }}</span>
+                <span class="uppercase">{{ part.display }}</span>
               }
             </span>
           }
           @if ($index < parsedParts().length - 1 && showPlus()) {
-            <span class="font-mono text-[10px] leading-none opacity-60">+</span>
+            <span class="text-[10px] opacity-60">+</span>
           }
         }
       } @else {
@@ -7278,7 +7278,7 @@ class NeuralRatingComponent {
       }
 
       <div
-        class="rating-stars inline-flex shrink-0 gap-0.5 leading-none rounded-1 outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-4"
+        class="rating-stars inline-flex shrink-0 gap-0.5 rounded-1 outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-4"
         [attr.role]="isSliderMode() ? 'slider' : 'radiogroup'"
         [attr.tabindex]="rootTabindex()"
         [attr.aria-required]="!isSliderMode() && required() ? true : undefined"
@@ -7362,7 +7362,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
       }
 
       <div
-        class="rating-stars inline-flex shrink-0 gap-0.5 leading-none rounded-1 outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-4"
+        class="rating-stars inline-flex shrink-0 gap-0.5 rounded-1 outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-4"
         [attr.role]="isSliderMode() ? 'slider' : 'radiogroup'"
         [attr.tabindex]="rootTabindex()"
         [attr.aria-required]="!isSliderMode() && required() ? true : undefined"
@@ -11491,7 +11491,7 @@ class NeuralContextMenuComponent {
       >
         @for (option of options(); track option.label) {
           @if (option.options && option.options.length > 0) {
-             <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase tracking-wider">
+             <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase">
                {{ option.label }}
              </div>
              @for (subOption of option.options; track subOption.label) {
@@ -11550,7 +11550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
       >
         @for (option of options(); track option.label) {
           @if (option.options && option.options.length > 0) {
-             <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase tracking-wider">
+             <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase">
                {{ option.label }}
              </div>
              @for (subOption of option.options; track subOption.label) {
@@ -13332,7 +13332,7 @@ class NeuralMenuComponent {
     >
       @for (option of options(); track option.label) {
         @if (option.options && option.options.length > 0) {
-           <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase tracking-wider">
+           <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase">
              {{ option.label }}
            </div>
            @for (subOption of option.options; track subOption.label) {
@@ -13383,7 +13383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     >
       @for (option of options(); track option.label) {
         @if (option.options && option.options.length > 0) {
-           <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase tracking-wider">
+           <div class="px-2 py-1.5 text-xs font-semibold text-ink-gray-5 uppercase">
              {{ option.label }}
            </div>
            @for (subOption of option.options; track subOption.label) {
@@ -13882,7 +13882,7 @@ class NeuralRailItemComponent {
         <div class="leading-relaxed">
           <div>{{ label() }}</div>
           @if (tooltipDescription()) {
-            <div class="text-[13px] leading-tight text-ink-gray-5">
+            <div class="text-[13px] text-ink-gray-5">
               {{ tooltipDescription() }}
             </div>
           }
@@ -13964,7 +13964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         <div class="leading-relaxed">
           <div>{{ label() }}</div>
           @if (tooltipDescription()) {
-            <div class="text-[13px] leading-tight text-ink-gray-5">
+            <div class="text-[13px] text-ink-gray-5">
               {{ tooltipDescription() }}
             </div>
           }
@@ -14717,9 +14717,9 @@ class NeuralSidebarHeaderComponent {
         <div class="flex flex-col flex-1 min-w-0 transition-all duration-200"
           [class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
         >
-          <span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
+          <span class="text-[14px] font-medium text-ink-gray-9 truncate">{{ title() }}</span>
           @if (subtitle()) {
-            <span class="text-xs text-ink-gray-5 truncate leading-tight">{{ subtitle() }}</span>
+            <span class="text-xs text-ink-gray-5 truncate">{{ subtitle() }}</span>
           }
         </div>
 
@@ -14760,9 +14760,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         <div class="flex flex-col flex-1 min-w-0 transition-all duration-200"
           [class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
         >
-          <span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
+          <span class="text-[14px] font-medium text-ink-gray-9 truncate">{{ title() }}</span>
           @if (subtitle()) {
-            <span class="text-xs text-ink-gray-5 truncate leading-tight">{{ subtitle() }}</span>
+            <span class="text-xs text-ink-gray-5 truncate">{{ subtitle() }}</span>
           }
         </div>
 
@@ -15031,7 +15031,7 @@ class NeuralKeyboardShortcutsDialogComponent {
                     <neural-keyboard-shortcut [combo]="shortcut.combo" [bg]="true"></neural-keyboard-shortcut>
                     
                     @if (shortcut.alternativeCombo) {
-                      <span class="text-ink-gray-4 text-xs font-mono">/</span>
+                      <span class="text-ink-gray-4 text-xs">/</span>
                       <neural-keyboard-shortcut 
                         [combo]="shortcut.alternativeCombo" 
                         [bg]="true" 
@@ -15082,7 +15082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     <neural-keyboard-shortcut [combo]="shortcut.combo" [bg]="true"></neural-keyboard-shortcut>
                     
                     @if (shortcut.alternativeCombo) {
-                      <span class="text-ink-gray-4 text-xs font-mono">/</span>
+                      <span class="text-ink-gray-4 text-xs">/</span>
                       <neural-keyboard-shortcut 
                         [combo]="shortcut.alternativeCombo" 
                         [bg]="true" 
@@ -15500,7 +15500,7 @@ class NeuralSubGridComponent {
               </th>
               @for (col of columns(); track col.key) {
                 <th 
-                  class="px-3 py-2 text-[12px] font-semibold text-ink-gray-6 uppercase tracking-wider"
+                  class="px-3 py-2 text-[12px] font-semibold text-ink-gray-6 uppercase"
                   [style.width]="col.width || 'auto'"
                   [ngClass]="{
                     'text-left': !col.align || col.align === 'left',
@@ -15602,7 +15602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
               </th>
               @for (col of columns(); track col.key) {
                 <th 
-                  class="px-3 py-2 text-[12px] font-semibold text-ink-gray-6 uppercase tracking-wider"
+                  class="px-3 py-2 text-[12px] font-semibold text-ink-gray-6 uppercase"
                   [style.width]="col.width || 'auto'"
                   [ngClass]="{
                     'text-left': !col.align || col.align === 'left',