From b6c43098c5ebbe5241fb31e1a092f6c76501e0d3 Mon Sep 17 00:00:00 2001
From: Nethmi Rodrigo <neth23rodrigo@gmail.com>
Date: Mon, 5 Aug 2024 18:02:04 +0530
Subject: [PATCH] (chore): update carbon styling imports

---
 packages/esm-home-app/src/dashboard/home-dashboard.scss       | 1 -
 packages/esm-home-app/src/header-date/header-date.scss        | 4 +++-
 .../esm-home-app/src/home-page-widgets/home-page-widgets.scss | 4 ++--
 packages/esm-home-app/src/metrics/metrics.scss                | 4 +++-
 packages/esm-home-app/src/page-header/page-header.scss        | 2 +-
 5 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/esm-home-app/src/dashboard/home-dashboard.scss b/packages/esm-home-app/src/dashboard/home-dashboard.scss
index 014de7fe3..5efe828e4 100644
--- a/packages/esm-home-app/src/dashboard/home-dashboard.scss
+++ b/packages/esm-home-app/src/dashboard/home-dashboard.scss
@@ -1,5 +1,4 @@
 @use '@carbon/colors';
-@use '@carbon/styles/scss/spacing';
 
 .homePageWrapper {
   display: flex;
diff --git a/packages/esm-home-app/src/header-date/header-date.scss b/packages/esm-home-app/src/header-date/header-date.scss
index 95170282d..09b30ddd4 100644
--- a/packages/esm-home-app/src/header-date/header-date.scss
+++ b/packages/esm-home-app/src/header-date/header-date.scss
@@ -1,3 +1,5 @@
+@use '@carbon/layout';
+
 .value {
-  margin-left: 0.25rem
+  margin-left: layout.$spacing-02;
 }
diff --git a/packages/esm-home-app/src/home-page-widgets/home-page-widgets.scss b/packages/esm-home-app/src/home-page-widgets/home-page-widgets.scss
index acd01e2b3..7edc0ffad 100644
--- a/packages/esm-home-app/src/home-page-widgets/home-page-widgets.scss
+++ b/packages/esm-home-app/src/home-page-widgets/home-page-widgets.scss
@@ -1,5 +1,5 @@
-@use '@carbon/styles/scss/spacing';
+@use '@carbon/layout';
 
 .homePageWidget {
-  padding: spacing.$spacing-05;
+  padding: layout.$spacing-05;
 }
\ No newline at end of file
diff --git a/packages/esm-home-app/src/metrics/metrics.scss b/packages/esm-home-app/src/metrics/metrics.scss
index 0b1926626..8367e53a5 100644
--- a/packages/esm-home-app/src/metrics/metrics.scss
+++ b/packages/esm-home-app/src/metrics/metrics.scss
@@ -1,6 +1,8 @@
+@use '@carbon/layout';
+
 .metricTilesSlot {
   display: flex;
-  margin: 0.5rem 0.5rem 0 0.5rem;
+  margin: layout.$spacing-03 layout.$spacing-03 0 layout.$spacing-03;
 
   [data-extension-id] {
     flex-grow: 1;
diff --git a/packages/esm-home-app/src/page-header/page-header.scss b/packages/esm-home-app/src/page-header/page-header.scss
index 5b7553482..34338f6de 100644
--- a/packages/esm-home-app/src/page-header/page-header.scss
+++ b/packages/esm-home-app/src/page-header/page-header.scss
@@ -1,7 +1,7 @@
 @use '@carbon/colors';
 @use '@carbon/layout';
 @use '@carbon/type';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@openmrs/esm-styleguide/src/vars' as *;
 
 .header {
   @include type.type-style('body-compact-02');