refactor: rename defaultTheme to defaultTokens

BREAKING CHANGE: `defaultTheme` imports shall be rewritten to `defaultTokens`
kripod · Apr 6, 2020 · 6684dc5 · 6684dc5
1 parent 1e6e9b4
commit 6684dc5
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 18 deletions.
diff --git a/packages/example-gatsby/src/gatsby-plugin-glaze/theme.treat.ts b/packages/example-gatsby/src/gatsby-plugin-glaze/theme.treat.ts
@@ -1,10 +1,10 @@
-import { createTheme, defaultTheme } from 'glaze';
+import { createTheme, defaultTokens } from 'glaze';
 
 export const tokens =
   {
-    ...defaultTheme,
+    ...defaultTokens,
     scales: {
-      ...defaultTheme.scales,
+      ...defaultTokens.scales,
       color: {
         red: '#f8485e',
       },

diff --git a/packages/example-nextjs/src/theme.treat.ts b/packages/example-nextjs/src/theme.treat.ts
@@ -1,9 +1,9 @@
-import { createTheme, defaultTheme } from 'glaze';
+import { createTheme, defaultTokens } from 'glaze';
 
 export default createTheme({
-  ...defaultTheme,
+  ...defaultTokens,
   scales: {
-    ...defaultTheme.scales,
+    ...defaultTokens.scales,
     color: {
       red: '#f8485e',
     },

diff --git a/packages/gatsby-plugin-glaze/README.md b/packages/gatsby-plugin-glaze/README.md
@@ -23,10 +23,10 @@ Applies glaze theming on Gatsby sites.
    ```js
    /* src/gatsby-plugin-glaze/theme.treat.js */
 
-   import { createTheme, defaultTheme } from 'glaze';
+   import { createTheme, defaultTokens } from 'glaze';
 
    export default createTheme({
-     ...defaultTheme,
+     ...defaultTokens,
      // Customization...
    });
    ```

diff --git a/packages/gatsby-plugin-glaze/src/theme.treat.js b/packages/gatsby-plugin-glaze/src/theme.treat.js
@@ -1,3 +1,3 @@
-import { createTheme, defaultTheme } from 'glaze';
+import { createTheme, defaultTokens } from 'glaze';
 
-export default createTheme(defaultTheme);
+export default createTheme(defaultTokens);
diff --git a/packages/glaze/README.md b/packages/glaze/README.md
@@ -51,14 +51,14 @@ Baking the benefits outlined above into a single package, glaze was born.
    ```js
    /* theme.treat.js */
 
-   import { createTheme, defaultTheme } from 'glaze';
+   import { createTheme, defaultTokens } from 'glaze';
 
    export default createTheme({
-     ...defaultTheme,
+     ...defaultTokens,
 
      // Customization
      scales: {
-       ...defaultTheme.scales,
+       ...defaultTokens.scales,
        color: {
          red: '#f8485e',
        },

diff --git a/packages/glaze/src/index.ts b/packages/glaze/src/index.ts
@@ -3,6 +3,6 @@ export { modularScale } from './scales';
 export { VirtualStyleInjector } from './StyleInjector';
 export { StyleInjectorProvider } from './StyleInjectorContext';
 export type { RuntimeTheme, ScaleTokens, StaticTheme } from './theme';
-export { createTheme, defaultTheme } from './theme';
+export { createTheme, defaultTokens } from './theme';
 export { ThemeProvider, useTheme } from './ThemeContext';
 export { useStyling } from './useStyling';
diff --git a/packages/glaze/src/theme.ts b/packages/glaze/src/theme.ts
@@ -85,7 +85,7 @@ const spacing = {
   64: '16rem',
 };
 
-export const defaultTheme =
+export const defaultTokens =
   {
     breakpoints: [640, 768, 1024, 1280],
 

diff --git a/packages/glaze/src/treat.d.ts b/packages/glaze/src/treat.d.ts
@@ -1,7 +1,7 @@
-import { defaultTheme } from './theme';
+import { defaultTokens } from './theme';
 
 declare module 'treat/theme' {
-  type DefaultTheme = typeof defaultTheme;
+  type Tokens = typeof defaultTokens;
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export interface Theme extends DefaultTheme {}
+  export interface Theme extends Tokens {}
 }