@nucleux/button 0.4.0 → 0.5.0
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 +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -40,7 +40,7 @@ var buttonSizes = {
|
|
|
40
40
|
icon: "size-9 rounded-lg"
|
|
41
41
|
};
|
|
42
42
|
var Button = React__namespace.forwardRef(
|
|
43
|
-
({ variant = "primary", size = "md", leftIcon, rightIcon, type = "button", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
43
|
+
({ color, variant = color ?? "primary", size = "md", leftIcon, rightIcon, type = "button", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
44
44
|
"button",
|
|
45
45
|
{
|
|
46
46
|
ref,
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx"],"names":["React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAM,cAAA,GAAgD;AAAA,EACpD,OAAA,EAAS,uFAAA;AAAA,EACT,GAAA,EAAK,8EAAA;AAAA,EACL,SAAA,EAAW,8EAAA;AAAA,EACX,KAAA,EAAO,iCAAA;AAAA,EACP,WAAA,EACE;AACJ,CAAA;AAEA,IAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,8BAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"names":["React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAM,cAAA,GAAgD;AAAA,EACpD,OAAA,EAAS,uFAAA;AAAA,EACT,GAAA,EAAK,8EAAA;AAAA,EACL,SAAA,EAAW,8EAAA;AAAA,EACX,KAAA,EAAO,iCAAA;AAAA,EACP,WAAA,EACE;AACJ,CAAA;AAEA,IAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,8BAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAmBO,IAAM,MAAA,GAAeA,gBAAA,CAAA,UAAA;AAAA,EAC1B,CACE,EAAE,KAAA,EAAO,OAAA,GAAU,KAAA,IAAS,WAAW,IAAA,GAAO,IAAA,EAAM,QAAA,EAAU,SAAA,EAAW,OAAO,QAAA,EAAU,SAAA,EAAW,UAAU,GAAG,KAAA,IAClH,GAAA,qBAEAC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA,EAAWC,QAAA;AAAA,QACT,4TAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB,YAAY,IAAI,CAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAYC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAqC,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,QAC1E,QAAA;AAAA,QACA,SAAA,oBAAaA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAqC,QAAA,EAAA,SAAA,EAAU;AAAA;AAAA;AAAA;AAGnF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\n\nexport type ButtonVariant =\n | \"primary\"\n | \"cta\"\n | \"secondary\"\n | \"ghost\"\n | \"destructive\";\n\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\" | \"icon\";\n\n// Canonical spec (Figma \"Button\"): rounded-lg, semibold 14px, subtle border +\n// shadow-sm on filled/outline variants; ghost is chromeless.\nconst buttonVariants: Record<ButtonVariant, string> = {\n primary: \"border border-border bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n cta: \"border border-border bg-info text-info-foreground shadow-sm hover:bg-info/90\",\n secondary: \"border border-border bg-background text-foreground shadow-sm hover:bg-accent\",\n ghost: \"text-foreground hover:bg-accent\",\n destructive:\n \"border border-border bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n};\n\nconst buttonSizes: Record<ButtonSize, string> = {\n sm: \"h-8 rounded-lg px-3 text-sm\",\n md: \"h-9 rounded-lg px-4 text-sm\",\n lg: \"h-10 rounded-lg px-5 text-sm\",\n icon: \"size-9 rounded-lg\",\n};\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /** Visual style: \"primary\" (default), \"cta\", \"secondary\", \"ghost\", or \"destructive\". */\n variant?: ButtonVariant;\n /**\n * Alias of `variant` (MUI/Chakra vocabulary). Deprecated — use `variant`.\n * @deprecated Use `variant` instead. Alias kept so MUI/Chakra-trained\n * agents and users are caught; it maps 1:1.\n */\n color?: ButtonVariant;\n /** Size preset: \"sm\", \"md\" (default), \"lg\", or \"icon\". */\n size?: ButtonSize;\n /** Icon rendered before the label. */\n leftIcon?: React.ReactNode;\n /** Icon rendered after the label. */\n rightIcon?: React.ReactNode;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n { color, variant = color ?? \"primary\", size = \"md\", leftIcon, rightIcon, type = \"button\", className, children, ...props },\n ref,\n ) => (\n <button\n ref={ref}\n type={type}\n className={cn(\n \"inline-flex select-none items-center justify-center gap-1.5 whitespace-nowrap font-semibold tracking-[0.005em] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n buttonVariants[variant],\n buttonSizes[size],\n className,\n )}\n {...props}\n >\n {leftIcon && <span className=\"inline-flex shrink-0 items-center\">{leftIcon}</span>}\n {children}\n {rightIcon && <span className=\"inline-flex shrink-0 items-center\">{rightIcon}</span>}\n </button>\n ),\n);\nButton.displayName = \"Button\";\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -3,7 +3,15 @@ import * as React from 'react';
|
|
|
3
3
|
type ButtonVariant = "primary" | "cta" | "secondary" | "ghost" | "destructive";
|
|
4
4
|
type ButtonSize = "sm" | "md" | "lg" | "icon";
|
|
5
5
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
+
/** Visual style: "primary" (default), "cta", "secondary", "ghost", or "destructive". */
|
|
6
7
|
variant?: ButtonVariant;
|
|
8
|
+
/**
|
|
9
|
+
* Alias of `variant` (MUI/Chakra vocabulary). Deprecated — use `variant`.
|
|
10
|
+
* @deprecated Use `variant` instead. Alias kept so MUI/Chakra-trained
|
|
11
|
+
* agents and users are caught; it maps 1:1.
|
|
12
|
+
*/
|
|
13
|
+
color?: ButtonVariant;
|
|
14
|
+
/** Size preset: "sm", "md" (default), "lg", or "icon". */
|
|
7
15
|
size?: ButtonSize;
|
|
8
16
|
/** Icon rendered before the label. */
|
|
9
17
|
leftIcon?: React.ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,15 @@ import * as React from 'react';
|
|
|
3
3
|
type ButtonVariant = "primary" | "cta" | "secondary" | "ghost" | "destructive";
|
|
4
4
|
type ButtonSize = "sm" | "md" | "lg" | "icon";
|
|
5
5
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
+
/** Visual style: "primary" (default), "cta", "secondary", "ghost", or "destructive". */
|
|
6
7
|
variant?: ButtonVariant;
|
|
8
|
+
/**
|
|
9
|
+
* Alias of `variant` (MUI/Chakra vocabulary). Deprecated — use `variant`.
|
|
10
|
+
* @deprecated Use `variant` instead. Alias kept so MUI/Chakra-trained
|
|
11
|
+
* agents and users are caught; it maps 1:1.
|
|
12
|
+
*/
|
|
13
|
+
color?: ButtonVariant;
|
|
14
|
+
/** Size preset: "sm", "md" (default), "lg", or "icon". */
|
|
7
15
|
size?: ButtonSize;
|
|
8
16
|
/** Icon rendered before the label. */
|
|
9
17
|
leftIcon?: React.ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -18,7 +18,7 @@ var buttonSizes = {
|
|
|
18
18
|
icon: "size-9 rounded-lg"
|
|
19
19
|
};
|
|
20
20
|
var Button = React.forwardRef(
|
|
21
|
-
({ variant = "primary", size = "md", leftIcon, rightIcon, type = "button", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
21
|
+
({ color, variant = color ?? "primary", size = "md", leftIcon, rightIcon, type = "button", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
22
22
|
"button",
|
|
23
23
|
{
|
|
24
24
|
ref,
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,cAAA,GAAgD;AAAA,EACpD,OAAA,EAAS,uFAAA;AAAA,EACT,GAAA,EAAK,8EAAA;AAAA,EACL,SAAA,EAAW,8EAAA;AAAA,EACX,KAAA,EAAO,iCAAA;AAAA,EACP,WAAA,EACE;AACJ,CAAA;AAEA,IAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,8BAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,cAAA,GAAgD;AAAA,EACpD,OAAA,EAAS,uFAAA;AAAA,EACT,GAAA,EAAK,8EAAA;AAAA,EACL,SAAA,EAAW,8EAAA;AAAA,EACX,KAAA,EAAO,iCAAA;AAAA,EACP,WAAA,EACE;AACJ,CAAA;AAEA,IAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,8BAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAmBO,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EAC1B,CACE,EAAE,KAAA,EAAO,OAAA,GAAU,KAAA,IAAS,WAAW,IAAA,GAAO,IAAA,EAAM,QAAA,EAAU,SAAA,EAAW,OAAO,QAAA,EAAU,SAAA,EAAW,UAAU,GAAG,KAAA,IAClH,GAAA,qBAEA,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,4TAAA;AAAA,QACA,eAAe,OAAO,CAAA;AAAA,QACtB,YAAY,IAAI,CAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAqC,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,QAC1E,QAAA;AAAA,QACA,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAqC,QAAA,EAAA,SAAA,EAAU;AAAA;AAAA;AAAA;AAGnF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\n\nexport type ButtonVariant =\n | \"primary\"\n | \"cta\"\n | \"secondary\"\n | \"ghost\"\n | \"destructive\";\n\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\" | \"icon\";\n\n// Canonical spec (Figma \"Button\"): rounded-lg, semibold 14px, subtle border +\n// shadow-sm on filled/outline variants; ghost is chromeless.\nconst buttonVariants: Record<ButtonVariant, string> = {\n primary: \"border border-border bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n cta: \"border border-border bg-info text-info-foreground shadow-sm hover:bg-info/90\",\n secondary: \"border border-border bg-background text-foreground shadow-sm hover:bg-accent\",\n ghost: \"text-foreground hover:bg-accent\",\n destructive:\n \"border border-border bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n};\n\nconst buttonSizes: Record<ButtonSize, string> = {\n sm: \"h-8 rounded-lg px-3 text-sm\",\n md: \"h-9 rounded-lg px-4 text-sm\",\n lg: \"h-10 rounded-lg px-5 text-sm\",\n icon: \"size-9 rounded-lg\",\n};\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /** Visual style: \"primary\" (default), \"cta\", \"secondary\", \"ghost\", or \"destructive\". */\n variant?: ButtonVariant;\n /**\n * Alias of `variant` (MUI/Chakra vocabulary). Deprecated — use `variant`.\n * @deprecated Use `variant` instead. Alias kept so MUI/Chakra-trained\n * agents and users are caught; it maps 1:1.\n */\n color?: ButtonVariant;\n /** Size preset: \"sm\", \"md\" (default), \"lg\", or \"icon\". */\n size?: ButtonSize;\n /** Icon rendered before the label. */\n leftIcon?: React.ReactNode;\n /** Icon rendered after the label. */\n rightIcon?: React.ReactNode;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n { color, variant = color ?? \"primary\", size = \"md\", leftIcon, rightIcon, type = \"button\", className, children, ...props },\n ref,\n ) => (\n <button\n ref={ref}\n type={type}\n className={cn(\n \"inline-flex select-none items-center justify-center gap-1.5 whitespace-nowrap font-semibold tracking-[0.005em] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n buttonVariants[variant],\n buttonSizes[size],\n className,\n )}\n {...props}\n >\n {leftIcon && <span className=\"inline-flex shrink-0 items-center\">{leftIcon}</span>}\n {children}\n {rightIcon && <span className=\"inline-flex shrink-0 items-center\">{rightIcon}</span>}\n </button>\n ),\n);\nButton.displayName = \"Button\";\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nucleux/button",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"react-dom": ">=18"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@nucleux/utils": "0.
|
|
25
|
+
"@nucleux/utils": "0.5.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"tsup": "^8.3.5",
|