enjanga-components-library 1.0.21 → 1.0.22
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.
- package/README.md +20 -3
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ Explore the interactive documentation and try all components in Storybook, hoste
|
|
|
29
29
|
|
|
30
30
|
## 🚀 Stack & Features
|
|
31
31
|
|
|
32
|
-
- **Framework:** Next.js 13+ (App Router), React
|
|
32
|
+
- **Framework:** Next.js 13+ (App Router), React 19
|
|
33
33
|
- **Language:** TypeScript
|
|
34
34
|
- **Design System:** IBM Carbon Design System
|
|
35
35
|
- **Styling:** SASS (+ enjanga-core-setup)
|
|
@@ -41,11 +41,13 @@ Explore the interactive documentation and try all components in Storybook, hoste
|
|
|
41
41
|
1. **Install the library and peer dependencies:**
|
|
42
42
|
|
|
43
43
|
```bash
|
|
44
|
-
npm install enjanga-components-library next@^15.0.0 react@^
|
|
44
|
+
npm install enjanga-components-library next@^15.0.0 react@^19.0.0 react-dom@^19.0.0 react-is@^19.0.0
|
|
45
45
|
# or
|
|
46
|
-
yarn add enjanga-components-library next@^15.0.0 react@^
|
|
46
|
+
yarn add enjanga-components-library next@^15.0.0 react@^19.0.0 react-dom@^19.0.0 react-is@^19.0.0
|
|
47
47
|
```
|
|
48
48
|
|
|
49
|
+
> 🔑 `react-is` is required when using **Carbon Tabs** (and certain other Carbon components) with React 19, due to compatibility issues in Carbon’s internals.
|
|
50
|
+
|
|
49
51
|
2. **Install and configure IBM Carbon and core setup:**
|
|
50
52
|
```bash
|
|
51
53
|
npm install @carbon/react @carbon/styles enjanga-core-setup
|
|
@@ -58,6 +60,8 @@ Explore the interactive documentation and try all components in Storybook, hoste
|
|
|
58
60
|
import '@carbon/styles/css/index.css';
|
|
59
61
|
```
|
|
60
62
|
|
|
63
|
+
---
|
|
64
|
+
|
|
61
65
|
## 🔧 Usage
|
|
62
66
|
|
|
63
67
|
Import components directly from the package. Only components listed in the public API (`src/components/index.ts`) are exposed.
|
|
@@ -75,6 +79,19 @@ export default function MyPage() {
|
|
|
75
79
|
|
|
76
80
|
---
|
|
77
81
|
|
|
82
|
+
## 🐛 Troubleshooting
|
|
83
|
+
|
|
84
|
+
- **Error:**
|
|
85
|
+
```
|
|
86
|
+
Dynamic require of "react-is" is not supported
|
|
87
|
+
```
|
|
88
|
+
**Fix:** Ensure `react-is` is installed as a direct dependency in your project:
|
|
89
|
+
```bash
|
|
90
|
+
npm install react-is@^19.0.0
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
---
|
|
94
|
+
|
|
78
95
|
## 🎨 Styling Structure
|
|
79
96
|
|
|
80
97
|
This library’s styles follow a **three-tier structure** for clarity and maintainability:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "enjanga-components-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.22",
|
|
4
4
|
"description": "Reusable component library for Next.js 13+ projects with Carbon design system.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
"storybook": "storybook dev -p 6006",
|
|
40
40
|
"build-storybook": "storybook build",
|
|
41
41
|
"release": "yarn build && npm version patch && npm publish",
|
|
42
|
+
"clean": "rm -rf dist",
|
|
42
43
|
"prepublishOnly": "yarn build"
|
|
43
44
|
},
|
|
44
45
|
"peerDependencies": {
|
|
@@ -70,7 +71,7 @@
|
|
|
70
71
|
"clsx": "^2.1.1",
|
|
71
72
|
"concurrently": "^9.1.2",
|
|
72
73
|
"css-loader": "^7.1.2",
|
|
73
|
-
"enjanga-core-setup": "^1.0.
|
|
74
|
+
"enjanga-core-setup": "^1.0.20",
|
|
74
75
|
"react": "^19.0.0",
|
|
75
76
|
"react-docgen-typescript": "^2.4.0",
|
|
76
77
|
"react-dom": "^19.0.0",
|