From 3a0b275d00c4ccb775c98df2ab063e3cfc358eb7 Mon Sep 17 00:00:00 2001 From: Reinier van der Leer Date: Mon, 4 Oct 2021 00:12:00 +0200 Subject: [PATCH 1/2] feat(types): add type exports for color mode & theme providers --- packages/chakra-ui-core/types/index.d.ts | 24 +++++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) diff --git a/packages/chakra-ui-core/types/index.d.ts b/packages/chakra-ui-core/types/index.d.ts index b232425d..8f7c814a 100644 --- a/packages/chakra-ui-core/types/index.d.ts +++ b/packages/chakra-ui-core/types/index.d.ts @@ -3,18 +3,36 @@ import { Theme } from "../../chakra-ui-theme/types" import useToast from "../src/CToast" import { ToastFactory } from '../src/CToast/CToast' +type ChakraIcons = { [name: string]: Icon }; + declare module 'vue/types/vue' { export interface Vue { $toast: ToastFactory $chakra: { theme: Theme - icons: { [name: string]: Icon } + icons: ChakraIcons } - chakraColorMode: string - chakraToggleColorMode: string } } +declare module '../src/CColorModeProvider' { + export interface Provides { + $chakraColorMode: () => 'light' | 'dark' + $toggleColorMode: () => void + } +} + +declare module '../src/CThemeProvider' { + export interface Provides { + $chakraTheme: Theme + $chakraIcons: ChakraIcons + $chakraColorMode: () => 'light' + } +} + +export { Provides as CColorModeProvides } from '../src/CColorModeProvider' +export { Provides as CThemeProvides } from '../src/CThemeProvider' + export const useToast: typeof useToast export const defaultTheme: Theme export * from './component' From e16f20e228f9adabfc4fa52c949f52a8c8fbc0f3 Mon Sep 17 00:00:00 2001 From: Jonathan Bakebwa Date: Thu, 7 Oct 2021 23:13:24 +0800 Subject: [PATCH 2/2] feat: add changeset file --- .changeset/smooth-cups-kiss.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/smooth-cups-kiss.md diff --git a/.changeset/smooth-cups-kiss.md b/.changeset/smooth-cups-kiss.md new file mode 100644 index 00000000..707ecd46 --- /dev/null +++ b/.changeset/smooth-cups-kiss.md @@ -0,0 +1,6 @@ +--- +"@chakra-ui/vue": minor +"@chakra-ui/nuxt": minor +--- + +feat(types): add type exports for color mode & theme providers