@tayelemma/button 1.0.1 → 1.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.
package/dist/index.css ADDED
@@ -0,0 +1,2 @@
1
+ .button__BORDERLESS,.button__ICON,.button__BORDERED,.button__PRIMARY{position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap;vertical-align:middle;font-size:12px;font-weight:500;gap:40px;border:0;padding:0 16px;height:32px;max-width:fit-content;text-transform:uppercase;user-select:none;text-decoration:none;transition:background .2s,transform .1s,--webkit-transform .1s;color:var(--button-borderless__color--text, #3d4042);background:transparent}.button__BORDERLESS:hover,.button__ICON:hover,.button__BORDERED:hover,.button__PRIMARY:hover{background:var(--button-borderless__color--alt-background, rgba(138, 153, 168, .2));cursor:pointer}.button__BORDERLESS:focus,.button__ICON:focus,.button__BORDERED:focus,.button__PRIMARY:focus{box-shadow:0 0 0 2px var(--button-borderless__color--background, #37a085);outline:0}.button__BORDERLESS:active,.button__ICON:active,.button__BORDERED:active,.button__PRIMARY:active{background:var(--button-borderless__color--alt-background, rgba(138, 153, 168, .2));color:var(--button-borderless__color--text, #3d4042);transform:scale(.98)}.button__BORDERLESS:disabled,.button__ICON:disabled,.button__BORDERED:disabled,.button__PRIMARY:disabled{opacity:40%;pointer-events:none}.button__BORDERLESS--invert{color:var(--button-borderless__color--textAlt, #fff);fill:var(--button-borderless__color--textAlt, #fff)}.button__BORDERLESS--invert:active{color:var(--button-borderless__color--textAlt, #fff)}.button__PRIMARY{background:#37a085;color:#fff;box-shadow:0 0 0 1px var(--button-primary__color--background, #27a085)}.button__PRIMARY:hover{background:var(--button-primary__color--accent, #12745b)}.button__PRIMARY:active{background:var(--button-primary__color--accent, #12745b);color:#fff}.button__BORDERED{color:#4f4f4f;box-shadow:0 0 0 1px var(--button--bordered-color, #3d4042)}.button__BORDERED--invert{color:#fff;box-shadow:0 0 0 1px var(--button--bordered-color--textAlt, #fff);fill:var(--button--bordered-color--textAlt, #fff);--icon-color: #fff}.button__BORDERED--invert:active{color:var(--button--bordered-color--textAlt, #fff)}.button__ICON{padding:0 8px}
2
+ /*# sourceMappingURL=index.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Button.scss"],"sourcesContent":[".button__BORDERLESS {\r\n position: relative;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n\r\n //sizing\r\n font-size: 12px;\r\n font-weight: 500;\r\n gap: 40px;\r\n border: 0;\r\n padding: 0px 16px;\r\n height: 32px;\r\n max-width: fit-content;\r\n\r\n //styling\r\n text-transform: uppercase;\r\n user-select: none;\r\n text-decoration: none;\r\n transition: background 200ms, transform 100ms, --webkit-transform 100ms;\r\n color: var(--button-borderless__color--text, #3d4042);\r\n background: transparent;\r\n\r\n &:hover {\r\n background: var(--button-borderless__color--alt-background,\r\n rgba(138, 153, 168, 0.2));\r\n cursor: pointer;\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 2px\r\n var(--button-borderless__color--background, #37a085);\r\n outline: 0;\r\n }\r\n\r\n &:active {\r\n background: var(--button-borderless__color--alt-background,\r\n rgba(138, 153, 168, 0.2));\r\n color: var(--button-borderless__color--text, #3d4042);\r\n transform: scale(0.98);\r\n }\r\n\r\n &:disabled {\r\n opacity: 40%;\r\n pointer-events: none;\r\n }\r\n\r\n &--invert{\r\n color: var(--button-borderless__color--textAlt, #fff);\r\n fill: var(--button-borderless__color--textAlt, #fff);\r\n\r\n &:active{\r\n color: var(--button-borderless__color--textAlt, #fff);\r\n }\r\n }\r\n}\r\n\r\n.button__PRIMARY {\r\n @extend .button__BORDERLESS;\r\n\r\n background: #37a085;\r\n color: #fff;\r\n box-shadow: 0 0 0 1px var(--button-primary__color--background, #27a085);\r\n\r\n &:hover {\r\n background: var(--button-primary__color--accent, #12745b);\r\n }\r\n\r\n &:active{\r\n background: var(--button-primary__color--accent, #12745b);\r\n color: #fff;\r\n }\r\n \r\n}\r\n\r\n\r\n\r\n.button__BORDERED {\r\n @extend .button__BORDERLESS;\r\n\r\n color: #4f4f4f;\r\n box-shadow: 0 0 0 1px var(--button--bordered-color, #3d4042);\r\n\r\n &--invert {\r\n color: #fff;\r\n box-shadow: 0 0 0 1px var(--button--bordered-color--textAlt, #fff);\r\n fill: var(--button--bordered-color--textAlt, #fff);\r\n --icon-color: #fff;\r\n\r\n &:active{\r\n color: var(--button--bordered-color--textAlt, #fff);\r\n }\r\n }\r\n}\r\n\r\n.button__ICON {\r\n @extend .button__BORDERLESS;\r\n padding: 0px 8px;\r\n}\r\n"],"mappings":"AAAA,qEACE,kBACA,oBACA,uBACA,mBACA,kBACA,mBACA,sBAGA,eACA,gBACA,SACA,SAbF,eAeE,YACA,sBAGA,yBACA,iBACA,qBACA,+DACA,qDACA,uBAEA,6FACE,oFAEA,eAGF,6FACE,0EAEE,UAGJ,iGACE,oFAEA,qDACA,qBAGF,yGACE,YACA,oBAGF,4BACE,qDACA,oDAEA,mCACE,qDAKN,iBAGE,mBACA,WACA,uEAEA,uBACE,yDAGF,wBACG,yDACA,WAOL,kBAGE,cACA,4DAEA,0BACE,WACA,kEACA,kDACA,mBAEA,iCACE,mDAKN,cAlGA","names":[]}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var i=Object.defineProperty,h=Object.defineProperties,v=Object.getOwnPropertyDescriptor,C=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertyNames,a=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var p=(t,o,n)=>o in t?i(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,f=(t,o)=>{for(var n in o||(o={}))s.call(o,n)&&p(t,n,o[n]);if(a)for(var n of a(o))c.call(o,n)&&p(t,n,o[n]);return t},d=(t,o)=>h(t,C(o));var R=(t,o)=>{var n={};for(var r in t)s.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&a)for(var r of a(t))o.indexOf(r)<0&&c.call(t,r)&&(n[r]=t[r]);return n};var V=(t,o)=>{for(var n in o)i(t,n,{get:o[n],enumerable:!0})},A=(t,o,n,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of E(o))!s.call(t,e)&&e!==n&&i(t,e,{get:()=>o[e],enumerable:!(r=v(o,e))||r.enumerable});return t};var L=t=>A(i({},"__esModule",{value:!0}),t);var k={};V(k,{Button:()=>u});module.exports=L(k);var b=require("react");function m(t){var o,n,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var e=t.length;for(o=0;o<e;o++)t[o]&&(n=m(t[o]))&&(r&&(r+=" "),r+=n)}else for(n in t)t[n]&&(r&&(r+=" "),r+=n);return r}function _(){for(var t,o,n=0,r="",e=arguments.length;n<e;n++)(t=arguments[n])&&(o=m(t))&&(r&&(r+=" "),r+=o);return r}var B=_;var x=require("react/jsx-runtime"),u=(0,b.forwardRef)((t,o)=>{let l=t,{className:n,buttonVariant:r="PRIMARY",invertedColor:e,disabled:N,children:P}=l,y=R(l,["className","buttonVariant","invertedColor","disabled","children"]),g=B(`button__${r}`,e&&`button__${r}--inverted`,n);return(0,x.jsx)("button",d(f({ref:o,className:g,disabled:N},y),{children:P}))});u.displayName="Button";0&&(module.exports={Button});
1
+ var i=Object.defineProperty,h=Object.defineProperties,v=Object.getOwnPropertyDescriptor,C=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertyNames,a=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var l=(t,o,r)=>o in t?i(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r,f=(t,o)=>{for(var r in o||(o={}))s.call(o,r)&&l(t,r,o[r]);if(a)for(var r of a(o))c.call(o,r)&&l(t,r,o[r]);return t},d=(t,o)=>h(t,C(o));var R=(t,o)=>{var r={};for(var n in t)s.call(t,n)&&o.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&a)for(var n of a(t))o.indexOf(n)<0&&c.call(t,n)&&(r[n]=t[n]);return r};var V=(t,o)=>{for(var r in o)i(t,r,{get:o[r],enumerable:!0})},A=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of E(o))!s.call(t,e)&&e!==r&&i(t,e,{get:()=>o[e],enumerable:!(n=v(o,e))||n.enumerable});return t};var L=t=>A(i({},"__esModule",{value:!0}),t);var k={};V(k,{Button:()=>u});module.exports=L(k);var b=require("react");function m(t){var o,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var e=t.length;for(o=0;o<e;o++)t[o]&&(r=m(t[o]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function _(){for(var t,o,r=0,n="",e=arguments.length;r<e;r++)(t=arguments[r])&&(o=m(t))&&(n&&(n+=" "),n+=o);return n}var B=_;var x=require("react/jsx-runtime"),u=(0,b.forwardRef)((t,o)=>{let p=t,{className:r,buttonVariant:n="PRIMARY",invertedColor:e,disabled:N,children:P}=p,y=R(p,["className","buttonVariant","invertedColor","disabled","children"]),g=B(`button__${n}`,e&&`button__${n}--invert`,r);return(0,x.jsx)("button",d(f({ref:o,className:g,disabled:N},y),{children:P}))});u.displayName="Button";0&&(module.exports={Button});
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/Button.tsx","../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["export { Button, ButtonVariant } from './Button';\r\nexport type { ButtonProps, ButtonLinkProps } from './Button';\r\n","import React, { ComponentPropsWithRef, forwardRef } from 'react';\r\nimport clsx from 'clsx';\r\nexport type ButtonVariant = 'PRIMARY' | 'BORDERED' | 'BORDERLESS' | 'ICON';\r\n\r\n\r\nexport interface ButtonProps extends ComponentPropsWithRef<'button'> {\r\n\tbuttonVariant?: ButtonVariant;\r\n\tchildren?: React.ReactNode | React.ReactNode[];\r\n\tclassName?: string;\r\n\tinvertedColor?: boolean;\r\n}\r\n\r\nexport interface ButtonLinkProps {\r\n\tchildren?: React.ReactNode;\r\n\tonClick?: () => void;\r\n\tdisabled?: boolean;\r\n\tto: string;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t(props, ref) => {\r\n\t\tconst {\r\n\t\t\tclassName,\r\n\t\t\tbuttonVariant = 'PRIMARY',\r\n\t\t\tinvertedColor,\r\n\t\t\tdisabled,\r\n\t\t\tchildren,\r\n\t\t\t...rest\r\n\t\t} = props;\r\n\r\n\t\tconst finalClassName = clsx(\r\n\t\t\t`button__${buttonVariant}`,\r\n\t\t\tinvertedColor && `button__${buttonVariant}--inverted`,\r\n\t\t\tclassName\r\n\t\t);\r\n\t\treturn (\r\n\t\t\t<button\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName={finalClassName}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\t{...rest}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButton.displayName = 'Button';\r\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"mappings":"y5BAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAyD,iBCAzD,SAASC,EAAEC,EAAE,CAAC,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAa,OAAOH,GAAjB,UAA8B,OAAOA,GAAjB,SAAmBG,GAAGH,UAAoB,OAAOA,GAAjB,SAAmB,GAAG,MAAM,QAAQA,CAAC,EAAE,CAAC,IAAII,EAAEJ,EAAE,OAAO,IAAIC,EAAE,EAAEA,EAAEG,EAAEH,IAAID,EAAEC,CAAC,IAAIC,EAAEH,EAAEC,EAAEC,CAAC,CAAC,KAAKE,IAAIA,GAAG,KAAKA,GAAGD,OAAQ,KAAIA,KAAKF,EAAEA,EAAEE,CAAC,IAAIC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAQ,SAASE,GAAM,CAAC,QAAQL,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGC,EAAE,UAAU,OAAOF,EAAEE,EAAEF,KAAKF,EAAE,UAAUE,CAAC,KAAKD,EAAEF,EAAEC,CAAC,KAAKG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CAAC,IAAOG,EAAQD,EDoC5X,IAAAE,EAAA,6BAjBUC,KAAS,cACrB,CAACC,EAAOC,IAAQ,CACf,IAOIC,EAAAF,EANH,WAAAG,EACA,cAAAC,EAAgB,UAChB,cAAAC,EACA,SAAAC,EACA,SAAAC,CA1BH,EA4BML,EADAM,EAAAC,EACAP,EADA,CALH,YACA,gBACA,gBACA,WACA,aAIKQ,EAAiBC,EACtB,WAAWP,IACXC,GAAiB,WAAWD,cAC5BD,CACD,EACA,SACC,OAAC,SAAAS,EAAAC,EAAA,CACA,IAAKZ,EACL,UAAWS,EACX,SAAUJ,GACNE,GAJJ,CAMC,SAAAD,GACF,CAEF,CACD,EAEAR,EAAO,YAAc","names":["src_exports","__export","Button","__toCommonJS","import_react","r","e","t","f","n","o","clsx","clsx_default","import_jsx_runtime","Button","props","ref","_a","className","buttonVariant","invertedColor","disabled","children","rest","__objRest","finalClassName","clsx_default","__spreadProps","__spreadValues"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/Button.tsx","../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["export { Button, ButtonVariant } from './Button';\r\nexport type { ButtonProps, ButtonLinkProps } from './Button';\r\n","import React, { ComponentPropsWithRef, forwardRef } from 'react';\r\nimport clsx from 'clsx';\r\nimport './Button.scss'; \r\n\r\nexport type ButtonVariant = 'PRIMARY' | 'BORDERED' | 'BORDERLESS' | 'ICON';\r\n\r\n\r\nexport interface ButtonProps extends ComponentPropsWithRef<'button'> {\r\n\tbuttonVariant?: ButtonVariant;\r\n\tchildren?: React.ReactNode | React.ReactNode[];\r\n\tclassName?: string;\r\n\tinvertedColor?: boolean;\r\n}\r\n\r\nexport interface ButtonLinkProps {\r\n\tchildren?: React.ReactNode;\r\n\tonClick?: () => void;\r\n\tdisabled?: boolean;\r\n\tto: string;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t(props, ref) => {\r\n\t\tconst {\r\n\t\t\tclassName,\r\n\t\t\tbuttonVariant = 'PRIMARY',\r\n\t\t\tinvertedColor,\r\n\t\t\tdisabled,\r\n\t\t\tchildren,\r\n\t\t\t...rest\r\n\t\t} = props;\r\n\r\n\t\tconst finalClassName = clsx(\r\n\t\t\t`button__${buttonVariant}`,\r\n\t\t\tinvertedColor && `button__${buttonVariant}--invert`,\r\n\t\t\tclassName\r\n\t\t);\r\n\t\treturn (\r\n\t\t\t<button\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName={finalClassName}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\t{...rest}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButton.displayName = 'Button';\r\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"mappings":"y5BAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAyD,iBCAzD,SAASC,EAAEC,EAAE,CAAC,IAAIC,EAAEC,EAAE,EAAE,GAAG,GAAa,OAAOF,GAAjB,UAA8B,OAAOA,GAAjB,SAAmB,GAAGA,UAAoB,OAAOA,GAAjB,SAAmB,GAAG,MAAM,QAAQA,CAAC,EAAE,CAAC,IAAIG,EAAEH,EAAE,OAAO,IAAIC,EAAE,EAAEA,EAAEE,EAAEF,IAAID,EAAEC,CAAC,IAAIC,EAAEH,EAAEC,EAAEC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,GAAGC,OAAQ,KAAIA,KAAKF,EAAEA,EAAEE,CAAC,IAAI,IAAI,GAAG,KAAK,GAAGA,GAAG,OAAO,CAAC,CAAQ,SAASE,GAAM,CAAC,QAAQJ,EAAEC,EAAEC,EAAE,EAAE,EAAE,GAAGC,EAAE,UAAU,OAAOD,EAAEC,EAAED,KAAKF,EAAE,UAAUE,CAAC,KAAKD,EAAEF,EAAEC,CAAC,KAAK,IAAI,GAAG,KAAK,GAAGC,GAAG,OAAO,CAAC,CAAC,IAAOI,EAAQD,EDsC5X,IAAAE,EAAA,6BAjBUC,KAAS,cACrB,CAACC,EAAOC,IAAQ,CACf,IAOIC,EAAAF,EANH,WAAAG,EACA,cAAAC,EAAgB,UAChB,cAAAC,EACA,SAAAC,EACA,SAAAC,CA5BH,EA8BML,EADAM,EAAAC,EACAP,EADA,CALH,YACA,gBACA,gBACA,WACA,aAIKQ,EAAiBC,EACtB,WAAWP,IACXC,GAAiB,WAAWD,YAC5BD,CACD,EACA,SACC,OAAC,SAAAS,EAAAC,EAAA,CACA,IAAKZ,EACL,UAAWS,EACX,SAAUJ,GACNE,GAJJ,CAMC,SAAAD,GACF,CAEF,CACD,EAEAR,EAAO,YAAc","names":["src_exports","__export","Button","__toCommonJS","import_react","r","e","t","f","o","clsx","clsx_default","import_jsx_runtime","Button","props","ref","_a","className","buttonVariant","invertedColor","disabled","children","rest","__objRest","finalClassName","clsx_default","__spreadProps","__spreadValues"]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- var P=Object.defineProperty,y=Object.defineProperties;var g=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var s=(t,o,n)=>o in t?P(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,p=(t,o)=>{for(var n in o||(o={}))u.call(o,n)&&s(t,n,o[n]);if(a)for(var n of a(o))l.call(o,n)&&s(t,n,o[n]);return t},c=(t,o)=>y(t,g(o));var f=(t,o)=>{var n={};for(var r in t)u.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&a)for(var r of a(t))o.indexOf(r)<0&&l.call(t,r)&&(n[r]=t[r]);return n};import{forwardRef as v}from"react";function d(t){var o,n,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var e=t.length;for(o=0;o<e;o++)t[o]&&(n=d(t[o]))&&(r&&(r+=" "),r+=n)}else for(n in t)t[n]&&(r&&(r+=" "),r+=n);return r}function h(){for(var t,o,n=0,r="",e=arguments.length;n<e;n++)(t=arguments[n])&&(o=d(t))&&(r&&(r+=" "),r+=o);return r}var R=h;import{jsx as C}from"react/jsx-runtime";var m=v((t,o)=>{let i=t,{className:n,buttonVariant:r="PRIMARY",invertedColor:e,disabled:B,children:b}=i,x=f(i,["className","buttonVariant","invertedColor","disabled","children"]),N=R(`button__${r}`,e&&`button__${r}--inverted`,n);return C("button",c(p({ref:o,className:N,disabled:B},x),{children:b}))});m.displayName="Button";export{m as Button};
1
+ var P=Object.defineProperty,y=Object.defineProperties;var g=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var s=(t,o,r)=>o in t?P(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r,l=(t,o)=>{for(var r in o||(o={}))u.call(o,r)&&s(t,r,o[r]);if(a)for(var r of a(o))p.call(o,r)&&s(t,r,o[r]);return t},c=(t,o)=>y(t,g(o));var f=(t,o)=>{var r={};for(var n in t)u.call(t,n)&&o.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&a)for(var n of a(t))o.indexOf(n)<0&&p.call(t,n)&&(r[n]=t[n]);return r};import{forwardRef as v}from"react";function d(t){var o,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var e=t.length;for(o=0;o<e;o++)t[o]&&(r=d(t[o]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function h(){for(var t,o,r=0,n="",e=arguments.length;r<e;r++)(t=arguments[r])&&(o=d(t))&&(n&&(n+=" "),n+=o);return n}var R=h;import{jsx as C}from"react/jsx-runtime";var m=v((t,o)=>{let i=t,{className:r,buttonVariant:n="PRIMARY",invertedColor:e,disabled:B,children:b}=i,x=f(i,["className","buttonVariant","invertedColor","disabled","children"]),N=R(`button__${n}`,e&&`button__${n}--invert`,r);return C("button",c(l({ref:o,className:N,disabled:B},x),{children:b}))});m.displayName="Button";export{m as Button};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Button.tsx","../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["import React, { ComponentPropsWithRef, forwardRef } from 'react';\r\nimport clsx from 'clsx';\r\nexport type ButtonVariant = 'PRIMARY' | 'BORDERED' | 'BORDERLESS' | 'ICON';\r\n\r\n\r\nexport interface ButtonProps extends ComponentPropsWithRef<'button'> {\r\n\tbuttonVariant?: ButtonVariant;\r\n\tchildren?: React.ReactNode | React.ReactNode[];\r\n\tclassName?: string;\r\n\tinvertedColor?: boolean;\r\n}\r\n\r\nexport interface ButtonLinkProps {\r\n\tchildren?: React.ReactNode;\r\n\tonClick?: () => void;\r\n\tdisabled?: boolean;\r\n\tto: string;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t(props, ref) => {\r\n\t\tconst {\r\n\t\t\tclassName,\r\n\t\t\tbuttonVariant = 'PRIMARY',\r\n\t\t\tinvertedColor,\r\n\t\t\tdisabled,\r\n\t\t\tchildren,\r\n\t\t\t...rest\r\n\t\t} = props;\r\n\r\n\t\tconst finalClassName = clsx(\r\n\t\t\t`button__${buttonVariant}`,\r\n\t\t\tinvertedColor && `button__${buttonVariant}--inverted`,\r\n\t\t\tclassName\r\n\t\t);\r\n\t\treturn (\r\n\t\t\t<button\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName={finalClassName}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\t{...rest}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButton.displayName = 'Button';\r\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"mappings":"+kBAAA,OAAuC,cAAAA,MAAkB,QCAzD,SAASC,EAAEC,EAAE,CAAC,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAa,OAAOH,GAAjB,UAA8B,OAAOA,GAAjB,SAAmBG,GAAGH,UAAoB,OAAOA,GAAjB,SAAmB,GAAG,MAAM,QAAQA,CAAC,EAAE,CAAC,IAAII,EAAEJ,EAAE,OAAO,IAAIC,EAAE,EAAEA,EAAEG,EAAEH,IAAID,EAAEC,CAAC,IAAIC,EAAEH,EAAEC,EAAEC,CAAC,CAAC,KAAKE,IAAIA,GAAG,KAAKA,GAAGD,OAAQ,KAAIA,KAAKF,EAAEA,EAAEE,CAAC,IAAIC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAQ,SAASE,GAAM,CAAC,QAAQL,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGC,EAAE,UAAU,OAAOF,EAAEE,EAAEF,KAAKF,EAAE,UAAUE,CAAC,KAAKD,EAAEF,EAAEC,CAAC,KAAKG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CAAC,IAAOG,EAAQD,EDoC5X,cAAAE,MAAA,oBAjBI,IAAMC,EAASC,EACrB,CAACC,EAAOC,IAAQ,CACf,IAOIC,EAAAF,EANH,WAAAG,EACA,cAAAC,EAAgB,UAChB,cAAAC,EACA,SAAAC,EACA,SAAAC,CA1BH,EA4BML,EADAM,EAAAC,EACAP,EADA,CALH,YACA,gBACA,gBACA,WACA,aAIKQ,EAAiBC,EACtB,WAAWP,IACXC,GAAiB,WAAWD,cAC5BD,CACD,EACA,OACCN,EAAC,SAAAe,EAAAC,EAAA,CACA,IAAKZ,EACL,UAAWS,EACX,SAAUJ,GACNE,GAJJ,CAMC,SAAAD,GACF,CAEF,CACD,EAEAT,EAAO,YAAc","names":["forwardRef","r","e","t","f","n","o","clsx","clsx_default","jsx","Button","forwardRef","props","ref","_a","className","buttonVariant","invertedColor","disabled","children","rest","__objRest","finalClassName","clsx_default","__spreadProps","__spreadValues"]}
1
+ {"version":3,"sources":["../src/Button.tsx","../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["import React, { ComponentPropsWithRef, forwardRef } from 'react';\r\nimport clsx from 'clsx';\r\nimport './Button.scss'; \r\n\r\nexport type ButtonVariant = 'PRIMARY' | 'BORDERED' | 'BORDERLESS' | 'ICON';\r\n\r\n\r\nexport interface ButtonProps extends ComponentPropsWithRef<'button'> {\r\n\tbuttonVariant?: ButtonVariant;\r\n\tchildren?: React.ReactNode | React.ReactNode[];\r\n\tclassName?: string;\r\n\tinvertedColor?: boolean;\r\n}\r\n\r\nexport interface ButtonLinkProps {\r\n\tchildren?: React.ReactNode;\r\n\tonClick?: () => void;\r\n\tdisabled?: boolean;\r\n\tto: string;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t(props, ref) => {\r\n\t\tconst {\r\n\t\t\tclassName,\r\n\t\t\tbuttonVariant = 'PRIMARY',\r\n\t\t\tinvertedColor,\r\n\t\t\tdisabled,\r\n\t\t\tchildren,\r\n\t\t\t...rest\r\n\t\t} = props;\r\n\r\n\t\tconst finalClassName = clsx(\r\n\t\t\t`button__${buttonVariant}`,\r\n\t\t\tinvertedColor && `button__${buttonVariant}--invert`,\r\n\t\t\tclassName\r\n\t\t);\r\n\t\treturn (\r\n\t\t\t<button\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName={finalClassName}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\t{...rest}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButton.displayName = 'Button';\r\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"mappings":"+kBAAA,OAAuC,cAAAA,MAAkB,QCAzD,SAASC,EAAEC,EAAE,CAAC,IAAIC,EAAEC,EAAE,EAAE,GAAG,GAAa,OAAOF,GAAjB,UAA8B,OAAOA,GAAjB,SAAmB,GAAGA,UAAoB,OAAOA,GAAjB,SAAmB,GAAG,MAAM,QAAQA,CAAC,EAAE,CAAC,IAAIG,EAAEH,EAAE,OAAO,IAAIC,EAAE,EAAEA,EAAEE,EAAEF,IAAID,EAAEC,CAAC,IAAIC,EAAEH,EAAEC,EAAEC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,GAAGC,OAAQ,KAAIA,KAAKF,EAAEA,EAAEE,CAAC,IAAI,IAAI,GAAG,KAAK,GAAGA,GAAG,OAAO,CAAC,CAAQ,SAASE,GAAM,CAAC,QAAQJ,EAAEC,EAAEC,EAAE,EAAE,EAAE,GAAGC,EAAE,UAAU,OAAOD,EAAEC,EAAED,KAAKF,EAAE,UAAUE,CAAC,KAAKD,EAAEF,EAAEC,CAAC,KAAK,IAAI,GAAG,KAAK,GAAGC,GAAG,OAAO,CAAC,CAAC,IAAOI,EAAQD,EDsC5X,cAAAE,MAAA,oBAjBI,IAAMC,EAASC,EACrB,CAACC,EAAOC,IAAQ,CACf,IAOIC,EAAAF,EANH,WAAAG,EACA,cAAAC,EAAgB,UAChB,cAAAC,EACA,SAAAC,EACA,SAAAC,CA5BH,EA8BML,EADAM,EAAAC,EACAP,EADA,CALH,YACA,gBACA,gBACA,WACA,aAIKQ,EAAiBC,EACtB,WAAWP,IACXC,GAAiB,WAAWD,YAC5BD,CACD,EACA,OACCN,EAAC,SAAAe,EAAAC,EAAA,CACA,IAAKZ,EACL,UAAWS,EACX,SAAUJ,GACNE,GAJJ,CAMC,SAAAD,GACF,CAEF,CACD,EAEAT,EAAO,YAAc","names":["forwardRef","r","e","t","f","o","clsx","clsx_default","jsx","Button","forwardRef","props","ref","_a","className","buttonVariant","invertedColor","disabled","children","rest","__objRest","finalClassName","clsx_default","__spreadProps","__spreadValues"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tayelemma/button",
3
- "version": "1.0.1",
3
+ "version": "1.0.4",
4
4
  "description": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",