diff --git a/README.md b/README.md index 0b3445f..61485fc 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ -[![npm version](https://img.shields.io/npm/v/@mediamonks/react-hooks)](https://www.npmjs.com/package/@mediamonks/react-hooks) -[![npm downloads](https://img.shields.io/npm/dm/@mediamonks/react-hooks)](https://www.npmjs.com/package/@mediamonks/react-hooks) +[![npm version](https://img.shields.io/npm/v/@mediamonks/react-kit)](https://www.npmjs.com/package/@mediamonks/react-kit) +[![npm downloads](https://img.shields.io/npm/dm/@mediamonks/react-kit)](https://www.npmjs.com/package/@mediamonks/react-kit) -# @mediamonks/react-hooks +# @mediamonks/react-kit Collection of commonly used React hooks. @@ -9,10 +9,10 @@ Collection of commonly used React hooks. ### Installing -Add `@mediamonks/react-hooks` to your project: +Add `@mediamonks/react-kit` to your project: ```sh -npm i @mediamonks/react-hooks +npm i @mediamonks/react-kit ``` ### Example @@ -20,7 +20,7 @@ npm i @mediamonks/react-hooks Use a hook inside a component: ```tsx -import { useToggle } from '@mediamonks/react-hooks'; +import { useToggle } from '@mediamonks/react-kit'; function DemoComponent() { const [state, toggle] = useToggle(false); diff --git a/package-lock.json b/package-lock.json index d91bdb1..f2be30e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "@mediamonks/react-hooks", + "name": "@mediamonks/react-kit", "version": "1.4.0", "lockfileVersion": 2, "requires": true, "packages": { "": { - "name": "@mediamonks/react-hooks", + "name": "@mediamonks/react-kit", "version": "1.4.0", "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index aace334..65ce7d6 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "@mediamonks/react-hooks", + "name": "@mediamonks/react-kit", "version": "1.4.0", "description": "A collection of React hooks we use at Media.Monks", "keywords": [ diff --git a/src/hooks/useMediaQuery/useMediaQuery.ts b/src/hooks/useMediaQuery/useMediaQuery.ts index 7b0a050..4bbb7fe 100644 --- a/src/hooks/useMediaQuery/useMediaQuery.ts +++ b/src/hooks/useMediaQuery/useMediaQuery.ts @@ -9,9 +9,9 @@ import { useEventListener } from '../useEventListener/useEventListener.js'; * describe media queries in your project. * * @example - * import '@mediamonks/react-hooks'; + * import '@mediamonks/react-kit'; * - * declare module '@mediamonks/react-hooks' { + * declare module '@mediamonks/react-kit' { * interface MediaQueryVariables { * '--media-query-name': never; * }