fix(alert): remove rem values from icon height, width (#748)

fix: removing rem values from css, moving to icon size tokens
RedHat-UX · Mar 2, 2023 · 6f29b7c · 6f29b7c
1 parent 414553a
commit 6f29b7c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/rude-carpets-switch.md b/.changeset/rude-carpets-switch.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-alert>`: used design tokens for icon dimensions
diff --git a/elements/rh-alert/rh-alert.css b/elements/rh-alert/rh-alert.css
@@ -96,8 +96,8 @@ header ::slotted(:is(h1,h2,h3,h4,h5,h6)) {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: var(--rh-font-size-body-text-2xl, 1.5rem);
-  height: var(--rh-font-size-body-text-2xl, 1.5rem);
+  width: var(--rh-size-icon-02, 24px);
+  height: var(--rh-size-icon-02, 24px);
   color: var(--_icon-color);
 }