fix: update gray to grey instances

Kajabi · Oct 1, 2024 · 0fd7903 · 0fd7903
1 parent 554fa7b
commit 0fd7903
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/docs/lib/sage-frontend/stylesheets/docs/_example.scss b/docs/lib/sage-frontend/stylesheets/docs/_example.scss
@@ -164,13 +164,13 @@ $-example-code-preview-button-bg: rgba(sage-color(primary, 300), 0.75);
     overflow: hidden;
     padding: 0;
     border: 0;
-    background: sage-color(gray, 100);
+    background: sage-color(grey, 100);
   }
   .sage-card__header {
     padding: sage-spacing();
     padding-bottom: sage-spacing(xs);
     code {
-      background: sage-color(gray, 300);
+      background: sage-color(grey, 300);
     }
   }
 }

diff --git a/docs/lib/sage-frontend/stylesheets/docs/_footer.scss b/docs/lib/sage-frontend/stylesheets/docs/_footer.scss
@@ -6,7 +6,7 @@
 
 .docs-footer {
   padding: sage-spacing(2xl) sage-spacing();
-  background: sage-color(gray, 200);
+  background: sage-color(grey, 200);
 
   .sage-stage & {
     padding: sage-spacing(2xl) 0;

diff --git a/docs/lib/sage-frontend/stylesheets/docs/_home.scss b/docs/lib/sage-frontend/stylesheets/docs/_home.scss
@@ -4,7 +4,7 @@
   For Sage documentation use
 ================================================== */
 .docs-home {
-  background: sage-color(gray, 200);
+  background: sage-color(grey, 200);
 }
 
 .docs-hero {

diff --git a/docs/lib/sage-frontend/stylesheets/docs/_sidebar.scss b/docs/lib/sage-frontend/stylesheets/docs/_sidebar.scss
@@ -21,5 +21,5 @@
 // Side Navigation Footer Top Border
 // Visual division between the scrolling content and the footer
 .sage-sidebar__footer {
-  box-shadow: inset 0 1px 0 sage-color(gray);
+  box-shadow: inset 0 1px 0 sage-color(grey);
 }
diff --git a/packages/sage-assets/lib/stylesheets/components/_dynamic_select.scss b/packages/sage-assets/lib/stylesheets/components/_dynamic_select.scss
@@ -1,7 +1,7 @@
 $-dynamic-select-default-height: rem(45px);
 $-dynamic-select-default-padding: rem(4px) sage-spacing(sm) 0;
-$-dynamic-select-border-color: sage-color(gray, 400);
-$-dynamic-select-placeholder-color: sage-color(gray, 400);
+$-dynamic-select-border-color: sage-color(grey, 400);
+$-dynamic-select-placeholder-color: sage-color(grey, 400);
 $-dynamic-select-color-success: map-get($sage-field-colors, success);
 $-dynamic-select-border-box-shadow-size: map-get($sage-field-configs, box-shadow-size);
 $-dynamic-select-selected-height: rem(54px);

diff --git a/packages/sage-react/lib/configs/classnames/type.js b/packages/sage-react/lib/configs/classnames/type.js
@@ -31,7 +31,7 @@ Object.keys(SageDictionary.COLOR).forEach((colorName) => {
     black: 500,
     blue: 600,
     charcoal: 300,
-    gray: 300,
+    grey: 300,
     green: 600,
     mercury: 500,
     orange: 300,