Fix typo in test file

Author: simpletrontdip

packages/chakra-ui-core/src/utils/__snapshots__/component.test.js.snap

@@ -1,5 +1,39 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`createStyledAttrsMixin baseStyle should accept baseStyle as a function 1`] = `
+<DocumentFragment>
+  .emotion-0 {
+  background: var(--colors-blue-200);
+  color: var(--colors-black);
+  border: 2px solid #0045b4;
+}
+
+<div
+    class="emotion-0"
+    data-chakra-component="FakeComponent"
+  >
+    Fake component
+  </div>
+</DocumentFragment>
+`;
+
+exports[`createStyledAttrsMixin baseStyle should accept baseStyle as a function 2`] = `
+<DocumentFragment>
+  .emotion-0 {
+  background: var(--colors-vue-200);
+  color: var(--colors-white);
+  border: 2px solid #7db1ff;
+}
+
+<div
+    class="emotion-0"
+    data-chakra-component="FakeComponent"
+  >
+    Fake component
+  </div>
+</DocumentFragment>
+`;
+
 exports[`createStyledAttrsMixin baseStyle should be overiden by props 1`] = `
 <DocumentFragment>
   .emotion-0 {

packages/chakra-ui-core/src/utils/component.test.js

@@ -75,7 +75,7 @@ describe('createStyledAttrsMixin', () => {
             color: colorMode === 'light' ? 'black' : 'white',
             border: `2px solid ${
               colorMode === 'light'
-                ? theme.color.blue[600]
+                ? theme.colors.blue[600]
                 : theme.colors.blue[200]
             }`
           })