pillardash-ui-react 0.1.146 → 0.1.148
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.children,n=r.variant,o=void 0===n?"default":n,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.children,n=r.variant,o=void 0===n?"default":n,g=r.size,l=void 0===g?"md":g,i=r.className,d=void 0===i?"":i,a=r.onClick,b=["inline-flex items-center font-medium rounded-full transition-colors duration-200",{default:"bg-gray-100 text-gray-800 hover:bg-gray-200",secondary:"bg-blue-100 text-blue-800 hover:bg-blue-200",success:"bg-green-100 text-green-800 hover:bg-green-200",completed:"bg-green-100 text-green-800 hover:bg-green-200",active:"bg-green-100 text-green-800 hover:bg-green-200",warning:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",suspended:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",error:"bg-red-100 text-red-800 hover:bg-red-200",danger:"bg-red-100 text-red-800 hover:bg-red-200",info:"bg-cyan-100 text-cyan-800 hover:bg-cyan-200"}[o],{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"}[l],a?"cursor-pointer":"",d].filter(Boolean).join(" ");return e.jsx("span",{className:b,onClick:a,role:a?"button":void 0,tabIndex:a?0:void 0,onKeyDown:a?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a())}:void 0,children:t})};
|
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant =\n | \"default\"\n | \"secondary\"\n | \"success\"\n | \"completed\"\n | \"warning\"\n | \"error\"\n | \"info\"\n | \"active\"\n | \"suspended\"\n | \"danger\";\nexport interface BadgeProps {\n children: React.ReactNode;\n variant?: BadgeVariant;\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n onClick?: () => void;\n}\n\nconst Badge: React.FC<BadgeProps> = ({\n children,\n variant = \"default\",\n size = \"md\",\n className = \"\",\n onClick,\n}) => {\n const baseClasses =\n \"inline-flex items-center font-medium rounded-full transition-colors duration-200\";\n\n const variantClasses = {\n default: \"bg-gray-100 text-gray-800 hover:bg-gray-200\",\n secondary: \"bg-blue-100 text-blue-800 hover:bg-blue-200\",\n success: \"bg-green-100 text-green-800 hover:bg-green-200\",\n completed: \"bg-green-100 text-green-800 hover:bg-green-200\",\n active: \"bg-green-100 text-green-800 hover:bg-green-200\",\n warning: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n suspended: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n error: \"bg-red-100 text-red-800 hover:bg-red-200\",\n danger: \"bg-red-100 text-red-800 hover:bg-red-200\",\n info: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200\",\n };\n\n const sizeClasses = {\n sm: \"px-2 py-0.5 text-xs\",\n md: \"px-2.5 py-1 text-sm\",\n lg: \"px-3 py-1.5 text-base\",\n };\n\n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n onClick ? \"cursor-pointer\" : \"\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <span\n className={classes}\n onClick={onClick}\n role={onClick ? \"button\" : undefined}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={\n onClick\n ? (e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onClick();\n }\n }\n : undefined\n }\n >\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["_a","children","_b","variant","_c","size","_d","className","onClick","classes","default","secondary","success","completed","active","warning","suspended","error","danger","info","sm","md","lg","filter","Boolean","join","_jsx","role","undefined","tabIndex","onKeyDown","e","key","preventDefault"],"mappings":"+DAqBoC,SAACA,OACnCC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,QAAAA,aAAU,UAASD,EACnBE,EAAAJ,EAAAK,KAAAA,aAAO,KAAID,EACXE,EAAAN,EAAAO,UAAAA,aAAY,GAAED,EACdE,EAAOR,EAAAQ,QAwBDC,EAAU,CArBd,mFAEqB,CACrBC,QAAS,8CACTC,UAAW,8CACXC,QAAS,iDACTC,UAAW,iDACXC,OAAQ,iDACRC,QAAS,oDACTC,UAAW,oDACXC,MAAO,2CACPC,OAAQ,2CACRC,KAAM,+CAWShB,GARG,CAClBiB,GAAI,sBACJC,GAAI,sBACJC,GAAI,yBAMQjB,GACZG,EAAU,iBAAmB,GAC7BD,GAECgB,OAAOC,SACPC,KAAK,KAER,OACEC,EAAAA,IAAA,OAAA,CACEnB,UAAWE,EACXD,QAASA,EACTmB,KAAMnB,EAAU,cAAWoB,EAC3BC,SAAUrB,EAAU,OAAIoB,EACxBE,UACEtB,EACI,SAACuB,GACe,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACFzB,IAEJ,OACAoB,EAAS3B,SAGdA,GAGP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";var r=function(r){var t=r.children,o=r.variant,n=void 0===o?"default":o,
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";var r=function(r){var t=r.children,o=r.variant,n=void 0===o?"default":o,g=r.size,l=void 0===g?"md":g,a=r.className,d=void 0===a?"":a,i=r.onClick,b=["inline-flex items-center font-medium rounded-full transition-colors duration-200",{default:"bg-gray-100 text-gray-800 hover:bg-gray-200",secondary:"bg-blue-100 text-blue-800 hover:bg-blue-200",success:"bg-green-100 text-green-800 hover:bg-green-200",completed:"bg-green-100 text-green-800 hover:bg-green-200",active:"bg-green-100 text-green-800 hover:bg-green-200",warning:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",suspended:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",error:"bg-red-100 text-red-800 hover:bg-red-200",danger:"bg-red-100 text-red-800 hover:bg-red-200",info:"bg-cyan-100 text-cyan-800 hover:bg-cyan-200"}[n],{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"}[l],i?"cursor-pointer":"",d].filter(Boolean).join(" ");return e("span",{className:b,onClick:i,role:i?"button":void 0,tabIndex:i?0:void 0,onKeyDown:i?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),i())}:void 0,children:t})};export{r as default};
|
|
2
2
|
//# sourceMappingURL=Badge.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant
|
|
1
|
+
{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant =\n | \"default\"\n | \"secondary\"\n | \"success\"\n | \"completed\"\n | \"warning\"\n | \"error\"\n | \"info\"\n | \"active\"\n | \"suspended\"\n | \"danger\";\nexport interface BadgeProps {\n children: React.ReactNode;\n variant?: BadgeVariant;\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n onClick?: () => void;\n}\n\nconst Badge: React.FC<BadgeProps> = ({\n children,\n variant = \"default\",\n size = \"md\",\n className = \"\",\n onClick,\n}) => {\n const baseClasses =\n \"inline-flex items-center font-medium rounded-full transition-colors duration-200\";\n\n const variantClasses = {\n default: \"bg-gray-100 text-gray-800 hover:bg-gray-200\",\n secondary: \"bg-blue-100 text-blue-800 hover:bg-blue-200\",\n success: \"bg-green-100 text-green-800 hover:bg-green-200\",\n completed: \"bg-green-100 text-green-800 hover:bg-green-200\",\n active: \"bg-green-100 text-green-800 hover:bg-green-200\",\n warning: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n suspended: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n error: \"bg-red-100 text-red-800 hover:bg-red-200\",\n danger: \"bg-red-100 text-red-800 hover:bg-red-200\",\n info: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200\",\n };\n\n const sizeClasses = {\n sm: \"px-2 py-0.5 text-xs\",\n md: \"px-2.5 py-1 text-sm\",\n lg: \"px-3 py-1.5 text-base\",\n };\n\n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n onClick ? \"cursor-pointer\" : \"\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <span\n className={classes}\n onClick={onClick}\n role={onClick ? \"button\" : undefined}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={\n onClick\n ? (e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n onClick();\n }\n }\n : undefined\n }\n >\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["Badge","_a","children","_b","variant","_c","size","_d","className","onClick","classes","default","secondary","success","completed","active","warning","suspended","error","danger","info","sm","md","lg","filter","Boolean","join","_jsx","role","undefined","tabIndex","onKeyDown","e","key","preventDefault"],"mappings":"wCAqBA,IAAMA,EAA8B,SAACC,OACnCC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,QAAAA,aAAU,UAASD,EACnBE,EAAAJ,EAAAK,KAAAA,aAAO,KAAID,EACXE,EAAAN,EAAAO,UAAAA,aAAY,GAAED,EACdE,EAAOR,EAAAQ,QAwBDC,EAAU,CArBd,mFAEqB,CACrBC,QAAS,8CACTC,UAAW,8CACXC,QAAS,iDACTC,UAAW,iDACXC,OAAQ,iDACRC,QAAS,oDACTC,UAAW,oDACXC,MAAO,2CACPC,OAAQ,2CACRC,KAAM,+CAWShB,GARG,CAClBiB,GAAI,sBACJC,GAAI,sBACJC,GAAI,yBAMQjB,GACZG,EAAU,iBAAmB,GAC7BD,GAECgB,OAAOC,SACPC,KAAK,KAER,OACEC,EAAA,OAAA,CACEnB,UAAWE,EACXD,QAASA,EACTmB,KAAMnB,EAAU,cAAWoB,EAC3BC,SAAUrB,EAAU,OAAIoB,EACxBE,UACEtB,EACI,SAACuB,GACe,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACFzB,IAEJ,OACAoB,EAAS3B,SAGdA,GAGP"}
|
package/dist/index.d.ts
CHANGED
|
@@ -641,7 +641,7 @@ interface TooltipProps {
|
|
|
641
641
|
}
|
|
642
642
|
declare const Tooltip: React$1.FC<TooltipProps>;
|
|
643
643
|
|
|
644
|
-
type BadgeVariant = "default" | "secondary" | "success" | "warning" | "error" | "info";
|
|
644
|
+
type BadgeVariant = "default" | "secondary" | "success" | "completed" | "warning" | "error" | "info" | "active" | "suspended" | "danger";
|
|
645
645
|
interface BadgeProps {
|
|
646
646
|
children: React$1.ReactNode;
|
|
647
647
|
variant?: BadgeVariant;
|