@mobilestockweb/button 0.0.7 → 0.0.9

package/index.js

@@ -1,13 +1,14 @@
-"use strict";var C=Object.create;var i=Object.defineProperty,P=Object.defineProperties,S=Object.getOwnPropertyDescriptor,$=Object.getOwnPropertyDescriptors,H=Object.getOwnPropertyNames,s=Object.getOwnPropertySymbols,M=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var m=(t,o,e)=>o in t?i(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,f=(t,o)=>{for(var e in o||(o={}))a.call(o,e)&&m(t,e,o[e]);if(s)for(var e of s(o))p.call(o,e)&&m(t,e,o[e]);return t},g=(t,o)=>P(t,$(o));var h=(t,o)=>{var e={};for(var n in t)a.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(t!=null&&s)for(var n of s(t))o.indexOf(n)<0&&p.call(t,n)&&(e[n]=t[n]);return e};var T=(t,o)=>{for(var e in o)i(t,e,{get:o[e],enumerable:!0})},B=(t,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of H(o))!a.call(t,r)&&r!==e&&i(t,r,{get:()=>o[r],enumerable:!(n=S(o,r))||n.enumerable});return t};var b=(t,o,e)=>(e=t!=null?C(M(t)):{},B(o||!t||!t.__esModule?i(e,"default",{value:t,enumerable:!0}):e,t)),v=t=>B(i({},"__esModule",{value:!0}),t);var k={};T(k,{default:()=>w});module.exports=v(k);var L=b(require("styled-components"));var x=require("@mui/material"),c=b(require("styled-components")),u=require("react/jsx-runtime");function y({isLoading:t,text:o,children:e}){switch(!0){case t:return(0,u.jsx)(A,{className:"circular"});case!!o:return(0,u.jsx)(N,{children:o});default:return e}}var A=(0,c.default)(x.CircularProgress)`
+"use strict";var P=Object.create;var i=Object.defineProperty,S=Object.defineProperties,H=Object.getOwnPropertyDescriptor,M=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertyNames,a=Object.getOwnPropertySymbols,A=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var B=(o,t,n)=>t in o?i(o,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[t]=n,y=(o,t)=>{for(var n in t||(t={}))l.call(t,n)&&B(o,n,t[n]);if(a)for(var n of a(t))C.call(t,n)&&B(o,n,t[n]);return o},$=(o,t)=>S(o,M(t));var x=(o,t)=>{var n={};for(var r in o)l.call(o,r)&&t.indexOf(r)<0&&(n[r]=o[r]);if(o!=null&&a)for(var r of a(o))t.indexOf(r)<0&&C.call(o,r)&&(n[r]=o[r]);return n};var N=(o,t)=>{for(var n in t)i(o,n,{get:t[n],enumerable:!0})},L=(o,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!l.call(o,e)&&e!==n&&i(o,e,{get:()=>t[e],enumerable:!(r=H(t,e))||r.enumerable});return o};var u=(o,t,n)=>(n=o!=null?P(A(o)):{},L(t||!o||!o.__esModule?i(n,"default",{value:o,enumerable:!0}):n,o)),R=o=>L(i({},"__esModule",{value:!0}),o);var q={};N(q,{default:()=>k});module.exports=R(q);var s=u(require("styled-components"));var w=require("@mui/material"),d=u(require("styled-components")),m=u(require("@mobilestockweb/tools")),c=require("react/jsx-runtime");function T({isLoading:o,text:t,children:n,$color:r}){switch(!0){case o:return(0,c.jsx)(z,{className:"circular",$color:r});case!!t:return(0,c.jsx)(E,{$color:r,children:t});default:return n}}var z=(0,d.default)(w.CircularProgress)`
   width: 1rem !important;
   height: 1rem !important;
-  color: ${({theme:t})=>t.colors.text.default};
   svg {
     margin-right: 0;
+    color: ${({$color:o})=>m.default.defineTextColor(o)};
   }
-`,N=c.default.span`
+`,E=d.default.span`
   text-transform: uppercase;
-`;var l=require("react/jsx-runtime");function w(r){var d=r,{isLoading:t,text:o,children:e}=d,n=h(d,["isLoading","text","children"]);return(0,l.jsx)(R,g(f({},n),{children:(0,l.jsx)(y,{isLoading:t,text:o,children:e})}))}var R=L.default.button`
+  color: ${({$color:o})=>m.default.defineTextColor(o)};
+`;var p=require("react/jsx-runtime");function k(e){var f=e,{isLoading:o,text:t,children:n}=f,r=x(f,["isLoading","text","children"]);var b,h;let g=(0,s.useTheme)();return(0,p.jsx)(O,$(y({},r),{$backgroundColor:((b=r==null?void 0:r.style)==null?void 0:b.backgroundColor)||g.colors.button.default,children:(0,p.jsx)(T,{isLoading:o,text:t,$color:((h=r==null?void 0:r.style)==null?void 0:h.backgroundColor)||g.colors.button.default,children:n})}))}var O=s.default.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -24,11 +25,10 @@
 
   cursor: pointer;
 
-  box-shadow: 0 0.25rem 0.25rem ${({theme:t})=>t.colors.button.shadow};
+  box-shadow: 0 0.25rem 0.25rem ${({theme:o})=>o.colors.button.shadow};
   border: none;
   border-radius: 0.4rem;
-  background-color: ${({theme:t})=>t.colors.button.default};
-  color: ${({theme:t})=>t.colors.text.default};
+  background-color: ${({$backgroundColor:o})=>o};
   &:hover {
     opacity: 0.8;
   }

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@mobilestockweb/button",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "main": "index.js",
+  "dependencies": {
+    "@mobilestockweb/tools": "^0.0.11"
+  },
   "peerDependencies": {
     "react": "18.2.0",
     "react-dom": "18.2.0",