Rename package to @mediamonks/react-kit #257

mediamonks · Nov 3, 2023 · aff6dda · aff6dda
1 parent 49c9102
commit aff6dda
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -1,26 +1,26 @@
-[![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.
 
 ## Getting started
 
 ### 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
 
 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
diff --git 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
@@ -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;
  *   }