refactor(Status): use CSS logical properties instead of physical valu…

…es (#1116)
Endava · Jun 21, 2024 · dba3858 · dba3858
1 parent 6531596
commit dba3858
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/beeq/src/components/status/bq-status.tsx b/packages/beeq/src/components/status/bq-status.tsx
@@ -71,7 +71,7 @@ export class BqStatus {
       <div class="bq-status inline-flex items-center gap-xs" part="base" role="status">
         <bq-badge class={`bq-status__circle rounded-full ${this.type}`} size="medium" part="circle" role="img" />
         <div
-          class="bq-status__text m-0 max-h-[20px] p-0 text-s font-medium leading-regular text-text-primary"
+          class="bq-status__text text-s font-medium leading-regular text-text-primary max-bs-[20px] m-b-0 m-i-0 p-b-0 p-i-0"
           part="text"
         >
           <slot />

diff --git a/packages/beeq/src/components/status/scss/bq-status.scss b/packages/beeq/src/components/status/scss/bq-status.scss
@@ -27,5 +27,5 @@
 }
 
 .bq-status__text ::slotted(*) {
-  @apply m-0 p-0 text-s font-medium leading-regular text-text-primary;
+  @apply text-s font-medium leading-regular text-text-primary m-b-0 m-i-0 p-b-0 p-i-0;
 }