From e8262e3b02d8a6fc6f201591525aa6a5624e6384 Mon Sep 17 00:00:00 2001
From: eliza <eli97736@esri.com>
Date: Thu, 15 Aug 2024 17:36:00 -0700
Subject: [PATCH 1/2] fix(panel): define heading and description line height

---
 .../src/components/panel/panel.scss                | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/calcite-components/src/components/panel/panel.scss b/packages/calcite-components/src/components/panel/panel.scss
index 7a8032a1a8a..691411fddd2 100644
--- a/packages/calcite-components/src/components/panel/panel.scss
+++ b/packages/calcite-components/src/components/panel/panel.scss
@@ -39,15 +39,25 @@
 
   .header-content {
     .heading {
-      font-size: theme("fontSize.0h");
+      @apply text-0h;
     }
 
     .description {
-      font-size: theme("fontSize.n1h");
+      @apply text-n1h;
     }
   }
 }
 
+.header-content {
+  .heading {
+    @apply text-0h mx-0 mt-0 mb-1 font-medium;
+  }
+
+  .description {
+    @apply text-color-2 text-n1h;
+  }
+}
+
 :host([scale="l"]) {
   --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);
   --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);

From 0e4cb014f78bf4b02a7c5c5a5ba8a0f5b9b0eb9f Mon Sep 17 00:00:00 2001
From: eliza <eli97736@esri.com>
Date: Thu, 15 Aug 2024 17:46:53 -0700
Subject: [PATCH 2/2] sub theme for working inline tailwind

---
 .../src/components/panel/panel.scss            | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/packages/calcite-components/src/components/panel/panel.scss b/packages/calcite-components/src/components/panel/panel.scss
index 691411fddd2..77e5136e108 100644
--- a/packages/calcite-components/src/components/panel/panel.scss
+++ b/packages/calcite-components/src/components/panel/panel.scss
@@ -24,11 +24,11 @@
 
   .header-content {
     .heading {
-      font-size: theme("fontSize.n1h");
+      @apply text-n1h;
     }
 
     .description {
-      font-size: theme("fontSize.n2h");
+      @apply text-n2h;
     }
   }
 }
@@ -48,27 +48,17 @@
   }
 }
 
-.header-content {
-  .heading {
-    @apply text-0h mx-0 mt-0 mb-1 font-medium;
-  }
-
-  .description {
-    @apply text-color-2 text-n1h;
-  }
-}
-
 :host([scale="l"]) {
   --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);
   --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);
 
   .header-content {
     .heading {
-      font-size: theme("fontSize.1h");
+      @apply text-1h;
     }
 
     .description {
-      font-size: theme("fontSize.0h");
+      @apply text-0h;
     }
   }
 }