From 9c6d935069223f4312ee7bd8d09b48904a71cef9 Mon Sep 17 00:00:00 2001
From: aleidk <ale.navarro.parra@gmail.com>
Date: Tue, 24 Dec 2024 12:54:19 -0300
Subject: [PATCH] fix(core): update old css variables names

---
 packages/core/src/_utils.scss | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/core/src/_utils.scss b/packages/core/src/_utils.scss
index 4e42303..d18d9d2 100644
--- a/packages/core/src/_utils.scss
+++ b/packages/core/src/_utils.scss
@@ -69,29 +69,29 @@
 }
 
 .msp-hstack {
-  --prj-gap: var(--prj-spacing-3);
+  --msp-gap: var(--msp-spacing-3);
   display: flex;
-  gap: var(--prj-gap);
+  gap: var(--msp-gap);
   align-items: center;
 }
 
 .msp-hstack-reverse {
-  --prj-gap: var(--prj-spacing-3);
+  --msp-gap: var(--msp-spacing-3);
   display: flex;
-  gap: var(--prj-gap);
+  gap: var(--msp-gap);
   align-items: center;
   flex-direction: row-reverse;
 }
 
 .msp-vstack {
-  --prj-gap: var(--prj-spacing-3);
+  --msp-gap: var(--msp-spacing-3);
   display: flex;
-  gap: var(--prj-gap);
+  gap: var(--msp-gap);
   flex-direction: column;
 }
 
 .msp-vstack-reverse {
-  --prj-gap: var(--prj-spacing-3);
+  --msp-gap: var(--msp-spacing-3);
   display: flex;
   flex-direction: column-reverse;
 }
@@ -140,16 +140,16 @@
 }
 
 .msp-grid {
-  --prj-gap: var(--prj-spacing-3);
-  --prj-columns: repeat(3, 1fr);
-  --prj-min-col-width: 150px;
+  --msp-gap: var(--msp-spacing-3);
+  --msp-columns: repeat(3, 1fr);
+  --msp-min-col-width: 150px;
   display: grid;
-  grid-template-columns: var(--prj-columns);
-  gap: var(--prj-gap);
+  grid-template-columns: var(--msp-columns);
+  gap: var(--msp-gap);
 }
 
 @mixin grid-cols($amount) {
-  --prj-columns: repeat(#{$amount}, minmax(var(--prj-min-col-width), 1fr));
+  --msp-columns: repeat(#{$amount}, minmax(var(--msp-min-col-width), 1fr));
 }
 
 @for $i from 1 through 12 {
@@ -285,7 +285,7 @@
   }
 
   .msp-gap-#{$name} {
-    --prj-gap: #{$value};
+    --msp-gap: #{$value};
   }
 }
 
@@ -306,11 +306,11 @@
 }
 
 .msp-shadow-1 {
-  box-shadow: 10px 10px 5px 0px var(--prj-shadow);
+  box-shadow: 10px 10px 5px 0px var(--msp-shadow);
 }
 
 .msp-border-radius {
-  border-radius: var(--prj-border-radius);
+  border-radius: var(--msp-border-radius);
 }
 
 @each $index, $variable, $value in $spacings {