@neoptocom/neopto-ui 0.9.3 → 0.9.5
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 +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/src/components/Card.tsx +1 -1
- package/src/components/IconButton.tsx +1 -1
package/dist/index.cjs
CHANGED
|
@@ -169,7 +169,7 @@ function Card({
|
|
|
169
169
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
170
170
|
"div",
|
|
171
171
|
{
|
|
172
|
-
className:
|
|
172
|
+
className: className || "p-6",
|
|
173
173
|
style: mergedStyle,
|
|
174
174
|
...props,
|
|
175
175
|
children: [
|
|
@@ -541,7 +541,7 @@ function Icon({
|
|
|
541
541
|
);
|
|
542
542
|
}
|
|
543
543
|
function getIconButtonClasses(variant = "ghost", size = "md", className) {
|
|
544
|
-
const base = "flex items-center justify-center rounded-full flex-shrink-0 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50";
|
|
544
|
+
const base = "cursor-pointer flex items-center justify-center rounded-full flex-shrink-0 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50";
|
|
545
545
|
const variants = {
|
|
546
546
|
ghost: "bg-transparent hover:bg-[var(--muted)] active:bg-[var(--muted)]",
|
|
547
547
|
primary: "bg-cyan-500 text-white hover:bg-cyan-400 active:bg-cyan-600",
|
package/dist/index.js
CHANGED
|
@@ -148,7 +148,7 @@ function Card({
|
|
|
148
148
|
return /* @__PURE__ */ jsxs(
|
|
149
149
|
"div",
|
|
150
150
|
{
|
|
151
|
-
className:
|
|
151
|
+
className: className || "p-6",
|
|
152
152
|
style: mergedStyle,
|
|
153
153
|
...props,
|
|
154
154
|
children: [
|
|
@@ -520,7 +520,7 @@ function Icon({
|
|
|
520
520
|
);
|
|
521
521
|
}
|
|
522
522
|
function getIconButtonClasses(variant = "ghost", size = "md", className) {
|
|
523
|
-
const base = "flex items-center justify-center rounded-full flex-shrink-0 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50";
|
|
523
|
+
const base = "cursor-pointer flex items-center justify-center rounded-full flex-shrink-0 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50";
|
|
524
524
|
const variants = {
|
|
525
525
|
ghost: "bg-transparent hover:bg-[var(--muted)] active:bg-[var(--muted)]",
|
|
526
526
|
primary: "bg-cyan-500 text-white hover:bg-cyan-400 active:bg-cyan-600",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neoptocom/neopto-ui",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.5",
|
|
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
|
@@ -22,7 +22,7 @@ function getIconButtonClasses(
|
|
|
22
22
|
className?: string
|
|
23
23
|
): string {
|
|
24
24
|
const base =
|
|
25
|
-
"flex items-center justify-center rounded-full flex-shrink-0 " +
|
|
25
|
+
"cursor-pointer flex items-center justify-center rounded-full flex-shrink-0 " +
|
|
26
26
|
"transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 " +
|
|
27
27
|
"focus-visible:ring-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50";
|
|
28
28
|
|