From c9630c75caa23af07e1d75f616299516446a91f3 Mon Sep 17 00:00:00 2001
From: Lungan Catalin <98550729+Cata1989@users.noreply.github.com>
Date: Tue, 25 Jun 2024 16:00:12 +0300
Subject: [PATCH] refactor(Icon): use CSS logical properties instead of
 physical values (#1133)

---
 packages/beeq/src/components/icon/bq-icon.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/beeq/src/components/icon/bq-icon.tsx b/packages/beeq/src/components/icon/bq-icon.tsx
index a962fde8b..4bc8d272d 100644
--- a/packages/beeq/src/components/icon/bq-icon.tsx
+++ b/packages/beeq/src/components/icon/bq-icon.tsx
@@ -147,7 +147,7 @@ export class BqIcon {
       <Host style={styles}>
         <div
           aria-label={this.label ?? `${this.name} icon`}
-          class="flex h-[var(--bq-icon--size)] w-[var(--bq-icon--size)] text-[color:var(--bq-icon--color)]"
+          class="flex text-[color:--bq-icon--color] bs-[--bq-icon--size] is-[--bq-icon--size]"
           innerHTML={this._svgContent}
           part="base"
           role="img"