refactor: simplified deprecated tokens

Author: brianacnguyen

src/css/brand-colors-deprecated.css

@@ -107,4 +107,15 @@
   /* White and Black */
   --brand-colors-white: #ffffff;
   --brand-colors-black: #000000;
+  /* Deprecated - To be removed */
+  --brand-colors-grey-grey030: #fafbfc;
+  --brand-colors-grey-grey040: #f2f4f6;
+  --brand-colors-grey-grey750: #2e3339;
+  --brand-colors-blue-blue000: #eaf6ff;
+  --brand-colors-green-green000: #f3fcf5;
+  --brand-colors-red-red000: #fcf2f3;
+  --brand-colors-yellow-yellow000: #fffdf8;
+  --brand-colors-orange-orange000: #fef5ef;
+  --brand-colors-violet-violet300: #cfb5f0;
+  --brand-colors-white-white010: #fcfcfc;
 }

src/css/brand-colors.css

@@ -98,4 +98,31 @@
   --color-shadow-primary: #43aefc33;
   /* For critical/danger drop shadow color. */
   --color-shadow-error: #ff758466;
+  /* Deprecated - To be removed */
+  --color-overlay-inverse: var(--brand-colors-white-white010);
+  --color-primary-disabled: #1098fc80;
+  --color-primary-shadow: #0376c933;
+  --color-secondary-default: var(--brand-colors-orange-orange400);
+  --color-secondary-alternative: var(--brand-colors-orange-orange300);
+  --color-secondary-muted: #f8883b26;
+  --color-secondary-inverse: var(--brand-colors-grey-grey900);
+  --color-secondary-disabled: #f8883b80;
+  --color-error-disabled: #d7384780;
+  --color-error-shadow: #ff526366;
+  --color-warning-alternative: var(--brand-colors-yellow-yellow400);
+  --color-warning-disabled: #ffd33d80;
+  --color-success-alternative: var(--brand-colors-green-green400);
+  --color-success-disabled: #28a74580;
+  --color-info-alternative: var(--brand-colors-blue-blue300);
+  --color-info-disabled: #0376c980;
+  --color-network-goerli-default: var(--brand-colors-blue-blue400);
+  --color-network-goerli-inverse: var(--brand-colors-white-white010);
+  --color-network-localhost-default: var(--brand-colors-grey-grey200);
+  --color-network-localhost-inverse: var(--brand-colors-white-white010);
+  --color-network-sepolia-default: var(--brand-colors-violet-violet300);
+  --color-network-sepolia-inverse: var(--brand-colors-white-white010);
+  --component-button-primary-shadow: var(--shadow-size-sm)
+    var(--color-primary-shadow);
+  --component-button-danger-shadow: var(--shadow-size-sm)
+    var(--color-error-shadow);
 }

src/css/dark-theme-colors-deprecated.css

@@ -1,8 +1,5 @@
 @import './brand-colors.css';
-@import './brand-colors-deprecated.css';
 @import './typography.css';
 @import './shadow.css';
 @import './light-theme-colors.css';
-@import './light-theme-colors-deprecated.css';
 @import './dark-theme-colors.css';
-@import './dark-theme-colors-deprecated.css';

src/css/dark-theme-colors.css

@@ -99,4 +99,31 @@
   --color-shadow-primary: #0376c933;
   /* For critical/danger drop shadow color. */
   --color-shadow-error: #ca354266;
+  /* Deprecated - To be removed */
+  --color-overlay-inverse: var(--brand-colors-white-white010);
+  --color-primary-disabled: #0376c980;
+  --color-primary-shadow: #0376c933;
+  --color-secondary-default: var(--brand-colors-orange-orange500);
+  --color-secondary-alternative: var(--brand-colors-orange-orange600);
+  --color-secondary-muted: #f66a0a19;
+  --color-secondary-inverse: var(--brand-colors-white-white000);
+  --color-secondary-disabled: #f66a0a80;
+  --color-error-disabled: #d7384780;
+  --color-error-shadow: #d7384766;
+  --color-warning-alternative: var(--brand-colors-yellow-yellow600);
+  --color-warning-disabled: #ffd33d80;
+  --color-success-alternative: var(--brand-colors-green-green500);
+  --color-success-disabled: #28a74580;
+  --color-info-alternative: var(--brand-colors-blue-blue600);
+  --color-info-disabled: #0376c980;
+  --color-network-goerli-default: var(--brand-colors-blue-blue400);
+  --color-network-goerli-inverse: var(--brand-colors-white-white010);
+  --color-network-localhost-default: var(--brand-colors-grey-grey200);
+  --color-network-localhost-inverse: var(--brand-colors-white-white010);
+  --color-network-sepolia-default: var(--brand-colors-violet-violet300);
+  --color-network-sepolia-inverse: var(--brand-colors-white-white010);
+  --component-button-primary-shadow: var(--shadow-size-sm)
+    var(--color-primary-shadow);
+  --component-button-danger-shadow: var(--shadow-size-sm)
+    var(--color-error-shadow);
 }