@neoptocom/neopto-ui 0.12.2 → 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.
- package/dist/index.cjs +3 -2
- package/dist/index.js +3 -2
- package/package.json +1 -1
- package/src/components/Card.tsx +2 -1
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();
|
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();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neoptocom/neopto-ui",
|
|
3
|
-
"version": "0.12.
|
|
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
|