diff --git a/packages/example-gatsby/src/gatsby-plugin-glaze/theme.treat.ts b/packages/example-gatsby/src/gatsby-plugin-glaze/theme.treat.ts index df489d7..1f6f27d 100644 --- 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 index 57ca997..0024f0a 100644 --- 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 index 5a36a25..1c2db8f 100644 --- 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 index 770d12e..860e624 100644 --- 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 index 17a9acd..30b4c30 100644 --- 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 index 82c7426..d89e5b9 100644 --- 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 index 01b1c2e..2371703 100644 --- 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 index 77bbfc5..0836be7 100644 --- 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 {} }