simple-merge-class-names 7.0.1 → 7.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +6 -10
  2. package/package.json +9 -5
package/README.md CHANGED
@@ -67,6 +67,8 @@ _If you have a different IDE use an equivalent auto code formatter tool/extensio
67
67
  | `mergeClassNames` | ✅ | ❌ |
68
68
  | `mergeClassNamesDebugger` | ✅ | ✅ |
69
69
 
70
+ _Example_:
71
+
70
72
  ```jsx
71
73
  import { mergeClassNames } from "simple-merge-class-names";
72
74
 
@@ -170,7 +172,7 @@ mergeClassNames(
170
172
  );
171
173
  ```
172
174
 
173
- ![screenshot of console.warn warnings because invalid arguments were provided and ignored, so no silent failing](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/warnings.PNG)
175
+ ![screenshot of console.warn warnings because invalid arguments were provided and ignored, so no silent failing](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/console-warnings.png)
174
176
 
175
177
  ### Reason for warnings
176
178
 
@@ -234,7 +236,7 @@ mergeClassNames(condition ? "disabled" : mergeClassNames(...) )
234
236
  - _For Firefox:_ Open **_Developer Tools_:**
235
237
  - _Make Sure_ **_Debugger_** _(tab)_ -> **`Pause on debugger statement`** is ticked.
236
238
  - Keep Dev Tools open.
237
- ![screenshot of Firefox Debugger section with Pause on debugger statement ticked on](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/debugger-enabled.png)
239
+ ![screenshot of Firefox Debugger section with Pause on debugger statement ticked on](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/debugger-check.png)
238
240
 
239
241
  - Use **`import {mergeClassNamesDebugger as mergeClassNames}`** to debug the entire file, and keep the rest intact.
240
242
 
@@ -303,14 +305,9 @@ Use single quotes around class names, and activate `Prettier` which will neatly
303
305
  - Use single quotes (<kbd>'</kbd>) around class names
304
306
  - Save the file
305
307
 
306
- Example:
307
-
308
- - Before
309
- ![Screenshot of code before Prettier neatly formats code](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/before.png)
310
-
311
- - After
308
+ _Before and after:_
312
309
 
313
- ![Screenshot of code after Prettier neatly formats code](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/after.png)
310
+ ![Screenshot of code before Prettier neatly formats code](https://raw.githubusercontent.com/new-AF/simple-merge-class-names/main/.github/images/Reduce-typing-strain.gif)
314
311
 
315
312
  ## Testing Source Code
316
313
 
@@ -321,7 +318,6 @@ This project uses `Vitest` as the test runner for fast and modern testing.
321
318
  ```bash
322
319
  git clone https://github.com/new-AF/simple-merge-class-names
323
320
  cd simple-merge-class-names
324
- pnpm install
325
321
  pnpm test
326
322
  ```
327
323
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "simple-merge-class-names",
3
- "version": "7.0.1",
3
+ "version": "7.0.3",
4
4
  "description": "A straightforward utility for merging CSS class names in React + Tailwind and JavaScript projects.",
5
5
  "exports": {
6
6
  ".": {
@@ -16,12 +16,16 @@
16
16
  ],
17
17
  "sideEffects": false,
18
18
  "keywords": [
19
- "mergeClassNames",
20
- "merge",
19
+ "class-merger",
21
20
  "class-names-merger",
22
- "utility",
21
+ "jsx",
22
+ "merge",
23
+ "mergeClassNames",
24
+ "mergeClassNamesDebugger",
25
+ "merger",
23
26
  "react",
24
- "tailwindcss"
27
+ "tailwindcss",
28
+ "utility"
25
29
  ],
26
30
  "author": "Abdullah Fatota",
27
31
  "license": "AGPL-3.0",