najwer23morsels 0.8.8 → 0.8.10

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 +13 -9
  2. package/package.json +5 -4
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
- The najwer23morsels npm package allows you to style React UI components using native CSS logic, primarily through global CSS variables. This enables full customization without relying on additional styling libraries. With this approach, you can control the appearance of a component simply by overriding CSS variables or applying your own CSS rules, keeping styling workflows simple and native. It supports styling flexibility by leveraging standard CSS practices, making it easy to customize the design system to your needs while maintaining styling logic that is straightforward and native to the web platform.
1
+ The najwer23morsels npm package offers React user interface components that support styling through configurable parameters or by applying custom CSS classes. This design system uses native CSS features, mainly global CSS variables, to enable comprehensive customization of component appearance. Instead of relying on external styling libraries, you can control the look and feel by overriding these CSS variables or by adding your own CSS rules. This method ensures that styling remains straightforward, maintainable, and fully compatible with standard web technologies. By following native CSS conventions, the package provides a flexible and efficient way to adapt the design system to different branding requirements or design preferences while keeping the styling logic clear and easy to manage.
2
2
 
3
- ![NPM Downloads](https://img.shields.io/npm/dm/najwer23morsels)
3
+ [![NPM Downloads](https://img.shields.io/npm/dm/najwer23morsels?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/package/najwer23morsels)
4
4
 
5
5
  # najwer23morsels
6
6
 
@@ -39,7 +39,7 @@ export const Example = () => {
39
39
 
40
40
  ### Global css variables available
41
41
 
42
- ```CSS
42
+ ```css
43
43
  :root {
44
44
  /* Main */
45
45
  --n23mFontFamily: --fontFamily, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
@@ -62,9 +62,13 @@ export const Example = () => {
62
62
 
63
63
  # Let's connect!
64
64
 
65
- [![dev.to badge](https://img.shields.io/badge/-Portfolio-%239F2B68?style=flat&logo=GoogleChrome&logoColor=white)](https://najwer23.github.io/)
66
- [![dev.to badge](https://img.shields.io/badge/-Résumé-%23017745?style=flat&logo=AdobeAcrobatReader&logoColor=white)](https://najwer23.github.io/resume/)
67
- [![twitter badge](https://img.shields.io/badge/-najwer23-%231FA1F1?style=flat&logo=x&logoColor=white)](https://twitter.com/najwer23)
68
- [![dev.to badge](https://img.shields.io/badge/-najwer23-%230177B5?style=flat&logo=linkedin)](https://www.linkedin.com/in/najwer23)
69
- [![dev.to badge](https://img.shields.io/badge/-najwer23-%23ffffff?style=flat&logo=Leetcode)](https://leetcode.com/najwer23/)
70
- [![dev.to badge](https://img.shields.io/badge/-najwer23-%23cb3837?style=flat&logo=Npm)](https://www.npmjs.com/~najwer23)
65
+ [![Portfolio](https://img.shields.io/badge/Portfolio-9F2B68?style=for-the-badge&logo=paintbrush&logoColor=white)](https://najwer23.github.io/)
66
+ [![Résumé](https://img.shields.io/badge/Résumé-017745?style=for-the-badge&logo=adobeacrobatreader&logoColor=white)](https://najwer23.github.io/resume/)
67
+ [![X](https://img.shields.io/badge/X-000000?style=for-the-badge&logo=x&logoColor=white)](https://twitter.com/najwer23)
68
+ [![LinkedIn](https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/najwer23)
69
+ [![LeetCode](https://img.shields.io/badge/LeetCode-FFA116?style=for-the-badge&logo=leetcode&logoColor=white)](https://leetcode.com/najwer23/)
70
+ [![NPM](https://img.shields.io/badge/NPM-CB3837?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/~najwer23)
71
+
72
+
73
+
74
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "najwer23morsels",
3
- "version": "0.8.8",
3
+ "version": "0.8.10",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./lib/index.mjs",
6
6
  "types": "./lib/index.d.ts",
@@ -24,8 +24,9 @@
24
24
  "@changesets/cli": "^2.29.5",
25
25
  "@rollup/plugin-node-resolve": "^16.0.1",
26
26
  "@rollup/plugin-terser": "0.4.4",
27
- "@storybook/addon-a11y": "^9.0.13",
28
- "@storybook/react-vite": "^9.0.13",
27
+ "@storybook/addon-a11y": "^9.0.15",
28
+ "@storybook/addon-docs": "^9.0.15",
29
+ "@storybook/react-vite": "^9.0.15",
29
30
  "@types/react": "^19.1.8",
30
31
  "@types/react-dom": "^19.1.6",
31
32
  "@vitejs/plugin-react": "^4.6.0",
@@ -42,7 +43,7 @@
42
43
  "rollup-plugin-peer-deps-external": "^2.2.4",
43
44
  "rollup-plugin-postcss": "^4.0.2",
44
45
  "rollup-plugin-typescript2": "0.36.0",
45
- "storybook": "^9.0.13",
46
+ "storybook": "^9.0.15",
46
47
  "storybook-css-modules-preset": "^1.1.1",
47
48
  "typescript": "^5.8.3",
48
49
  "vite": "^7.0.0"