@neoptocom/neopto-ui 0.12.1 → 0.12.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 (4) hide show
  1. package/dist/index.cjs +4 -3
  2. package/dist/index.js +4 -3
  3. package/package.json +1 -1
  4. package/src/components/Card.tsx +3 -2
package/dist/index.cjs CHANGED
@@ -161,10 +161,11 @@ function Card({
161
161
  WebkitBackdropFilter: "blur(75px)",
162
162
  // Safari support
163
163
  color: "var(--fg)",
164
- position: "relative",
165
164
  overflow: "hidden",
166
165
  transition: "background-color 0.3s ease, color 0.3s ease",
167
- ...style
166
+ ...style,
167
+ // Only set position: relative if decorations are shown (for SVG positioning) and user hasn't provided their own
168
+ ...showDecorations && !style?.position && { position: "relative" }
168
169
  };
169
170
  const hasPadding = className && /\b(p-|px-|py-|pt-|pb-|pl-|pr-)\d/.test(className);
170
171
  const cardClasses = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
@@ -224,7 +225,7 @@ function Card({
224
225
  ]
225
226
  }
226
227
  ),
227
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 1 }, children })
228
+ /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 1, height: "100%" }, children })
228
229
  ]
229
230
  }
230
231
  );
package/dist/index.js CHANGED
@@ -140,10 +140,11 @@ function Card({
140
140
  WebkitBackdropFilter: "blur(75px)",
141
141
  // Safari support
142
142
  color: "var(--fg)",
143
- position: "relative",
144
143
  overflow: "hidden",
145
144
  transition: "background-color 0.3s ease, color 0.3s ease",
146
- ...style
145
+ ...style,
146
+ // Only set position: relative if decorations are shown (for SVG positioning) and user hasn't provided their own
147
+ ...showDecorations && !style?.position && { position: "relative" }
147
148
  };
148
149
  const hasPadding = className && /\b(p-|px-|py-|pt-|pb-|pl-|pr-)\d/.test(className);
149
150
  const cardClasses = `${!hasPadding ? "p-6" : ""} ${className || ""}`.trim();
@@ -203,7 +204,7 @@ function Card({
203
204
  ]
204
205
  }
205
206
  ),
206
- /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 1 }, children })
207
+ /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 1, height: "100%" }, children })
207
208
  ]
208
209
  }
209
210
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neoptocom/neopto-ui",
3
- "version": "0.12.1",
3
+ "version": "0.12.3",
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
@@ -23,10 +23,11 @@ export function Card({
23
23
  backdropFilter: "blur(75px)",
24
24
  WebkitBackdropFilter: "blur(75px)", // Safari support
25
25
  color: "var(--fg)",
26
- position: "relative",
27
26
  overflow: "hidden",
28
27
  transition: "background-color 0.3s ease, color 0.3s ease",
29
28
  ...style,
29
+ // Only set position: relative if decorations are shown (for SVG positioning) and user hasn't provided their own
30
+ ...(showDecorations && !style?.position && { position: "relative" }),
30
31
  };
31
32
 
32
33
  // Smart class merging: only add default padding if not provided
@@ -89,7 +90,7 @@ export function Card({
89
90
  </defs>
90
91
  </svg>
91
92
  )}
92
- <div style={{ position: "relative", zIndex: 1 }}>
93
+ <div style={{ position: "relative", zIndex: 1, height: "100%" }}>
93
94
  {children}
94
95
  </div>
95
96
  </div>