@chakra-ui/color-mode - npm Package Compare versions

Comparing version 2.1.4 to 2.1.5

package.json

		{
		"name": "@chakra-ui/color-mode",
		"version": "2.1.4",
		"version": "2.1.5",
		"description": "React component and hooks for handling light and dark mode.",
		@@ -40,4 +40,4 @@ "keywords": [
		"dependencies": {
		"@chakra-ui/hooks": "2.0.6",
		"@chakra-ui/utils": "2.0.6"
		"@chakra-ui/hooks": "2.0.7",
		"@chakra-ui/utils": "2.0.7"
		},
		@@ -56,4 +56,3 @@ "peerDependencies": {
		"build:fast": "JSX=1 tsup src/index.ts"
		},
		"readme": "# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n return (\n <ThemeProvider theme={theme}>\n <ColorModeProvider>{children}</ColorModeProvider>\n </ThemeProvider>\n )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n const { colorMode, toggleColorMode } = useColorMode()\n return (\n <header>\n <Button onClick={toggleColorMode}>\n Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n </Button>\n </header>\n )\n}\n```\n"
		}
		}

dist/index.cjs.js

dist/index.d.ts

dist/index.esm.js

New alerts