From f15d3db6edc295be32db10f54c94592377062d2e Mon Sep 17 00:00:00 2001
From: Mikyo King <mikyo@arize.com>
Date: Fri, 12 May 2023 17:56:08 -0600
Subject: [PATCH] remove aliases

---
 src/provider/GlobalStyles.tsx | 40 ++++++++++++++++++-----------------
 src/utils/styleProps.ts       |  7 ++----
 2 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/src/provider/GlobalStyles.tsx b/src/provider/GlobalStyles.tsx
index 0b3d6039..108a7d01 100644
--- a/src/provider/GlobalStyles.tsx
+++ b/src/provider/GlobalStyles.tsx
@@ -147,29 +147,31 @@ export const globalCSS = css`
     --ac-global-rounding-small: var(--ac-global-dimension-static-size-50);
     --ac-global-rounding-medium: var(--ac-global-dimension-static-size-100);
 
-    --ac-alias-border-size-thin: var(--ac-global-dimension-static-size-10);
-    --ac-alias-border-size-thick: var(--ac-global-dimension-static-size-25);
-    --ac-alias-border-size-thicker: var(--ac-global-dimension-static-size-50);
-    --ac-alias-border-size-thickest: var(--ac-global-dimension-static-size-100);
-    --ac-alias-border-offset-thin: var(--ac-global-dimension-static-size-25);
-    --ac-alias-border-offset-thick: var(--ac-global-dimension-static-size-50);
-    --ac-alias-border-offset-thicker: var(
+    --ac-global-border-size-thin: var(--ac-global-dimension-static-size-10);
+    --ac-global-border-size-thick: var(--ac-global-dimension-static-size-25);
+    --ac-global-border-size-thicker: var(--ac-global-dimension-static-size-50);
+    --ac-global-border-size-thickest: var(
       --ac-global-dimension-static-size-100
     );
-    --ac-alias-border-offset-thickest: var(
+    --ac-global-border-offset-thin: var(--ac-global-dimension-static-size-25);
+    --ac-global-border-offset-thick: var(--ac-global-dimension-static-size-50);
+    --ac-global-border-offset-thicker: var(
+      --ac-global-dimension-static-size-100
+    );
+    --ac-global-border-offset-thickest: var(
       --ac-global-dimension-static-size-200
     );
-    --ac-alias-grid-baseline: var(--ac-global-dimension-static-size-100);
-    --ac-alias-grid-gutter-xsmall: var(--ac-global-dimension-static-size-200);
-    --ac-alias-grid-gutter-small: var(--ac-global-dimension-static-size-300);
-    --ac-alias-grid-gutter-medium: var(--ac-global-dimension-static-size-400);
-    --ac-alias-grid-gutter-large: var(--ac-global-dimension-static-size-500);
-    --ac-alias-grid-gutter-xlarge: var(--ac-global-dimension-static-size-600);
-    --ac-alias-grid-margin-xsmall: var(--ac-global-dimension-static-size-200);
-    --ac-alias-grid-margin-small: var(--ac-global-dimension-static-size-300);
-    --ac-alias-grid-margin-medium: var(--ac-global-dimension-static-size-400);
-    --ac-alias-grid-margin-large: var(--ac-global-dimension-static-size-500);
-    --ac-alias-grid-margin-xlarge: var(--ac-global-dimension-static-size-600);
+    --ac-global-grid-baseline: var(--ac-global-dimension-static-size-100);
+    --ac-global-grid-gutter-xsmall: var(--ac-global-dimension-static-size-200);
+    --ac-global-grid-gutter-small: var(--ac-global-dimension-static-size-300);
+    --ac-global-grid-gutter-medium: var(--ac-global-dimension-static-size-400);
+    --ac-global-grid-gutter-large: var(--ac-global-dimension-static-size-500);
+    --ac-global-grid-gutter-xlarge: var(--ac-global-dimension-static-size-600);
+    --ac-global-grid-margin-xsmall: var(--ac-global-dimension-static-size-200);
+    --ac-global-grid-margin-small: var(--ac-global-dimension-static-size-300);
+    --ac-global-grid-margin-medium: var(--ac-global-dimension-static-size-400);
+    --ac-global-grid-margin-large: var(--ac-global-dimension-static-size-500);
+    --ac-global-grid-margin-xlarge: var(--ac-global-dimension-static-size-600);
   }
 `;
 
diff --git a/src/utils/styleProps.ts b/src/utils/styleProps.ts
index 03a14c06..ae130646 100644
--- a/src/utils/styleProps.ts
+++ b/src/utils/styleProps.ts
@@ -147,10 +147,7 @@ export function dimensionValue(value: DimensionValue) {
   }
 
   if (FUNC_RE.test(value)) {
-    return value.replace(
-      AC_VARIABLE_RE,
-      'var(--ac-global-dimension-$&, var(--ac-alias-$&))'
-    );
+    return value.replace(AC_VARIABLE_RE, 'var(--ac-global-dimension-$&)');
   }
 
   return `var(--ac-global-dimension-${value})`;
@@ -237,7 +234,7 @@ function borderColorValue(value: BorderColorValue) {
 }
 
 function borderSizeValue(value: BorderSizeValue) {
-  return `var(--ac-alias-border-size-${value})`;
+  return `var(--ac-global-border-size-${value})`;
 }
 
 export function passthroughStyle(value) {