fix(core/chip): applied inactive state to host (#1683)

Co-authored-by: Demirci <ridvan.demirci@siemens.com>
Co-authored-by: Daniel Leroux <daniel.leroux@siemens.com>
Co-authored-by: AndreasBerliner <41509230+AndreasBerliner@users.noreply.github.com>

.changeset/brave-jeans-approve.md

@@ -0,0 +1,7 @@
+---
+"@siemens/ix": patch
+---
+
+`active=false` of the `ix-chip` will now show the chip as not interactable.
+
+Fixed #1656

packages/core/src/components/chip/chip.tsx

@@ -128,6 +128,9 @@ export class Chip {
       <Host
         tabIndex="-1"
         title={this.hostElement.textContent}
+        class={{
+          inactive: isInactive,
+        }}
         style={
           this.variant === 'custom'
             ? {

packages/core/src/components/chip/test/chip.ct.ts

@@ -6,8 +6,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { test } from '@utils/test';
 import { expect } from '@playwright/test';
+import { test } from '@utils/test';
 
 test('renders', async ({ mount, page }) => {
   await mount(`<ix-chip></ix-chip>`);
@@ -52,3 +52,9 @@ test.describe('chip test', () => {
     expect(normalChipSize.width).toEqual(outlineChipSize.width);
   });
 });
+
+test('check inactive class', async ({ mount, page }) => {
+  await mount(`<ix-chip active="false">test</ix-chip>`);
+  const chip = page.locator('ix-chip');
+  await expect(chip).toHaveClass('inactive hydrated');
+});