orbiq-neural-ui-kit 1.2.47 → 1.2.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4519,7 +4519,7 @@ class NeuralPopoverPanelComponent {
4519
4519
  data-slot="content-body"
4520
4520
  data-panel
4521
4521
  data-motion="instant"
4522
- class="overflow-hidden rounded-6 bg-surface-elevation-2 shadow-2xl ring-1 ring-black/5 will-change-[opacity]"
4522
+ class="rounded-6 bg-surface-elevation-2 shadow-2xl ring-1 ring-black/5 will-change-[opacity]"
4523
4523
  >
4524
4524
  <ng-content></ng-content>
4525
4525
  </div>
@@ -4535,7 +4535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
4535
4535
  data-slot="content-body"
4536
4536
  data-panel
4537
4537
  data-motion="instant"
4538
- class="overflow-hidden rounded-6 bg-surface-elevation-2 shadow-2xl ring-1 ring-black/5 will-change-[opacity]"
4538
+ class="rounded-6 bg-surface-elevation-2 shadow-2xl ring-1 ring-black/5 will-change-[opacity]"
4539
4539
  >
4540
4540
  <ng-content></ng-content>
4541
4541
  </div>
@@ -4607,6 +4607,9 @@ class NeuralDropdownComponent {
4607
4607
  @if (option.icon) {
4608
4608
  <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
4609
4609
  }
4610
+ @if (option.imageUrl) {
4611
+ <img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
4612
+ }
4610
4613
  {{ option.label }}
4611
4614
  </div>
4612
4615
  <i class="lucide-chevron-right size-3 text-ink-gray-5"></i>
@@ -4631,9 +4634,12 @@ class NeuralDropdownComponent {
4631
4634
  @if (option.icon) {
4632
4635
  <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
4633
4636
  }
4637
+ @if (option.imageUrl) {
4638
+ <img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
4639
+ }
4634
4640
  {{ option.label }}
4635
4641
  @if (option.shortcut) {
4636
- <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
4642
+ <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider flex items-center leading-none translate-y-px">{{ option.shortcut }}</span>
4637
4643
  }
4638
4644
  </a>
4639
4645
  } @else {
@@ -4647,9 +4653,12 @@ class NeuralDropdownComponent {
4647
4653
  @if (option.icon) {
4648
4654
  <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
4649
4655
  }
4656
+ @if (option.imageUrl) {
4657
+ <img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
4658
+ }
4650
4659
  {{ option.label }}
4651
4660
  @if (option.shortcut) {
4652
- <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
4661
+ <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider flex items-center leading-none translate-y-px">{{ option.shortcut }}</span>
4653
4662
  }
4654
4663
  </button>
4655
4664
  }
@@ -4703,6 +4712,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
4703
4712
  @if (option.icon) {
4704
4713
  <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
4705
4714
  }
4715
+ @if (option.imageUrl) {
4716
+ <img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
4717
+ }
4706
4718
  {{ option.label }}
4707
4719
  </div>
4708
4720
  <i class="lucide-chevron-right size-3 text-ink-gray-5"></i>
@@ -4727,9 +4739,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
4727
4739
  @if (option.icon) {
4728
4740
  <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
4729
4741
  }
4742
+ @if (option.imageUrl) {
4743
+ <img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
4744
+ }
4730
4745
  {{ option.label }}
4731
4746
  @if (option.shortcut) {
4732
- <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
4747
+ <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider flex items-center leading-none translate-y-px">{{ option.shortcut }}</span>
4733
4748
  }
4734
4749
  </a>
4735
4750
  } @else {
@@ -4743,9 +4758,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
4743
4758
  @if (option.icon) {
4744
4759
  <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
4745
4760
  }
4761
+ @if (option.imageUrl) {
4762
+ <img [src]="option.imageUrl" class="size-4 rounded-sm object-cover" alt="" />
4763
+ }
4746
4764
  {{ option.label }}
4747
4765
  @if (option.shortcut) {
4748
- <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
4766
+ <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider flex items-center leading-none translate-y-px">{{ option.shortcut }}</span>
4749
4767
  }
4750
4768
  </button>
4751
4769
  }