orbiq-neural-ui-kit 1.2.36 → 1.2.37
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.
|
@@ -510,7 +510,9 @@ class NeuralButtonComponent {
|
|
|
510
510
|
red: 'text-ink-red-7 bg-surface-base border border-outline-red-1 hover:border-outline-red-3 active:border-outline-red-3 active:bg-surface-red-3',
|
|
511
511
|
};
|
|
512
512
|
const ghostClasses = {
|
|
513
|
-
gray:
|
|
513
|
+
gray: this.iconOnly()
|
|
514
|
+
? 'text-ink-gray-6 bg-transparent hover:bg-surface-gray-2 hover:text-ink-gray-9 active:bg-surface-gray-3'
|
|
515
|
+
: 'text-ink-gray-8 bg-transparent hover:bg-surface-gray-3 active:bg-surface-gray-4',
|
|
514
516
|
blue: 'text-ink-blue-5 bg-transparent hover:bg-surface-blue-3 active:bg-surface-blue-4',
|
|
515
517
|
green: 'text-ink-green-8 bg-transparent hover:bg-surface-green-3 active:bg-surface-green-4',
|
|
516
518
|
red: 'text-ink-red-7 bg-transparent hover:bg-surface-red-3 active:bg-surface-red-4',
|
|
@@ -550,13 +552,13 @@ class NeuralButtonComponent {
|
|
|
550
552
|
const stateClasses = this.disabled() ? disabledClasses : variantClasses;
|
|
551
553
|
const sizeClasses = this.iconOnly()
|
|
552
554
|
? {
|
|
553
|
-
xs: 'h-6 w-6 rounded-
|
|
554
|
-
sm: 'h-7 w-7 rounded-
|
|
555
|
-
md: 'h-10 w-10 rounded-
|
|
556
|
-
lg: 'h-12 w-12 rounded-
|
|
557
|
-
xl: 'h-14 w-14 rounded-
|
|
558
|
-
'2xl': 'h-16 w-16 rounded-
|
|
559
|
-
'3xl': 'h-20 w-20 rounded-
|
|
555
|
+
xs: 'h-6 w-6 rounded-md',
|
|
556
|
+
sm: 'h-7 w-7 rounded-md',
|
|
557
|
+
md: 'h-10 w-10 rounded-md',
|
|
558
|
+
lg: 'h-12 w-12 rounded-md',
|
|
559
|
+
xl: 'h-14 w-14 rounded-md',
|
|
560
|
+
'2xl': 'h-16 w-16 rounded-md',
|
|
561
|
+
'3xl': 'h-20 w-20 rounded-md',
|
|
560
562
|
}[s]
|
|
561
563
|
: {
|
|
562
564
|
xs: 'h-6 text-xs px-1.5 rounded-3',
|
|
@@ -586,7 +588,7 @@ class NeuralButtonComponent {
|
|
|
586
588
|
<button
|
|
587
589
|
[type]="type()"
|
|
588
590
|
[disabled]="isDisabled()"
|
|
589
|
-
[class]="'w-full ' + computedClasses()"
|
|
591
|
+
[class]="(iconOnly() ? '' : 'w-full ') + computedClasses()"
|
|
590
592
|
(click)="onClick($event)"
|
|
591
593
|
[attr.aria-busy]="loading() ? 'true' : null"
|
|
592
594
|
>
|
|
@@ -630,7 +632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
630
632
|
<button
|
|
631
633
|
[type]="type()"
|
|
632
634
|
[disabled]="isDisabled()"
|
|
633
|
-
[class]="'w-full ' + computedClasses()"
|
|
635
|
+
[class]="(iconOnly() ? '' : 'w-full ') + computedClasses()"
|
|
634
636
|
(click)="onClick($event)"
|
|
635
637
|
[attr.aria-busy]="loading() ? 'true' : null"
|
|
636
638
|
>
|
|
@@ -12799,7 +12801,7 @@ class NeuralDataTableComponent {
|
|
|
12799
12801
|
|
|
12800
12802
|
<!-- Right: Actions Toolbar -->
|
|
12801
12803
|
@if (viewMode() === 'list') {
|
|
12802
|
-
<div class="flex items-center gap-
|
|
12804
|
+
<div class="flex items-center gap-2">
|
|
12803
12805
|
|
|
12804
12806
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
12805
12807
|
<div class="flex items-center gap-0.5">
|
|
@@ -13036,7 +13038,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
13036
13038
|
|
|
13037
13039
|
<!-- Right: Actions Toolbar -->
|
|
13038
13040
|
@if (viewMode() === 'list') {
|
|
13039
|
-
<div class="flex items-center gap-
|
|
13041
|
+
<div class="flex items-center gap-2">
|
|
13040
13042
|
|
|
13041
13043
|
<!-- Built-in Actions Group (Clean, no background) -->
|
|
13042
13044
|
<div class="flex items-center gap-0.5">
|