From 6b2e4015a1e26495f9d1ea059f678a4f119eabd3 Mon Sep 17 00:00:00 2001
From: Pipicz Petra <ppipicz24@gmail.com>
Date: Mon, 20 Jul 2026 13:29:00 +0200
Subject: [PATCH 1/2] feat(demo&code): remove dark/light button and open code
 button

---
 .../demo-and-code.component.html              | 24 -------------------
 .../demo-and-code/demo-and-code.component.ts  | 10 --------
 2 files changed, 34 deletions(-)

diff --git a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html
index 928c9429..f779786b 100644
--- a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html
+++ b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html
@@ -5,30 +5,6 @@ <h2>Examples</h2>
     <div class="flex flex-col lg:flex-row lg:justify-between lg:items-center p-4" id="header">
       <h3>Component preview</h3>
       <div class="flex flex-col lg:flex-row lg:items-center gap-ids-container-gap-8">
-        <button
-          type="button"
-          idsIconButton
-          appearance="standard"
-          size="comfortable"
-          variant="primary"
-          [attr.aria-pressed]="isDark()"
-          (click)="toggleDark()"
-        >
-          <ids-icon icon-leading [fontIcon]="isDark() ? 'light-mode' : 'dark-mode'" />
-        </button>
-        <button
-          type="button"
-          idsButton
-          appearance="text"
-          size="comfortable"
-          variant="primary"
-          class="flex items-center gap-2"
-          (click)="toggleFooter()"
-        >
-          {{ isOpen() ? "Hide code" : "Show code" }}
-          <ids-icon icon-leading [fontIcon]="isOpen() ? 'visibility-off' : 'visibility'" />
-          <ids-icon icon-trailing size="compact" class="ml-1" [fontIcon]="isOpen() ? 'chevron-up' : 'chevron-down'" />
-        </button>
         <button type="button" idsButton appearance="text" size="comfortable" variant="primary" (click)="onResetClick()">
           <ids-icon icon-leading alt="" fontIcon="reload" />
         </button>
diff --git a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts
index 2ee46ed0..a690a24d 100644
--- a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts
+++ b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts
@@ -5,14 +5,12 @@ import { IdsButtonComponent } from '@i-cell/ids-angular/button';
 import { IdsCardComponent } from '@i-cell/ids-angular/card';
 import { IdsChipComponent } from '@i-cell/ids-angular/chip';
 import { IdsIconComponent } from '@i-cell/ids-angular/icon';
-import { IdsIconButtonComponent } from '@i-cell/ids-angular/icon-button';
 @Component({
   selector: 'app-demo-and-code',
   imports: [
     IdsChipComponent,
     IdsCardComponent,
     IdsIconComponent,
-    IdsIconButtonComponent,
     IdsButtonComponent,
   ],
   templateUrl: './demo-and-code.component.html',
@@ -26,14 +24,6 @@ export class DemoAndCodeComponent {
   public isOpen = signal(false);
   public isDark = signal(false);
 
-  public toggleFooter(): void {
-    this.isOpen.update((open) => !open);
-  }
-
-  public toggleDark(): void {
-    this.isDark.update((dark) => !dark);
-  }
-
   public onResetClick(): void {
     this.resetDemo.emit();
   }

From 4cd2c21e9e06f55b38a3b6981a8e1e3dc25bf40b Mon Sep 17 00:00:00 2001
From: Pipicz Petra <ppipicz24@gmail.com>
Date: Fri, 31 Jul 2026 10:26:11 +0200
Subject: [PATCH 2/2] feat(demo&code): delete methods

---
 .../demo-and-code.component.html              | 22 +++----------------
 .../demo-and-code/demo-and-code.component.ts  |  5 +----
 2 files changed, 4 insertions(+), 23 deletions(-)

diff --git a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html
index f779786b..11abf47b 100644
--- a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html
+++ b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.html
@@ -10,30 +10,14 @@ <h3>Component preview</h3>
         </button>
       </div>
     </div>
-    <div
-      class="flex flex-col lg:flex-row transition-colors duration-300 w-full"
-      [class.bg-gray-900]="isDark()"
-      [class.text-white]="isDark()"
-      [class.bg-ids-container-bg-surface-lighter-10]="!isDark()"
-    >
+    <div class="flex flex-col lg:flex-row transition-colors duration-300 w-full bg-ids-container-bg-surface-lighter-10">
       <div class="w-full lg:w-2/3 demohost-container">
-        <ng-content select="[demo]"/>
+        <ng-content select="[demo]" />
       </div>
       <div class="lg:w-1/3 text-ids-container-bg-surface-darker-95 bg-ids-container-bg-surface-lighter-10">
-        <ng-content select="[controls]"/>
+        <ng-content select="[controls]" />
       </div>
     </div>
-    @if (isOpen()) {
-      <div class="p-4 bg-ids-container-bg-surface-lighter-10 rounded-b-2xl relative h-[23.4rem] overflow-y-auto" id="footer">
-        <div class="absolute top-4 right-4">
-          <button type="button" idsButton appearance="outlined" size="comfortable" variant="primary" id="copy">
-            Copy code
-            <ids-icon icon-leading fontIcon="file-copy" />
-          </button>
-        </div>
-        <p>Code</p>
-      </div>
-    }
   </ids-card>
 
   <ng-content select="[examples]" />
diff --git a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts
index a690a24d..f0449397 100644
--- a/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts
+++ b/projects/demo/src/app/components/tabs/demo-and-code/demo-and-code.component.ts
@@ -1,6 +1,6 @@
 import { ComponentDetailsComponent } from '../../../pages/components/component-details/component-details.component';
 
-import { Component, EventEmitter, inject, Output, signal } from '@angular/core';
+import { Component, EventEmitter, inject, Output } from '@angular/core';
 import { IdsButtonComponent } from '@i-cell/ids-angular/button';
 import { IdsCardComponent } from '@i-cell/ids-angular/card';
 import { IdsChipComponent } from '@i-cell/ids-angular/chip';
@@ -21,9 +21,6 @@ export class DemoAndCodeComponent {
   private _componentDetails = inject(ComponentDetailsComponent);
   protected _lastModified = this._componentDetails.lastModified;
 
-  public isOpen = signal(false);
-  public isDark = signal(false);
-
   public onResetClick(): void {
     this.resetDemo.emit();
   }