pillardash-ui-react 0.0.2 → 0.0.4

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 (6) hide show
  1. package/dist/index.d.ts +16 -3
  2. package/dist/index.js +2 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,5 +1,18 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
 
3
+ interface ButtonProps2 {
4
+ children: ReactNode;
5
+ onClick?: () => void;
6
+ type?: "button" | "submit" | "reset";
7
+ size?: "small" | "medium" | "large";
8
+ variant?: "primary" | "secondary" | "dark" | "neutral";
9
+ disabled?: boolean;
10
+ className?: string;
11
+ icon?: ReactNode;
12
+ loading?: boolean;
13
+ }
14
+ declare const CustomButton: FC<ButtonProps2>;
15
+
3
16
  interface ButtonProps {
4
17
  children: ReactNode;
5
18
  onClick?: () => void;
@@ -11,7 +24,7 @@ interface ButtonProps {
11
24
  icon?: ReactNode;
12
25
  loading?: boolean;
13
26
  }
14
- declare const CustomButton: FC<ButtonProps>;
27
+ declare const Button: FC<ButtonProps>;
15
28
 
16
- export { CustomButton as default };
17
- export type { ButtonProps };
29
+ export { Button, CustomButton as default };
30
+ export type { ButtonProps, ButtonProps2 };
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
- "use strict";var r=require("react/jsx-runtime");function e(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var t={exports:{}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime");function e(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var t,o={exports:{}};
2
2
  /*!
3
3
  Copyright (c) 2018 Jed Watson.
4
4
  Licensed under the MIT License (MIT), see
5
5
  http://jedwatson.github.io/classnames
6
- */!function(r){!function(){var e={}.hasOwnProperty;function t(){for(var r="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(r=i(r,o(t)))}return r}function o(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var a in r)e.call(r,a)&&r[a]&&(o=i(o,a));return o}function i(r,e){return e?r?r+" "+e:r+e:r}r.exports?(t.default=t,r.exports=t):window.classNames=t}()}(t);var o=e(t.exports);module.exports=function(e){var t=e.children,i=e.onClick,a=e.type,n=void 0===a?"button":a,s=e.size,l=void 0===s?"medium":s,d=e.variant,c=void 0===d?"primary":d,m=e.disabled,p=void 0!==m&&m,u=e.className,x=e.icon,y=e.loading,h=void 0!==y&&y,v=o("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===l,"h-5 w-5":"medium"===l,"h-6 w-6":"large"===l},"primary"===c?"text-white":"text-primary"),g=o("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[l],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[c],p?"opacity-50 cursor-not-allowed":"hover:shadow-lg",u);return r.jsx("button",{type:n,onClick:i,disabled:p,className:g,children:h?r.jsxs(r.Fragment,{children:[r.jsxs("svg",{className:v,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),t]}):r.jsxs(r.Fragment,{children:[x&&r.jsx("span",{className:"mr-2",children:x}),t]})})};
6
+ */t=o,function(){var r={}.hasOwnProperty;function e(){for(var r="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(r=i(r,o(t)))}return r}function o(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var a in t)r.call(t,a)&&t[a]&&(o=i(o,a));return o}function i(r,e){return e?r?r+" "+e:r+e:r}t.exports?(e.default=e,t.exports=e):window.classNames=e}();var i=e(o.exports);exports.Button=function(e){var t=e.children,o=e.onClick,a=e.type,n=void 0===a?"button":a,s=e.size,l=void 0===s?"medium":s,d=e.variant,m=void 0===d?"primary":d,c=e.disabled,x=void 0!==c&&c,p=e.className,h=e.icon,y=e.loading,u=void 0!==y&&y,b=i("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===l,"h-5 w-5":"medium"===l,"h-6 w-6":"large"===l},"primary"===m?"text-white":"text-primary"),v=i("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[l],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[m],x?"opacity-50 cursor-not-allowed":"hover:shadow-lg",p);return r.jsx("button",{type:n,onClick:o,disabled:x,className:v,children:u?r.jsxs(r.Fragment,{children:[r.jsxs("svg",{className:b,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),t]}):r.jsxs(r.Fragment,{children:[h&&r.jsx("span",{className:"mr-2",children:h}),t]})})},exports.default=function(e){var t=e.children,o=e.onClick,a=e.type,n=void 0===a?"button":a,s=e.size,l=void 0===s?"medium":s,d=e.variant,m=void 0===d?"primary":d,c=e.disabled,x=void 0!==c&&c,p=e.className,h=e.icon,y=e.loading,u=void 0!==y&&y,b=i("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===l,"h-5 w-5":"medium"===l,"h-6 w-6":"large"===l},"primary"===m?"text-white":"text-primary"),v=i("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[l],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[m],x?"opacity-50 cursor-not-allowed":"hover:shadow-lg",p);return r.jsx("button",{type:n,onClick:o,disabled:x,className:v,children:u?r.jsxs(r.Fragment,{children:[r.jsxs("svg",{className:b,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),t]}):r.jsxs(r.Fragment,{children:[h&&r.jsx("span",{className:"mr-2",children:h}),t]})})};
7
7
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../node_modules/classnames/index.js","../src/components/CustomButton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n children: ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n size?: \"small\" | \"medium\" | \"large\";\n variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n disabled?: boolean;\n className?: string;\n icon?: ReactNode;\n loading?: boolean;\n}\n\nconst CustomButton: FC<ButtonProps> = ({\n children,\n onClick,\n type = \"button\",\n size = \"medium\",\n variant = \"primary\",\n disabled = false,\n className,\n icon,\n loading = false,\n }) => {\n const baseClasses =\n \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n const sizeClasses = {\n small: \"px-5 py-2 text-sm\",\n medium: \"px-6 py-3 text-md\",\n large: \"px-8 py-4 text-lg\",\n };\n const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n neutral:\n \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n };\n\n const spinnerClasses = classNames(\n \"animate-spin -ml-1 mr-3\",\n {\n \"h-4 w-4\": size === \"small\",\n \"h-5 w-5\": size === \"medium\",\n \"h-6 w-6\": size === \"large\",\n },\n variant === \"primary\" ? \"text-white\" : \"text-primary\"\n );\n\n const classes = classNames(\n baseClasses,\n sizeClasses[size],\n variantClasses[variant],\n disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n className\n );\n\n return (\n <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n {loading ? (\n <>\n <svg\n className={spinnerClasses}\n xmlns='http://www.w3.org/2000/svg'\n fill='none'\n viewBox='0 0 24 24'\n >\n <circle\n className='opacity-25'\n cx='12'\n cy='12'\n r='10'\n stroke='currentColor'\n strokeWidth='4'\n ></circle>\n <path\n className='opacity-75'\n fill='currentColor'\n d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n ></path>\n </svg>\n {children}\n </>\n ) : (\n <>\n {icon && <span className='mr-2'>{icon}</span>}\n {children}\n </>\n )}\n </button>\n );\n};\n\nexport default CustomButton;"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","Fragment","xmlns","fill","viewBox","jsx","cx","cy","r","stroke","strokeWidth","d"],"mappings":";;;;;gBAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,yCCQsC,SAACuB,OACIC,EAAQD,EAAAC,SACRC,EAAOF,EAAAE,QACPC,EAAeH,EAAAI,KAAfA,OAAO,IAAAD,EAAA,WACPE,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,YAAAC,aAAU,UAASD,EACnBE,EAAgBT,EAAAU,SAAhBA,OAAW,IAAAD,KACXE,cACAC,SACAC,EAAAb,EAAAc,QAAAA,OAAO,IAAAD,GAAQA,EAiBhDE,EAAiBtC,EACnB,0BACA,CACI,UAAoB,UAAT6B,EACX,UAAoB,WAATA,EACX,UAAoB,UAATA,GAEH,YAAZE,EAAwB,aAAe,gBAGrC9B,EAAUD,EAxBZ,mHACgB,CAChBuC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,qBAsBKZ,GApB8E,CAC1Fa,QAAS,qGACTC,UAAW,8FACXC,KAAM,sFACNC,QACI,4FAgBWd,GACfE,EAAW,gCAAkC,kBAC7CC,GAGJ,OACIY,EAAAA,cAAQnB,KAAMA,EAAMF,QAASA,EAASQ,SAAUA,EAAUC,UAAWjC,EAAOuB,SACvEa,EACGU,EAAAA,KACIC,EAAAC,SAAA,CAAAzB,SAAA,CAAAuB,EAAAA,KAAA,MAAA,CACIb,UAAWI,EACXY,MAAM,6BACNC,KAAK,OACLC,QAAQ,YAAW5B,SAAA,CAEnBsB,EACIO,IAAA,SAAA,CAAAnB,UAAU,aACVoB,GAAG,KACHC,GAAG,KACHC,EAAE,KACFC,OAAO,eACPC,YAAY,MAEhBZ,MAAA,OAAA,CACIZ,UAAU,aACViB,KAAK,eACLQ,EAAE,uHAGTnC,KAGLuB,EAAAA,KACKC,EAAAC,SAAA,CAAAzB,SAAA,CAAAW,GAAQW,EAAAA,IAAA,OAAA,CAAMZ,UAAU,OAAQV,SAAAW,IAChCX,MAKrB","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.js","sources":["../node_modules/classnames/index.js","../src/components/Button/Button.tsx","../src/components/CustomButton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n children: ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n size?: \"small\" | \"medium\" | \"large\";\n variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n disabled?: boolean;\n className?: string;\n icon?: ReactNode;\n loading?: boolean;\n}\n\nconst Button: FC<ButtonProps> = ({\n children,\n onClick,\n type = \"button\",\n size = \"medium\",\n variant = \"primary\",\n disabled = false,\n className,\n icon,\n loading = false,\n }) => {\n const baseClasses =\n \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n const sizeClasses = {\n small: \"px-5 py-2 text-sm\",\n medium: \"px-6 py-3 text-md\",\n large: \"px-8 py-4 text-lg\",\n };\n const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n neutral:\n \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n };\n\n const spinnerClasses = classNames(\n \"animate-spin -ml-1 mr-3\",\n {\n \"h-4 w-4\": size === \"small\",\n \"h-5 w-5\": size === \"medium\",\n \"h-6 w-6\": size === \"large\",\n },\n variant === \"primary\" ? \"text-white\" : \"text-primary\"\n );\n\n const classes = classNames(\n baseClasses,\n sizeClasses[size],\n variantClasses[variant],\n disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n className\n );\n\n return (\n <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n {loading ? (\n <>\n <svg\n className={spinnerClasses}\n xmlns='http://www.w3.org/2000/svg'\n fill='none'\n viewBox='0 0 24 24'\n >\n <circle\n className='opacity-25'\n cx='12'\n cy='12'\n r='10'\n stroke='currentColor'\n strokeWidth='4'\n ></circle>\n <path\n className='opacity-75'\n fill='currentColor'\n d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n ></path>\n </svg>\n {children}\n </>\n ) : (\n <>\n {icon && <span className='mr-2'>{icon}</span>}\n {children}\n </>\n )}\n </button>\n );\n};\n\nexport default Button;","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps2 {\n children: ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n size?: \"small\" | \"medium\" | \"large\";\n variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n disabled?: boolean;\n className?: string;\n icon?: ReactNode;\n loading?: boolean;\n}\n\nconst CustomButton: FC<ButtonProps2> = ({\n children,\n onClick,\n type = \"button\",\n size = \"medium\",\n variant = \"primary\",\n disabled = false,\n className,\n icon,\n loading = false,\n }) => {\n const baseClasses =\n \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n const sizeClasses = {\n small: \"px-5 py-2 text-sm\",\n medium: \"px-6 py-3 text-md\",\n large: \"px-8 py-4 text-lg\",\n };\n const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n neutral:\n \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n };\n\n const spinnerClasses = classNames(\n \"animate-spin -ml-1 mr-3\",\n {\n \"h-4 w-4\": size === \"small\",\n \"h-5 w-5\": size === \"medium\",\n \"h-6 w-6\": size === \"large\",\n },\n variant === \"primary\" ? \"text-white\" : \"text-primary\"\n );\n\n const classes = classNames(\n baseClasses,\n sizeClasses[size],\n variantClasses[variant],\n disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n className\n );\n\n return (\n <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n {loading ? (\n <>\n <svg\n className={spinnerClasses}\n xmlns='http://www.w3.org/2000/svg'\n fill='none'\n viewBox='0 0 24 24'\n >\n <circle\n className='opacity-25'\n cx='12'\n cy='12'\n r='10'\n stroke='currentColor'\n strokeWidth='4'\n ></circle>\n <path\n className='opacity-75'\n fill='currentColor'\n d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n ></path>\n </svg>\n {children}\n </>\n ) : (\n <>\n {icon && <span className='mr-2'>{icon}</span>}\n {children}\n </>\n )}\n </button>\n );\n};\n\nexport default CustomButton;"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","Fragment","xmlns","fill","viewBox","jsx","cx","cy","r","stroke","strokeWidth","d"],"mappings":"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","x_google_ignoreList":[0]}
package/dist/index.mjs CHANGED
@@ -3,5 +3,5 @@ import{jsx as r,jsxs as e,Fragment as t}from"react/jsx-runtime";function o(r){re
3
3
  Copyright (c) 2018 Jed Watson.
4
4
  Licensed under the MIT License (MIT), see
5
5
  http://jedwatson.github.io/classnames
6
- */i=a,function(){var r={}.hasOwnProperty;function e(){for(var r="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(r=o(r,t(i)))}return r}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var a in t)r.call(t,a)&&t[a]&&(i=o(i,a));return i}function o(r,e){return e?r?r+" "+e:r+e:r}i.exports?(e.default=e,i.exports=e):window.classNames=e}();var n=o(a.exports),l=function(o){var i=o.children,a=o.onClick,l=o.type,s=void 0===l?"button":l,d=o.size,c=void 0===d?"medium":d,m=o.variant,p=void 0===m?"primary":m,u=o.disabled,y=void 0!==u&&u,h=o.className,x=o.icon,v=o.loading,b=void 0!==v&&v,g=n("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===c,"h-5 w-5":"medium"===c,"h-6 w-6":"large"===c},"primary"===p?"text-white":"text-primary"),f=n("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[c],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[p],y?"opacity-50 cursor-not-allowed":"hover:shadow-lg",h);return r("button",{type:s,onClick:a,disabled:y,className:f,children:e(t,b?{children:[e("svg",{className:g,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),i]}:{children:[x&&r("span",{className:"mr-2",children:x}),i]})})};export{l as default};
6
+ */i=a,function(){var r={}.hasOwnProperty;function e(){for(var r="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(r=o(r,t(i)))}return r}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var a in t)r.call(t,a)&&t[a]&&(i=o(i,a));return i}function o(r,e){return e?r?r+" "+e:r+e:r}i.exports?(e.default=e,i.exports=e):window.classNames=e}();var n=o(a.exports),l=function(o){var i=o.children,a=o.onClick,l=o.type,d=void 0===l?"button":l,s=o.size,m=void 0===s?"medium":s,c=o.variant,h=void 0===c?"primary":c,p=o.disabled,y=void 0!==p&&p,x=o.className,u=o.icon,b=o.loading,v=void 0!==b&&b,g=n("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===m,"h-5 w-5":"medium"===m,"h-6 w-6":"large"===m},"primary"===h?"text-white":"text-primary"),w=n("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[m],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[h],y?"opacity-50 cursor-not-allowed":"hover:shadow-lg",x);return r("button",{type:d,onClick:a,disabled:y,className:w,children:e(t,v?{children:[e("svg",{className:g,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),i]}:{children:[u&&r("span",{className:"mr-2",children:u}),i]})})},d=function(o){var i=o.children,a=o.onClick,l=o.type,d=void 0===l?"button":l,s=o.size,m=void 0===s?"medium":s,c=o.variant,h=void 0===c?"primary":c,p=o.disabled,y=void 0!==p&&p,x=o.className,u=o.icon,b=o.loading,v=void 0!==b&&b,g=n("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===m,"h-5 w-5":"medium"===m,"h-6 w-6":"large"===m},"primary"===h?"text-white":"text-primary"),w=n("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[m],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[h],y?"opacity-50 cursor-not-allowed":"hover:shadow-lg",x);return r("button",{type:d,onClick:a,disabled:y,className:w,children:e(t,v?{children:[e("svg",{className:g,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),i]}:{children:[u&&r("span",{className:"mr-2",children:u}),i]})})};export{d as Button,l as default};
7
7
  //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../node_modules/classnames/index.js","../src/components/CustomButton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n children: ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n size?: \"small\" | \"medium\" | \"large\";\n variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n disabled?: boolean;\n className?: string;\n icon?: ReactNode;\n loading?: boolean;\n}\n\nconst CustomButton: FC<ButtonProps> = ({\n children,\n onClick,\n type = \"button\",\n size = \"medium\",\n variant = \"primary\",\n disabled = false,\n className,\n icon,\n loading = false,\n }) => {\n const baseClasses =\n \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n const sizeClasses = {\n small: \"px-5 py-2 text-sm\",\n medium: \"px-6 py-3 text-md\",\n large: \"px-8 py-4 text-lg\",\n };\n const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n neutral:\n \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n };\n\n const spinnerClasses = classNames(\n \"animate-spin -ml-1 mr-3\",\n {\n \"h-4 w-4\": size === \"small\",\n \"h-5 w-5\": size === \"medium\",\n \"h-6 w-6\": size === \"large\",\n },\n variant === \"primary\" ? \"text-white\" : \"text-primary\"\n );\n\n const classes = classNames(\n baseClasses,\n sizeClasses[size],\n variantClasses[variant],\n disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n className\n );\n\n return (\n <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n {loading ? (\n <>\n <svg\n className={spinnerClasses}\n xmlns='http://www.w3.org/2000/svg'\n fill='none'\n viewBox='0 0 24 24'\n >\n <circle\n className='opacity-25'\n cx='12'\n cy='12'\n r='10'\n stroke='currentColor'\n strokeWidth='4'\n ></circle>\n <path\n className='opacity-75'\n fill='currentColor'\n d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n ></path>\n </svg>\n {children}\n </>\n ) : (\n <>\n {icon && <span className='mr-2'>{icon}</span>}\n {children}\n </>\n )}\n </button>\n );\n};\n\nexport default CustomButton;"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","CustomButton","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","xmlns","fill","viewBox","cx","cy","r","stroke","strokeWidth","d"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCQMuB,EAAgC,SAACC,OACIC,EAAQD,EAAAC,SACRC,EAAOF,EAAAE,QACPC,EAAeH,EAAAI,KAAfA,OAAO,IAAAD,EAAA,WACPE,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,YAAAC,aAAU,UAASD,EACnBE,EAAgBT,EAAAU,SAAhBA,OAAW,IAAAD,KACXE,cACAC,SACAC,EAAAb,EAAAc,QAAAA,OAAO,IAAAD,GAAQA,EAiBhDE,EAAiBvC,EACnB,0BACA,CACI,UAAoB,UAAT8B,EACX,UAAoB,WAATA,EACX,UAAoB,UAATA,GAEH,YAAZE,EAAwB,aAAe,gBAGrC/B,EAAUD,EAxBZ,mHACgB,CAChBwC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,qBAsBKZ,GApB8E,CAC1Fa,QAAS,qGACTC,UAAW,8FACXC,KAAM,sFACNC,QACI,4FAgBWd,GACfE,EAAW,gCAAkC,kBAC7CC,GAGJ,OACIY,YAAQnB,KAAMA,EAAMF,QAASA,EAASQ,SAAUA,EAAUC,UAAWlC,EAAOwB,SAEpEuB,EACIC,EAFPX,EAEO,CAAAb,SAAA,CAAAuB,EAAA,MAAA,CACIb,UAAWI,EACXW,MAAM,6BACNC,KAAK,OACLC,QAAQ,YAAW3B,SAAA,CAEnBsB,EACI,SAAA,CAAAZ,UAAU,aACVkB,GAAG,KACHC,GAAG,KACHC,EAAE,KACFC,OAAO,eACPC,YAAY,MAEhBV,EAAA,OAAA,CACIZ,UAAU,aACVgB,KAAK,eACLO,EAAE,uHAGTjC,IAIA,CAAAA,SAAA,CAAAW,GAAQW,EAAA,OAAA,CAAMZ,UAAU,OAAQV,SAAAW,IAChCX,MAKrB","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.mjs","sources":["../node_modules/classnames/index.js","../src/components/CustomButton.tsx","../src/components/Button/Button.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps2 {\n children: ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n size?: \"small\" | \"medium\" | \"large\";\n variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n disabled?: boolean;\n className?: string;\n icon?: ReactNode;\n loading?: boolean;\n}\n\nconst CustomButton: FC<ButtonProps2> = ({\n children,\n onClick,\n type = \"button\",\n size = \"medium\",\n variant = \"primary\",\n disabled = false,\n className,\n icon,\n loading = false,\n }) => {\n const baseClasses =\n \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n const sizeClasses = {\n small: \"px-5 py-2 text-sm\",\n medium: \"px-6 py-3 text-md\",\n large: \"px-8 py-4 text-lg\",\n };\n const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n neutral:\n \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n };\n\n const spinnerClasses = classNames(\n \"animate-spin -ml-1 mr-3\",\n {\n \"h-4 w-4\": size === \"small\",\n \"h-5 w-5\": size === \"medium\",\n \"h-6 w-6\": size === \"large\",\n },\n variant === \"primary\" ? \"text-white\" : \"text-primary\"\n );\n\n const classes = classNames(\n baseClasses,\n sizeClasses[size],\n variantClasses[variant],\n disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n className\n );\n\n return (\n <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n {loading ? (\n <>\n <svg\n className={spinnerClasses}\n xmlns='http://www.w3.org/2000/svg'\n fill='none'\n viewBox='0 0 24 24'\n >\n <circle\n className='opacity-25'\n cx='12'\n cy='12'\n r='10'\n stroke='currentColor'\n strokeWidth='4'\n ></circle>\n <path\n className='opacity-75'\n fill='currentColor'\n d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n ></path>\n </svg>\n {children}\n </>\n ) : (\n <>\n {icon && <span className='mr-2'>{icon}</span>}\n {children}\n </>\n )}\n </button>\n );\n};\n\nexport default CustomButton;","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n children: ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n size?: \"small\" | \"medium\" | \"large\";\n variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n disabled?: boolean;\n className?: string;\n icon?: ReactNode;\n loading?: boolean;\n}\n\nconst Button: FC<ButtonProps> = ({\n children,\n onClick,\n type = \"button\",\n size = \"medium\",\n variant = \"primary\",\n disabled = false,\n className,\n icon,\n loading = false,\n }) => {\n const baseClasses =\n \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n const sizeClasses = {\n small: \"px-5 py-2 text-sm\",\n medium: \"px-6 py-3 text-md\",\n large: \"px-8 py-4 text-lg\",\n };\n const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n neutral:\n \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n };\n\n const spinnerClasses = classNames(\n \"animate-spin -ml-1 mr-3\",\n {\n \"h-4 w-4\": size === \"small\",\n \"h-5 w-5\": size === \"medium\",\n \"h-6 w-6\": size === \"large\",\n },\n variant === \"primary\" ? \"text-white\" : \"text-primary\"\n );\n\n const classes = classNames(\n baseClasses,\n sizeClasses[size],\n variantClasses[variant],\n disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n className\n );\n\n return (\n <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n {loading ? (\n <>\n <svg\n className={spinnerClasses}\n xmlns='http://www.w3.org/2000/svg'\n fill='none'\n viewBox='0 0 24 24'\n >\n <circle\n className='opacity-25'\n cx='12'\n cy='12'\n r='10'\n stroke='currentColor'\n strokeWidth='4'\n ></circle>\n <path\n className='opacity-75'\n fill='currentColor'\n d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n ></path>\n </svg>\n {children}\n </>\n ) : (\n <>\n {icon && <span className='mr-2'>{icon}</span>}\n {children}\n </>\n )}\n </button>\n );\n};\n\nexport default Button;"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","CustomButton","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","xmlns","fill","viewBox","cx","cy","r","stroke","strokeWidth","d","Button"],"mappings":"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","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pillardash-ui-react",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "type": "module",
5
5
  "description": "PillarDash Reusable UI components",
6
6
  "main": "dist/index.js",
@@ -29,8 +29,8 @@
29
29
  },
30
30
  "homepage": "https://github.com/mrprotocoll/pillardash-ui#readme",
31
31
  "peerDependencies": {
32
- "react": ">=18.3.1",
33
- "react-dom": ">=18.3.1"
32
+ "react": "^18.0.0 || ^19.0.0",
33
+ "react-dom": "^18.0.0 || ^19.0.0"
34
34
  },
35
35
  "dependencies": {
36
36
  "classnames": "^2.3.2"