diff --git a/libs/components/src/chip-select/chip-select.component.html b/libs/components/src/chip-select/chip-select.component.html index 388c13f13a7..61dbc36e48b 100644 --- a/libs/components/src/chip-select/chip-select.component.html +++ b/libs/components/src/chip-select/chip-select.component.html @@ -3,11 +3,11 @@ class="tw-inline-flex tw-items-center tw-rounded-full tw-w-full tw-border-solid tw-border tw-gap-1.5 tw-group/chip-select" [ngClass]="{ 'tw-bg-text-muted hover:tw-bg-secondary-700 tw-text-contrast hover:!tw-border-secondary-700': - selectedOption && !disabled(), + selectedOption && !disabled, 'tw-bg-transparent hover:tw-border-secondary-700 !tw-text-muted hover:tw-bg-secondary-100': - !selectedOption && !disabled(), - 'tw-bg-secondary-300 tw-text-muted tw-border-transparent': disabled(), - 'tw-border-text-muted': !disabled(), + !selectedOption && !disabled, + 'tw-bg-secondary-300 tw-text-muted tw-border-transparent': disabled, + 'tw-border-text-muted': !disabled, 'tw-ring-2 tw-ring-primary-600 tw-ring-offset-1': focusVisibleWithin(), }" > @@ -17,11 +17,11 @@ class="tw-inline-flex tw-gap-1.5 tw-items-center tw-justify-between tw-bg-transparent hover:tw-bg-transparent tw-border-none tw-outline-none tw-w-full tw-py-1 tw-ps-3 last:tw-pe-3 [&:not(:last-child)]:tw-pe-0 tw-truncate tw-text-[color:inherit] tw-text-[length:inherit]" data-fvw-target [ngClass]="{ - 'tw-cursor-not-allowed': disabled(), - 'group-hover/chip-select:tw-text-secondary-700': !selectedOption && !disabled(), + 'tw-cursor-not-allowed': disabled, + 'group-hover/chip-select:tw-text-secondary-700': !selectedOption && !disabled, }" [bitMenuTriggerFor]="menu" - [disabled]="disabled()" + [disabled]="disabled" [title]="label" #menuTrigger="menuTrigger" (click)="setMenuWidth()" @@ -45,10 +45,10 @@