groundfloor-react-ui 1.3.13 → 1.3.14
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.es.js +5 -5
- package/dist/index.js +5 -5
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -444,10 +444,8 @@ ${({customStyles:e})=>e}
|
|
|
444
444
|
${({theme:e,defaultStyle:t})=>T(e,t)}
|
|
445
445
|
&:disabled {
|
|
446
446
|
color: #929eac;
|
|
447
|
-
border:
|
|
447
|
+
border: none;
|
|
448
448
|
cursor: not-allowed;
|
|
449
|
-
${({disableStyle:e})=>e}
|
|
450
|
-
|
|
451
449
|
}
|
|
452
450
|
&:hover {
|
|
453
451
|
background-color: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.color:e.primary["primary-1"])};
|
|
@@ -455,12 +453,14 @@ ${({customStyles:e})=>e}
|
|
|
455
453
|
|
|
456
454
|
svg {
|
|
457
455
|
path {
|
|
458
|
-
fill: ${({theme:e,disabled:t,btnStyle:l})=>t?"#929eac":l.color?l.backgroundColor:e.variant.white}
|
|
456
|
+
fill: ${({theme:e,disabled:t,btnStyle:l})=>t?"#929eac":l.color?l.backgroundColor:e.variant.white};
|
|
457
|
+
}
|
|
458
|
+
}
|
|
459
459
|
}
|
|
460
460
|
|
|
461
461
|
// custom styles
|
|
462
462
|
${({btnStyle:e})=>e}
|
|
463
|
-
`,we=({btnStyle:e,isLoading:l,block:o,size:r,style:a,disabled:n,type:c,theme:s,id:d
|
|
463
|
+
`,we=({btnStyle:e,isLoading:l,block:o,size:r,style:a,disabled:n,type:c,theme:s,id:d,...p})=>{const m=b()||R,[u,g]=i(e.color?e.color:m.variant["primary-1"]);return t.createElement(Ae,z({id:d,block:o,defaultStyle:"button",style:a,size:r,disabled:n,type:c,btnStyle:e,isLoading:l,theme:s,onMouseEnter:()=>!n&&g(e.backgroundColor?e.backgroundColor:m.variant.white),onMouseLeave:()=>!n&&g(e.color?e.color:m.variant["primary-1"])},p),l&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(pe,{theme:s,customStyles:{"background-color":u},size:16})," "),p.children," ")};we.propTypes={disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,type:e.string,btnStyle:e.object,id:e.string},Ae.defaultProps={theme:R},we.defaultProps={theme:R,block:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const Se=m.button`
|
|
464
464
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
465
465
|
color: ${({theme:e})=>e.additional.white};
|
|
466
466
|
padding: 3px 14px;
|
package/dist/index.js
CHANGED
|
@@ -444,10 +444,8 @@ ${({customStyles:e})=>e}
|
|
|
444
444
|
${({theme:e,defaultStyle:t})=>P(e,t)}
|
|
445
445
|
&:disabled {
|
|
446
446
|
color: #929eac;
|
|
447
|
-
border:
|
|
447
|
+
border: none;
|
|
448
448
|
cursor: not-allowed;
|
|
449
|
-
${({disableStyle:e})=>e}
|
|
450
|
-
|
|
451
449
|
}
|
|
452
450
|
&:hover {
|
|
453
451
|
background-color: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.color:e.primary["primary-1"])};
|
|
@@ -455,12 +453,14 @@ ${({customStyles:e})=>e}
|
|
|
455
453
|
|
|
456
454
|
svg {
|
|
457
455
|
path {
|
|
458
|
-
fill: ${({theme:e,disabled:t,btnStyle:l})=>t?"#929eac":l.color?l.backgroundColor:e.variant.white}
|
|
456
|
+
fill: ${({theme:e,disabled:t,btnStyle:l})=>t?"#929eac":l.color?l.backgroundColor:e.variant.white};
|
|
457
|
+
}
|
|
458
|
+
}
|
|
459
459
|
}
|
|
460
460
|
|
|
461
461
|
// custom styles
|
|
462
462
|
${({btnStyle:e})=>e}
|
|
463
|
-
`,xe=({btnStyle:e,isLoading:a,block:o,size:r,style:i,disabled:n,type:c,theme:d,id:s
|
|
463
|
+
`,xe=({btnStyle:e,isLoading:a,block:o,size:r,style:i,disabled:n,type:c,theme:d,id:s,...u})=>{const p=l.useTheme()||H,[f,m]=t.useState(e.color?e.color:p.variant["primary-1"]);return g.default.createElement(ye,E({id:s,block:o,defaultStyle:"button",style:i,size:r,disabled:n,type:c,btnStyle:e,isLoading:a,theme:d,onMouseEnter:()=>!n&&m(e.backgroundColor?e.backgroundColor:p.variant.white),onMouseLeave:()=>!n&&m(e.color?e.color:p.variant["primary-1"])},u),a&&g.default.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},g.default.createElement(ne,{theme:d,customStyles:{"background-color":f},size:16})," "),u.children," ")};xe.propTypes={disabled:b.default.bool,size:b.default.oneOf(["sm","md","lg"]),block:b.default.bool,onClick:b.default.func,theme:b.default.object,type:b.default.string,btnStyle:b.default.object,id:b.default.string},ye.defaultProps={theme:H},xe.defaultProps={theme:H,block:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const Ce=h.default.button`
|
|
464
464
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
465
465
|
color: ${({theme:e})=>e.additional.white};
|
|
466
466
|
padding: 3px 14px;
|