@neoptocom/neopto-ui 1.0.1 → 1.1.1

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 (4) hide show
  1. package/dist/index.cjs +4 -4
  2. package/dist/index.js +4 -4
  3. package/package.json +1 -1
  4. package/src/components/Card.tsx +4 -4
package/dist/index.cjs CHANGED
@@ -172,7 +172,7 @@ function Card({
172
172
  position: style?.position || "relative"
173
173
  };
174
174
  const hasPadding = className && /\b(p-|px-|py-|pt-|pb-|pl-|pr-)\d/.test(className);
175
- const cardClasses = ` z-0 ${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
175
+ const cardClasses = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
176
176
  return /* @__PURE__ */ jsxRuntime.jsxs(
177
177
  "div",
178
178
  {
@@ -190,7 +190,7 @@ function Card({
190
190
  backgroundSize: "cover",
191
191
  backgroundPosition: "center",
192
192
  backgroundRepeat: "no-repeat",
193
- zIndex: 0
193
+ zIndex: 1
194
194
  }
195
195
  }
196
196
  ),
@@ -203,7 +203,7 @@ function Card({
203
203
  backgroundSize: "cover",
204
204
  backgroundPosition: "center",
205
205
  backgroundRepeat: "no-repeat",
206
- zIndex: -1
206
+ zIndex: 1
207
207
  }
208
208
  }
209
209
  )
@@ -257,7 +257,7 @@ function Card({
257
257
  ]
258
258
  }
259
259
  ),
260
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "contents" }, children })
260
+ /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 2, display: "inherit", flex: "inherit", flexDirection: "inherit", gap: "inherit", width: "100%", height: "100%" }, children })
261
261
  ]
262
262
  }
263
263
  );
package/dist/index.js CHANGED
@@ -151,7 +151,7 @@ function Card({
151
151
  position: style?.position || "relative"
152
152
  };
153
153
  const hasPadding = className && /\b(p-|px-|py-|pt-|pb-|pl-|pr-)\d/.test(className);
154
- const cardClasses = ` z-0 ${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
154
+ const cardClasses = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
155
155
  return /* @__PURE__ */ jsxs(
156
156
  "div",
157
157
  {
@@ -169,7 +169,7 @@ function Card({
169
169
  backgroundSize: "cover",
170
170
  backgroundPosition: "center",
171
171
  backgroundRepeat: "no-repeat",
172
- zIndex: 0
172
+ zIndex: 1
173
173
  }
174
174
  }
175
175
  ),
@@ -182,7 +182,7 @@ function Card({
182
182
  backgroundSize: "cover",
183
183
  backgroundPosition: "center",
184
184
  backgroundRepeat: "no-repeat",
185
- zIndex: -1
185
+ zIndex: 1
186
186
  }
187
187
  }
188
188
  )
@@ -236,7 +236,7 @@ function Card({
236
236
  ]
237
237
  }
238
238
  ),
239
- /* @__PURE__ */ jsx("div", { style: { display: "contents" }, children })
239
+ /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 2, display: "inherit", flex: "inherit", flexDirection: "inherit", gap: "inherit", width: "100%", height: "100%" }, children })
240
240
  ]
241
241
  }
242
242
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neoptocom/neopto-ui",
3
- "version": "1.0.1",
3
+ "version": "1.1.1",
4
4
  "private": false,
5
5
  "description": "A modern React component library built with Tailwind CSS v4 and TypeScript. Features dark mode, design tokens, and comprehensive Storybook documentation. Requires Tailwind v4+.",
6
6
  "keywords": [
package/src/components/Card.tsx CHANGED
@@ -44,7 +44,7 @@ export function Card({
44
44
 
45
45
  // Smart class merging: only add default padding if not provided
46
46
  const hasPadding = className && /\b(p-|px-|py-|pt-|pb-|pl-|pr-)\d/.test(className);
47
- const cardClasses = ` z-0 ${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
47
+ const cardClasses = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
48
48
 
49
49
  return (
50
50
  <div
@@ -63,7 +63,7 @@ export function Card({
63
63
  backgroundSize: "cover",
64
64
  backgroundPosition: "center",
65
65
  backgroundRepeat: "no-repeat",
66
- zIndex: 0,
66
+ zIndex: 1,
67
67
  }}
68
68
  />
69
69
  {/* Dark mode background */}
@@ -74,7 +74,7 @@ export function Card({
74
74
  backgroundSize: "cover",
75
75
  backgroundPosition: "center",
76
76
  backgroundRepeat: "no-repeat",
77
- zIndex: -1,
77
+ zIndex: 1,
78
78
  }}
79
79
  />
80
80
  </>
@@ -129,7 +129,7 @@ export function Card({
129
129
  </defs>
130
130
  </svg>
131
131
  )}
132
- <div style={{ display: "contents" }}>
132
+ <div style={{ position: "relative", zIndex: 2, display: "inherit", flex: "inherit", flexDirection: "inherit", gap: "inherit", width: "100%", height: "100%" }}>
133
133
  {children}
134
134
  </div>
135
135
  </div>