@mobilestockweb/button 0.0.5 → 0.0.7
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/index.js +12 -16
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"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)`
|
|
2
|
+
width: 1rem !important;
|
|
3
|
+
height: 1rem !important;
|
|
4
|
+
color: ${({theme:t})=>t.colors.text.default};
|
|
5
|
+
svg {
|
|
6
|
+
margin-right: 0;
|
|
7
|
+
}
|
|
8
|
+
`,N=c.default.span`
|
|
9
|
+
text-transform: uppercase;
|
|
10
|
+
`;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`
|
|
2
11
|
display: flex;
|
|
3
12
|
align-items: center;
|
|
4
13
|
justify-content: center;
|
|
@@ -11,6 +20,8 @@
|
|
|
11
20
|
font-family: 'Open Sans', sans-serif;
|
|
12
21
|
font-weight: 400;
|
|
13
22
|
|
|
23
|
+
user-select: none;
|
|
24
|
+
|
|
14
25
|
cursor: pointer;
|
|
15
26
|
|
|
16
27
|
box-shadow: 0 0.25rem 0.25rem ${({theme:t})=>t.colors.button.shadow};
|
|
@@ -18,24 +29,9 @@
|
|
|
18
29
|
border-radius: 0.4rem;
|
|
19
30
|
background-color: ${({theme:t})=>t.colors.button.default};
|
|
20
31
|
color: ${({theme:t})=>t.colors.text.default};
|
|
21
|
-
svg {
|
|
22
|
-
font-size: 1.6rem;
|
|
23
|
-
margin-right: 0.3rem;
|
|
24
|
-
}
|
|
25
32
|
&:hover {
|
|
26
33
|
opacity: 0.8;
|
|
27
34
|
}
|
|
28
|
-
.emphasis {
|
|
29
|
-
text-transform: uppercase;
|
|
30
|
-
}
|
|
31
|
-
.circular {
|
|
32
|
-
width: 1rem !important;
|
|
33
|
-
height: 1rem !important;
|
|
34
|
-
color: ${({theme:t})=>t.colors.text.default};
|
|
35
|
-
svg {
|
|
36
|
-
margin-right: 0;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
35
|
&:disabled {
|
|
40
36
|
opacity: 0.7;
|
|
41
37
|
}
|