@neoptocom/neopto-ui 1.0.0 → 1.0.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 = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
175
+ const cardClasses = ` z-0 ${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
176
176
  return /* @__PURE__ */ jsxRuntime.jsxs(
177
177
  "div",
178
178
  {
@@ -203,7 +203,7 @@ function Card({
203
203
  backgroundSize: "cover",
204
204
  backgroundPosition: "center",
205
205
  backgroundRepeat: "no-repeat",
206
- zIndex: 0
206
+ zIndex: -1
207
207
  }
208
208
  }
209
209
  )
@@ -218,7 +218,7 @@ function Card({
218
218
  width: "100%",
219
219
  height: "100%",
220
220
  pointerEvents: "none",
221
- zIndex: 0
221
+ zIndex: -1
222
222
  },
223
223
  viewBox: "0 0 967 745",
224
224
  fill: "none",
@@ -257,7 +257,7 @@ function Card({
257
257
  ]
258
258
  }
259
259
  ),
260
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 1, height: "100%" }, children })
260
+ /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "contents" }, 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 = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
154
+ const cardClasses = ` z-0 ${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
155
155
  return /* @__PURE__ */ jsxs(
156
156
  "div",
157
157
  {
@@ -182,7 +182,7 @@ function Card({
182
182
  backgroundSize: "cover",
183
183
  backgroundPosition: "center",
184
184
  backgroundRepeat: "no-repeat",
185
- zIndex: 0
185
+ zIndex: -1
186
186
  }
187
187
  }
188
188
  )
@@ -197,7 +197,7 @@ function Card({
197
197
  width: "100%",
198
198
  height: "100%",
199
199
  pointerEvents: "none",
200
- zIndex: 0
200
+ zIndex: -1
201
201
  },
202
202
  viewBox: "0 0 967 745",
203
203
  fill: "none",
@@ -236,7 +236,7 @@ function Card({
236
236
  ]
237
237
  }
238
238
  ),
239
- /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 1, height: "100%" }, children })
239
+ /* @__PURE__ */ jsx("div", { style: { display: "contents" }, 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.0",
3
+ "version": "1.0.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 = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
47
+ const cardClasses = ` z-0 ${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
48
48
 
49
49
  return (
50
50
  <div
@@ -74,7 +74,7 @@ export function Card({
74
74
  backgroundSize: "cover",
75
75
  backgroundPosition: "center",
76
76
  backgroundRepeat: "no-repeat",
77
- zIndex: 0,
77
+ zIndex: -1,
78
78
  }}
79
79
  />
80
80
  </>
@@ -88,7 +88,7 @@ export function Card({
88
88
  width: "100%",
89
89
  height: "100%",
90
90
  pointerEvents: "none",
91
- zIndex: 0,
91
+ zIndex: -1,
92
92
  }}
93
93
  viewBox="0 0 967 745"
94
94
  fill="none"
@@ -129,7 +129,7 @@ export function Card({
129
129
  </defs>
130
130
  </svg>
131
131
  )}
132
- <div style={{ position: "relative", zIndex: 1, height: "100%" }}>
132
+ <div style={{ display: "contents" }}>
133
133
  {children}
134
134
  </div>
135
135
  </div>