groovinads-ui 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.
@@ -0,0 +1 @@
1
+ import n from"react";!function(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}(".btn{align-items:center;background-color:#3930b1;border-color:transparent;border-radius:.375rem;box-shadow:0 0 0 rgba(57,48,177,.35);color:#fff;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;gap:.5rem;height:3rem;justify-content:center;line-height:1rem;padding:1em 1.5em;transform:translateY(0);transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out,border-color .15s ease-in-out;white-space:nowrap;width:100%}@media (min-width:768px){.btn{width:auto}}.btn:hover{background-color:#3930b1;border-color:#3930b1;box-shadow:0 6px 16px rgba(57,48,177,.35);color:#fff;transform:translateY(-.146rem)}.btn:active,.btn:first-child:active{background-color:#3930b1!important;border-color:#3930b1!important;color:#fff!important}.btn:not(:has(span)){padding:1em;width:auto}.btn .icon,.btn i{height:1em;width:1em}.btn i,.btn span{transition:color .15s ease-in-out}.btn.btn-secondary{background-color:#e9e7f9;border-color:#e9e7f9;color:#3930b1}.btn.btn-secondary:hover{background-color:#3930b1;border-color:#3930b1;box-shadow:none;color:#fff;transform:translate(0)}.btn.btn-terciary{background-color:transparent;border-color:transparent;color:#3930b1}.btn.btn-terciary .icon path,.btn.btn-terciary .icon.caret path{fill:#3930b1}.btn.btn-terciary.show,.btn.btn-terciary:active,.btn.btn-terciary:hover{background-color:rgba(0,0,75,.1)!important;border-color:rgba(0,0,75,.05);box-shadow:none;color:#3930b1!important;transform:translate(0)}.btn.btn-terciary.show span,.btn.btn-terciary:active span,.btn.btn-terciary:hover span{color:#3930b1}.btn.btn-terciary.show .icon path,.btn.btn-terciary:active .icon path,.btn.btn-terciary:hover .icon path{fill:#3930b1}.btn.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(0,0,75,.5)}.btn.btn-terciary.danger,.btn.btn-terciary.danger i,.btn.btn-terciary.danger span{color:#e63137}.btn.btn-terciary.danger:active,.btn.btn-terciary.danger:hover{background-color:#fce7e8!important;border-color:#fce7e8!important;color:#e63137!important}.btn.btn-terciary.danger:active i,.btn.btn-terciary.danger:active span,.btn.btn-terciary.danger:hover i,.btn.btn-terciary.danger:hover span{color:#e63137}.btn.btn-outline{background-color:transparent;border:1px solid #3930b1;color:#3930b1}.btn.btn-outline .icon,.btn.btn-outline i,.btn.btn-outline span{color:#3930b1}.btn.btn-outline .icon path,.btn.btn-outline i path,.btn.btn-outline span path{fill:#3930b1}.btn.btn-outline:hover{background-color:#e9e7f9;border-color:#3930b1;box-shadow:none;color:#3930b1;transform:translate(0)}.btn.btn-outline:hover .icon,.btn.btn-outline:hover i,.btn.btn-outline:hover span{color:#3930b1}.btn.btn-outline:hover .icon path,.btn.btn-outline:hover i path,.btn.btn-outline:hover span path{fill:#3930b1}.btn.btn-outline.show,.btn.btn-outline:active{background-color:#3930b1!important;border-color:#3930b1!important;color:#fff!important}.btn.btn-outline.show .icon,.btn.btn-outline.show i,.btn.btn-outline.show span,.btn.btn-outline:active .icon,.btn.btn-outline:active i,.btn.btn-outline:active span{color:#fff}.btn.btn-outline.show .icon path,.btn.btn-outline.show i path,.btn.btn-outline.show span path,.btn.btn-outline:active .icon path,.btn.btn-outline:active i path,.btn.btn-outline:active span path{fill:#fff}.btn.btn-outline.grey{border-color:#767676}.btn.btn-outline.grey .icon,.btn.btn-outline.grey i,.btn.btn-outline.grey span{color:#767676}.btn.btn-outline.grey .icon path,.btn.btn-outline.grey i path,.btn.btn-outline.grey span path{fill:#767676}.btn.btn-outline.grey:active,.btn.btn-outline.grey:hover{border-color:#3930b1!important;color:#fff!important}.btn.btn-outline.grey:active .icon,.btn.btn-outline.grey:active i,.btn.btn-outline.grey:active span,.btn.btn-outline.grey:hover .icon,.btn.btn-outline.grey:hover i,.btn.btn-outline.grey:hover span{color:#fff}.btn.btn-outline.grey:active .icon path,.btn.btn-outline.grey:active i path,.btn.btn-outline.grey:active span path,.btn.btn-outline.grey:hover .icon path,.btn.btn-outline.grey:hover i path,.btn.btn-outline.grey:hover span path{fill:#fff}.btn.btn-outline.grey:active:hover,.btn.btn-outline.grey:hover:hover{background-color:#3930b1;border-color:#3930b1;color:#fff}.btn.btn-outline.grey.show{border-color:#3930b1}.btn.btn-outline.grey.show .icon,.btn.btn-outline.grey.show i,.btn.btn-outline.grey.show span{color:#fff}.btn.btn-outline.grey.show .icon path,.btn.btn-outline.grey.show i path,.btn.btn-outline.grey.show span path{fill:#fff}.btn.btn-outline.grey:active{border-color:#3930b1!important;color:#fff!important}.btn.btn-outline.grey:active .icon,.btn.btn-outline.grey:active i,.btn.btn-outline.grey:active span{color:#fff}.btn.oauth{align-items:center;height:inherit;justify-content:flex-start;margin-bottom:1rem;max-width:300px;padding:.5rem 1.5rem;width:100%}.btn.oauth.google{align-items:center;background-color:#fff;border:1px solid #efefef;display:flex;justify-content:center}.btn.oauth.google span{color:#767676}.btn.oauth.google:hover{background-color:#fff;border:1px solid #efefef}.btn.oauth.linkedin{background-color:#1877f2;border:1px solid #1877f2}.btn.oauth.linkedin span{color:#fff}.btn.oauth.linkedin:hover{background-color:#1877f2;border:1px solid #1877f2}.btn.oauth.facebook{background-color:#0077b5;border:1px solid #0077b5}.btn.oauth.facebook span{color:#fff}.btn.oauth.facebook:hover{background-color:#0077b5;border:1px solid #0077b5}.btn.oauth.microsoft{background-color:#fff;border:1px solid #8c8c8c}.btn.oauth.microsoft span{color:#5e5e5e}.btn.oauth.microsoft:hover{background-color:#fff;border:1px solid #8c8c8c}.btn.oauth.apple{background-color:#000;border:1px solid #000}.btn.oauth.apple span{color:#fff}.btn.oauth.apple:hover{background-color:#000;border:1px solid #000}.btn.oauth .logo{height:1.5rem;margin-right:1rem;width:1.5rem}.btn.btn-input{align-items:flex-start;background-color:#fff;border:1px solid #767676;color:#767676;font-weight:400;height:auto;justify-content:space-between;min-height:3rem;padding:1em .75em}.btn.btn-input:active,.btn.btn-input:hover{background-color:#fff!important;box-shadow:none;color:#767676!important;transform:translate(0)}.btn.btn-input .highlighted{color:#091a12;font-weight:700}.btn.btn-input.not-validated{background-color:#fce7e8!important;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E\");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#e63137;border-top-right-radius:0;padding-right:calc(1.5em + .75rem)}.btn.btn-input.not-validated:focus{border-color:#e63137;box-shadow:0 0 0 .25rem rgba(230,49,55,.25)}.btn.btn-input.not-validated:focus~.label{color:#e63137}.btn.btn-input.not-validated~.label{color:#e63137}.btn.btn-input .label{transition:transform .2s cubic-bezier(0,0,.2,1),color .2s cubic-bezier(0,0,.2,1),top .2s cubic-bezier(0,0,.2,1)}.btn.btn-input .wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.btn.btn-input:has(.wrapper) .label{position:absolute;text-shadow:2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff;top:-.5em;transform:scale(.85) translateX(-.5em)}.btn.btn-input.show{border-color:#746ec8;box-shadow:0 0 0 2px #746ec8}.btn.btn-input.show .label{color:#746ec8}.btn:has(.avatar){padding:.375em}.btn:has(.avatar) .avatar{border-radius:100%;box-shadow:none;overflow:hidden;transition:box-shadow .15s ease-in-out}.btn:has(.avatar) .avatar img{height:2.375em;width:2.375em}.btn:has(.avatar) span{color:#767676;display:none;max-width:144px;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease-in-out;white-space:nowrap}@media (min-width:768px){.btn:has(.avatar) span{display:block}}.btn:has(.avatar).show{background-color:#e9e7f9;border-color:#e9e7f9}.btn:has(.avatar).show .avatar{box-shadow:0 0 0 3px #3930b1}.btn.btn-xs{border-radius:.1875rem;font-size:.875rem;height:2.375rem;line-height:1em;padding:.75em 1.375em}.btn.btn-xs:not(:has(span)){padding:.75em}.btn.btn-lg{border-radius:.5rem;font-size:1.25rem;height:3.75rem;line-height:1em;padding:1.25em 2.25em}.btn.btn-lg:not(:has(span)){padding:1.25em}.btn.btn-success{background-color:#5bbb84;border-color:#5bbb84}.btn.btn-success.btn-secondary{background-color:#d6eee0;border-color:#d6eee0;color:#31754e}.btn.btn-success.btn-secondary:active,.btn.btn-success.btn-secondary:first-child:active,.btn.btn-success.btn-secondary:hover{background-color:#5bbb84!important;border-color:#5bbb84!important;color:#fff!important}.btn.btn-success.btn-terciary{background-color:transparent;border-color:transparent;color:#5bbb84}.btn.btn-success.btn-terciary .icon path,.btn.btn-success.btn-terciary .icon.caret path{fill:#5bbb84}.btn.btn-success.btn-terciary.show,.btn.btn-success.btn-terciary:active,.btn.btn-success.btn-terciary:hover{background-color:#d6eee0!important;border-color:rgba(49,117,78,.05)!important;color:#31754e!important}.btn.btn-success.btn-terciary.show span,.btn.btn-success.btn-terciary:active span,.btn.btn-success.btn-terciary:hover span{color:#31754e}.btn.btn-success.btn-terciary.show .icon path,.btn.btn-success.btn-terciary:active .icon path,.btn.btn-success.btn-terciary:hover .icon path{fill:#31754e}.btn.btn-success.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(49,117,78,.5)}.btn.btn-success.btn-outline{background-color:transparent;border:1px solid #5bbb84;color:#31754e}.btn.btn-success.btn-outline .icon,.btn.btn-success.btn-outline i,.btn.btn-success.btn-outline span{color:#5bbb84}.btn.btn-success.btn-outline .icon path,.btn.btn-success.btn-outline i path,.btn.btn-success.btn-outline span path{fill:#5bbb84}.btn.btn-success.btn-outline:active,.btn.btn-success.btn-outline:hover{background-color:rgba(91,187,132,.2)!important;border-color:#5bbb84!important;color:#5bbb84}.btn.btn-success.btn-outline:active .icon,.btn.btn-success.btn-outline:active i,.btn.btn-success.btn-outline:active span,.btn.btn-success.btn-outline:hover .icon,.btn.btn-success.btn-outline:hover i,.btn.btn-success.btn-outline:hover span{color:#5bbb84}.btn.btn-success.btn-outline:active .icon path,.btn.btn-success.btn-outline:active i path,.btn.btn-success.btn-outline:active span path,.btn.btn-success.btn-outline:hover .icon path,.btn.btn-success.btn-outline:hover i path,.btn.btn-success.btn-outline:hover span path{fill:#5bbb84}.btn.btn-danger{background-color:#e63137;border-color:#e63137}.btn.btn-danger.btn-secondary{background-color:#fce7e8;border-color:#fce7e8;color:#e63137}.btn.btn-danger.btn-secondary:active,.btn.btn-danger.btn-secondary:first-child:active,.btn.btn-danger.btn-secondary:hover{background-color:#e63137!important;border-color:#e63137!important;color:#fff!important}.btn.btn-danger.btn-terciary{background-color:transparent;border-color:transparent;color:#e63137}.btn.btn-danger.btn-terciary .icon path,.btn.btn-danger.btn-terciary .icon.caret path{fill:#e63137}.btn.btn-danger.btn-terciary.show,.btn.btn-danger.btn-terciary:active,.btn.btn-danger.btn-terciary:hover{background-color:#fce7e8!important;border-color:#fce7e8!important;color:#e63137!important}.btn.btn-danger.btn-terciary.show span,.btn.btn-danger.btn-terciary:active span,.btn.btn-danger.btn-terciary:hover span{color:#e63137}.btn.btn-danger.btn-terciary.show .icon path,.btn.btn-danger.btn-terciary:active .icon path,.btn.btn-danger.btn-terciary:hover .icon path{fill:#e63137}.btn.btn-danger.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(230,49,55,.5)}.btn.btn-danger.btn-outline{background-color:transparent;border:1px solid #e63137;color:#e63137}.btn.btn-danger.btn-outline .icon,.btn.btn-danger.btn-outline i,.btn.btn-danger.btn-outline span{color:#e63137}.btn.btn-danger.btn-outline .icon path,.btn.btn-danger.btn-outline i path,.btn.btn-danger.btn-outline span path{fill:#e63137}.btn.btn-danger.btn-outline:active,.btn.btn-danger.btn-outline:hover{background-color:rgba(230,49,55,.2)!important;border-color:#e63137!important;color:#e63137}.btn.btn-danger.btn-outline:active .icon,.btn.btn-danger.btn-outline:active i,.btn.btn-danger.btn-outline:active span,.btn.btn-danger.btn-outline:hover .icon,.btn.btn-danger.btn-outline:hover i,.btn.btn-danger.btn-outline:hover span{color:#e63137}.btn.btn-danger.btn-outline:active .icon path,.btn.btn-danger.btn-outline:active i path,.btn.btn-danger.btn-outline:active span path,.btn.btn-danger.btn-outline:hover .icon path,.btn.btn-danger.btn-outline:hover i path,.btn.btn-danger.btn-outline:hover span path{fill:#e63137}.btn.btn-warning{background-color:#f3a905;border-color:#f3a905}.btn.btn-warning.btn-secondary{background-color:#feedc6;border-color:#feedc6;color:#aa5509}.btn.btn-warning.btn-secondary:active,.btn.btn-warning.btn-secondary:first-child:active,.btn.btn-warning.btn-secondary:hover{background-color:#f3a905!important;border-color:#f3a905!important;color:#fff!important}.btn.btn-warning.btn-terciary{background-color:transparent;border-color:transparent;color:#f3a905}.btn.btn-warning.btn-terciary .icon path,.btn.btn-warning.btn-terciary .icon.caret path{fill:#f3a905}.btn.btn-warning.btn-terciary.show,.btn.btn-warning.btn-terciary:active,.btn.btn-warning.btn-terciary:hover{background-color:#feedc6!important;border-color:rgba(170,85,9,.05)!important;color:#aa5509!important}.btn.btn-warning.btn-terciary.show span,.btn.btn-warning.btn-terciary:active span,.btn.btn-warning.btn-terciary:hover span{color:#aa5509}.btn.btn-warning.btn-terciary.show .icon path,.btn.btn-warning.btn-terciary:active .icon path,.btn.btn-warning.btn-terciary:hover .icon path{fill:#aa5509}.btn.btn-warning.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(170,85,9,.5)}.btn.btn-warning.btn-outline{background-color:transparent;border:1px solid #f3a905;color:#aa5509}.btn.btn-warning.btn-outline .icon,.btn.btn-warning.btn-outline i,.btn.btn-warning.btn-outline span{color:#f3a905}.btn.btn-warning.btn-outline .icon path,.btn.btn-warning.btn-outline i path,.btn.btn-warning.btn-outline span path{fill:#f3a905}.btn.btn-warning.btn-outline:active,.btn.btn-warning.btn-outline:hover{background-color:rgba(243,169,5,.2)!important;border-color:#f3a905!important;color:#f3a905}.btn.btn-warning.btn-outline:active .icon,.btn.btn-warning.btn-outline:active i,.btn.btn-warning.btn-outline:active span,.btn.btn-warning.btn-outline:hover .icon,.btn.btn-warning.btn-outline:hover i,.btn.btn-warning.btn-outline:hover span{color:#f3a905}.btn.btn-warning.btn-outline:active .icon path,.btn.btn-warning.btn-outline:active i path,.btn.btn-warning.btn-outline:active span path,.btn.btn-warning.btn-outline:hover .icon path,.btn.btn-warning.btn-outline:hover i path,.btn.btn-warning.btn-outline:hover span path{fill:#f3a905}.btn.btn-link{background-color:transparent;border-color:transparent;color:#24b8ce;font-weight:400;transition-duration:0}.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none;color:#3930b1!important;transform:none}.btn.btn-link span{transition:none}.btn.btn-processing{pointer-events:none}.btn.btn-processing .fa-spin{animation-duration:.75s}.btn:disabled{opacity:.4;pointer-events:none}");const t=({variant:t,size:o,onClick:e,children:r,icon:b,iconPosition:a,className:i,style:c,processing:l})=>{let s=`btn ${i}`;"default"!==t&&(s+=` btn-${t}`),"md"!==o&&(s+=` btn-${o}`),"default"!==c&&(s+=` btn-${c}`),l&&(s+=" btn-processing");const d=l?n.createElement(n.Fragment,null,n.createElement("i",{className:"fa-solid fa-spinner-third fa-spin","aria-hidden":"true"}),r&&n.createElement("span",null,r,"…")):b?"end"===a?n.createElement(n.Fragment,null,r&&n.createElement("span",null,r),n.createElement("i",{className:`fa-solid ${b}`,"aria-hidden":"true"})):n.createElement(n.Fragment,null,n.createElement("i",{className:`fa-solid ${b}`,"aria-hidden":"true"}),r&&n.createElement("span",null,r)):r&&n.createElement("span",null,r);return n.createElement("button",{className:s,onClick:e},d)};export{t as Button};
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var n=require("react");!function(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}(".btn{align-items:center;background-color:#3930b1;border-color:transparent;border-radius:.375rem;box-shadow:0 0 0 rgba(57,48,177,.35);color:#fff;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;gap:.5rem;height:3rem;justify-content:center;line-height:1rem;padding:1em 1.5em;transform:translateY(0);transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out,border-color .15s ease-in-out;white-space:nowrap;width:100%}@media (min-width:768px){.btn{width:auto}}.btn:hover{background-color:#3930b1;border-color:#3930b1;box-shadow:0 6px 16px rgba(57,48,177,.35);color:#fff;transform:translateY(-.146rem)}.btn:active,.btn:first-child:active{background-color:#3930b1!important;border-color:#3930b1!important;color:#fff!important}.btn:not(:has(span)){padding:1em;width:auto}.btn .icon,.btn i{height:1em;width:1em}.btn i,.btn span{transition:color .15s ease-in-out}.btn.btn-secondary{background-color:#e9e7f9;border-color:#e9e7f9;color:#3930b1}.btn.btn-secondary:hover{background-color:#3930b1;border-color:#3930b1;box-shadow:none;color:#fff;transform:translate(0)}.btn.btn-terciary{background-color:transparent;border-color:transparent;color:#3930b1}.btn.btn-terciary .icon path,.btn.btn-terciary .icon.caret path{fill:#3930b1}.btn.btn-terciary.show,.btn.btn-terciary:active,.btn.btn-terciary:hover{background-color:rgba(0,0,75,.1)!important;border-color:rgba(0,0,75,.05);box-shadow:none;color:#3930b1!important;transform:translate(0)}.btn.btn-terciary.show span,.btn.btn-terciary:active span,.btn.btn-terciary:hover span{color:#3930b1}.btn.btn-terciary.show .icon path,.btn.btn-terciary:active .icon path,.btn.btn-terciary:hover .icon path{fill:#3930b1}.btn.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(0,0,75,.5)}.btn.btn-terciary.danger,.btn.btn-terciary.danger i,.btn.btn-terciary.danger span{color:#e63137}.btn.btn-terciary.danger:active,.btn.btn-terciary.danger:hover{background-color:#fce7e8!important;border-color:#fce7e8!important;color:#e63137!important}.btn.btn-terciary.danger:active i,.btn.btn-terciary.danger:active span,.btn.btn-terciary.danger:hover i,.btn.btn-terciary.danger:hover span{color:#e63137}.btn.btn-outline{background-color:transparent;border:1px solid #3930b1;color:#3930b1}.btn.btn-outline .icon,.btn.btn-outline i,.btn.btn-outline span{color:#3930b1}.btn.btn-outline .icon path,.btn.btn-outline i path,.btn.btn-outline span path{fill:#3930b1}.btn.btn-outline:hover{background-color:#e9e7f9;border-color:#3930b1;box-shadow:none;color:#3930b1;transform:translate(0)}.btn.btn-outline:hover .icon,.btn.btn-outline:hover i,.btn.btn-outline:hover span{color:#3930b1}.btn.btn-outline:hover .icon path,.btn.btn-outline:hover i path,.btn.btn-outline:hover span path{fill:#3930b1}.btn.btn-outline.show,.btn.btn-outline:active{background-color:#3930b1!important;border-color:#3930b1!important;color:#fff!important}.btn.btn-outline.show .icon,.btn.btn-outline.show i,.btn.btn-outline.show span,.btn.btn-outline:active .icon,.btn.btn-outline:active i,.btn.btn-outline:active span{color:#fff}.btn.btn-outline.show .icon path,.btn.btn-outline.show i path,.btn.btn-outline.show span path,.btn.btn-outline:active .icon path,.btn.btn-outline:active i path,.btn.btn-outline:active span path{fill:#fff}.btn.btn-outline.grey{border-color:#767676}.btn.btn-outline.grey .icon,.btn.btn-outline.grey i,.btn.btn-outline.grey span{color:#767676}.btn.btn-outline.grey .icon path,.btn.btn-outline.grey i path,.btn.btn-outline.grey span path{fill:#767676}.btn.btn-outline.grey:active,.btn.btn-outline.grey:hover{border-color:#3930b1!important;color:#fff!important}.btn.btn-outline.grey:active .icon,.btn.btn-outline.grey:active i,.btn.btn-outline.grey:active span,.btn.btn-outline.grey:hover .icon,.btn.btn-outline.grey:hover i,.btn.btn-outline.grey:hover span{color:#fff}.btn.btn-outline.grey:active .icon path,.btn.btn-outline.grey:active i path,.btn.btn-outline.grey:active span path,.btn.btn-outline.grey:hover .icon path,.btn.btn-outline.grey:hover i path,.btn.btn-outline.grey:hover span path{fill:#fff}.btn.btn-outline.grey:active:hover,.btn.btn-outline.grey:hover:hover{background-color:#3930b1;border-color:#3930b1;color:#fff}.btn.btn-outline.grey.show{border-color:#3930b1}.btn.btn-outline.grey.show .icon,.btn.btn-outline.grey.show i,.btn.btn-outline.grey.show span{color:#fff}.btn.btn-outline.grey.show .icon path,.btn.btn-outline.grey.show i path,.btn.btn-outline.grey.show span path{fill:#fff}.btn.btn-outline.grey:active{border-color:#3930b1!important;color:#fff!important}.btn.btn-outline.grey:active .icon,.btn.btn-outline.grey:active i,.btn.btn-outline.grey:active span{color:#fff}.btn.oauth{align-items:center;height:inherit;justify-content:flex-start;margin-bottom:1rem;max-width:300px;padding:.5rem 1.5rem;width:100%}.btn.oauth.google{align-items:center;background-color:#fff;border:1px solid #efefef;display:flex;justify-content:center}.btn.oauth.google span{color:#767676}.btn.oauth.google:hover{background-color:#fff;border:1px solid #efefef}.btn.oauth.linkedin{background-color:#1877f2;border:1px solid #1877f2}.btn.oauth.linkedin span{color:#fff}.btn.oauth.linkedin:hover{background-color:#1877f2;border:1px solid #1877f2}.btn.oauth.facebook{background-color:#0077b5;border:1px solid #0077b5}.btn.oauth.facebook span{color:#fff}.btn.oauth.facebook:hover{background-color:#0077b5;border:1px solid #0077b5}.btn.oauth.microsoft{background-color:#fff;border:1px solid #8c8c8c}.btn.oauth.microsoft span{color:#5e5e5e}.btn.oauth.microsoft:hover{background-color:#fff;border:1px solid #8c8c8c}.btn.oauth.apple{background-color:#000;border:1px solid #000}.btn.oauth.apple span{color:#fff}.btn.oauth.apple:hover{background-color:#000;border:1px solid #000}.btn.oauth .logo{height:1.5rem;margin-right:1rem;width:1.5rem}.btn.btn-input{align-items:flex-start;background-color:#fff;border:1px solid #767676;color:#767676;font-weight:400;height:auto;justify-content:space-between;min-height:3rem;padding:1em .75em}.btn.btn-input:active,.btn.btn-input:hover{background-color:#fff!important;box-shadow:none;color:#767676!important;transform:translate(0)}.btn.btn-input .highlighted{color:#091a12;font-weight:700}.btn.btn-input.not-validated{background-color:#fce7e8!important;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E\");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#e63137;border-top-right-radius:0;padding-right:calc(1.5em + .75rem)}.btn.btn-input.not-validated:focus{border-color:#e63137;box-shadow:0 0 0 .25rem rgba(230,49,55,.25)}.btn.btn-input.not-validated:focus~.label{color:#e63137}.btn.btn-input.not-validated~.label{color:#e63137}.btn.btn-input .label{transition:transform .2s cubic-bezier(0,0,.2,1),color .2s cubic-bezier(0,0,.2,1),top .2s cubic-bezier(0,0,.2,1)}.btn.btn-input .wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.btn.btn-input:has(.wrapper) .label{position:absolute;text-shadow:2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff;top:-.5em;transform:scale(.85) translateX(-.5em)}.btn.btn-input.show{border-color:#746ec8;box-shadow:0 0 0 2px #746ec8}.btn.btn-input.show .label{color:#746ec8}.btn:has(.avatar){padding:.375em}.btn:has(.avatar) .avatar{border-radius:100%;box-shadow:none;overflow:hidden;transition:box-shadow .15s ease-in-out}.btn:has(.avatar) .avatar img{height:2.375em;width:2.375em}.btn:has(.avatar) span{color:#767676;display:none;max-width:144px;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease-in-out;white-space:nowrap}@media (min-width:768px){.btn:has(.avatar) span{display:block}}.btn:has(.avatar).show{background-color:#e9e7f9;border-color:#e9e7f9}.btn:has(.avatar).show .avatar{box-shadow:0 0 0 3px #3930b1}.btn.btn-xs{border-radius:.1875rem;font-size:.875rem;height:2.375rem;line-height:1em;padding:.75em 1.375em}.btn.btn-xs:not(:has(span)){padding:.75em}.btn.btn-lg{border-radius:.5rem;font-size:1.25rem;height:3.75rem;line-height:1em;padding:1.25em 2.25em}.btn.btn-lg:not(:has(span)){padding:1.25em}.btn.btn-success{background-color:#5bbb84;border-color:#5bbb84}.btn.btn-success.btn-secondary{background-color:#d6eee0;border-color:#d6eee0;color:#31754e}.btn.btn-success.btn-secondary:active,.btn.btn-success.btn-secondary:first-child:active,.btn.btn-success.btn-secondary:hover{background-color:#5bbb84!important;border-color:#5bbb84!important;color:#fff!important}.btn.btn-success.btn-terciary{background-color:transparent;border-color:transparent;color:#5bbb84}.btn.btn-success.btn-terciary .icon path,.btn.btn-success.btn-terciary .icon.caret path{fill:#5bbb84}.btn.btn-success.btn-terciary.show,.btn.btn-success.btn-terciary:active,.btn.btn-success.btn-terciary:hover{background-color:#d6eee0!important;border-color:rgba(49,117,78,.05)!important;color:#31754e!important}.btn.btn-success.btn-terciary.show span,.btn.btn-success.btn-terciary:active span,.btn.btn-success.btn-terciary:hover span{color:#31754e}.btn.btn-success.btn-terciary.show .icon path,.btn.btn-success.btn-terciary:active .icon path,.btn.btn-success.btn-terciary:hover .icon path{fill:#31754e}.btn.btn-success.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(49,117,78,.5)}.btn.btn-success.btn-outline{background-color:transparent;border:1px solid #5bbb84;color:#31754e}.btn.btn-success.btn-outline .icon,.btn.btn-success.btn-outline i,.btn.btn-success.btn-outline span{color:#5bbb84}.btn.btn-success.btn-outline .icon path,.btn.btn-success.btn-outline i path,.btn.btn-success.btn-outline span path{fill:#5bbb84}.btn.btn-success.btn-outline:active,.btn.btn-success.btn-outline:hover{background-color:rgba(91,187,132,.2)!important;border-color:#5bbb84!important;color:#5bbb84}.btn.btn-success.btn-outline:active .icon,.btn.btn-success.btn-outline:active i,.btn.btn-success.btn-outline:active span,.btn.btn-success.btn-outline:hover .icon,.btn.btn-success.btn-outline:hover i,.btn.btn-success.btn-outline:hover span{color:#5bbb84}.btn.btn-success.btn-outline:active .icon path,.btn.btn-success.btn-outline:active i path,.btn.btn-success.btn-outline:active span path,.btn.btn-success.btn-outline:hover .icon path,.btn.btn-success.btn-outline:hover i path,.btn.btn-success.btn-outline:hover span path{fill:#5bbb84}.btn.btn-danger{background-color:#e63137;border-color:#e63137}.btn.btn-danger.btn-secondary{background-color:#fce7e8;border-color:#fce7e8;color:#e63137}.btn.btn-danger.btn-secondary:active,.btn.btn-danger.btn-secondary:first-child:active,.btn.btn-danger.btn-secondary:hover{background-color:#e63137!important;border-color:#e63137!important;color:#fff!important}.btn.btn-danger.btn-terciary{background-color:transparent;border-color:transparent;color:#e63137}.btn.btn-danger.btn-terciary .icon path,.btn.btn-danger.btn-terciary .icon.caret path{fill:#e63137}.btn.btn-danger.btn-terciary.show,.btn.btn-danger.btn-terciary:active,.btn.btn-danger.btn-terciary:hover{background-color:#fce7e8!important;border-color:#fce7e8!important;color:#e63137!important}.btn.btn-danger.btn-terciary.show span,.btn.btn-danger.btn-terciary:active span,.btn.btn-danger.btn-terciary:hover span{color:#e63137}.btn.btn-danger.btn-terciary.show .icon path,.btn.btn-danger.btn-terciary:active .icon path,.btn.btn-danger.btn-terciary:hover .icon path{fill:#e63137}.btn.btn-danger.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(230,49,55,.5)}.btn.btn-danger.btn-outline{background-color:transparent;border:1px solid #e63137;color:#e63137}.btn.btn-danger.btn-outline .icon,.btn.btn-danger.btn-outline i,.btn.btn-danger.btn-outline span{color:#e63137}.btn.btn-danger.btn-outline .icon path,.btn.btn-danger.btn-outline i path,.btn.btn-danger.btn-outline span path{fill:#e63137}.btn.btn-danger.btn-outline:active,.btn.btn-danger.btn-outline:hover{background-color:rgba(230,49,55,.2)!important;border-color:#e63137!important;color:#e63137}.btn.btn-danger.btn-outline:active .icon,.btn.btn-danger.btn-outline:active i,.btn.btn-danger.btn-outline:active span,.btn.btn-danger.btn-outline:hover .icon,.btn.btn-danger.btn-outline:hover i,.btn.btn-danger.btn-outline:hover span{color:#e63137}.btn.btn-danger.btn-outline:active .icon path,.btn.btn-danger.btn-outline:active i path,.btn.btn-danger.btn-outline:active span path,.btn.btn-danger.btn-outline:hover .icon path,.btn.btn-danger.btn-outline:hover i path,.btn.btn-danger.btn-outline:hover span path{fill:#e63137}.btn.btn-warning{background-color:#f3a905;border-color:#f3a905}.btn.btn-warning.btn-secondary{background-color:#feedc6;border-color:#feedc6;color:#aa5509}.btn.btn-warning.btn-secondary:active,.btn.btn-warning.btn-secondary:first-child:active,.btn.btn-warning.btn-secondary:hover{background-color:#f3a905!important;border-color:#f3a905!important;color:#fff!important}.btn.btn-warning.btn-terciary{background-color:transparent;border-color:transparent;color:#f3a905}.btn.btn-warning.btn-terciary .icon path,.btn.btn-warning.btn-terciary .icon.caret path{fill:#f3a905}.btn.btn-warning.btn-terciary.show,.btn.btn-warning.btn-terciary:active,.btn.btn-warning.btn-terciary:hover{background-color:#feedc6!important;border-color:rgba(170,85,9,.05)!important;color:#aa5509!important}.btn.btn-warning.btn-terciary.show span,.btn.btn-warning.btn-terciary:active span,.btn.btn-warning.btn-terciary:hover span{color:#aa5509}.btn.btn-warning.btn-terciary.show .icon path,.btn.btn-warning.btn-terciary:active .icon path,.btn.btn-warning.btn-terciary:hover .icon path{fill:#aa5509}.btn.btn-warning.btn-terciary:focus{box-shadow:0 0 0 .25rem rgba(170,85,9,.5)}.btn.btn-warning.btn-outline{background-color:transparent;border:1px solid #f3a905;color:#aa5509}.btn.btn-warning.btn-outline .icon,.btn.btn-warning.btn-outline i,.btn.btn-warning.btn-outline span{color:#f3a905}.btn.btn-warning.btn-outline .icon path,.btn.btn-warning.btn-outline i path,.btn.btn-warning.btn-outline span path{fill:#f3a905}.btn.btn-warning.btn-outline:active,.btn.btn-warning.btn-outline:hover{background-color:rgba(243,169,5,.2)!important;border-color:#f3a905!important;color:#f3a905}.btn.btn-warning.btn-outline:active .icon,.btn.btn-warning.btn-outline:active i,.btn.btn-warning.btn-outline:active span,.btn.btn-warning.btn-outline:hover .icon,.btn.btn-warning.btn-outline:hover i,.btn.btn-warning.btn-outline:hover span{color:#f3a905}.btn.btn-warning.btn-outline:active .icon path,.btn.btn-warning.btn-outline:active i path,.btn.btn-warning.btn-outline:active span path,.btn.btn-warning.btn-outline:hover .icon path,.btn.btn-warning.btn-outline:hover i path,.btn.btn-warning.btn-outline:hover span path{fill:#f3a905}.btn.btn-link{background-color:transparent;border-color:transparent;color:#24b8ce;font-weight:400;transition-duration:0}.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none;color:#3930b1!important;transform:none}.btn.btn-link span{transition:none}.btn.btn-processing{pointer-events:none}.btn.btn-processing .fa-spin{animation-duration:.75s}.btn:disabled{opacity:.4;pointer-events:none}");exports.Button=({variant:t,size:o,onClick:e,children:r,icon:b,iconPosition:a,className:i,style:c,processing:l})=>{let s=`btn ${i}`;"default"!==t&&(s+=` btn-${t}`),"md"!==o&&(s+=` btn-${o}`),"default"!==c&&(s+=` btn-${c}`),l&&(s+=" btn-processing");const d=l?n.createElement(n.Fragment,null,n.createElement("i",{className:"fa-solid fa-spinner-third fa-spin","aria-hidden":"true"}),r&&n.createElement("span",null,r,"…")):b?"end"===a?n.createElement(n.Fragment,null,r&&n.createElement("span",null,r),n.createElement("i",{className:`fa-solid ${b}`,"aria-hidden":"true"})):n.createElement(n.Fragment,null,n.createElement("i",{className:`fa-solid ${b}`,"aria-hidden":"true"}),r&&n.createElement("span",null,r)):r&&n.createElement("span",null,r);return n.createElement("button",{className:s,onClick:e},d)};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "groovinads-ui",
3
- "version": "1.0.1",
3
+ "version": "1.0.4",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.es.js",
6
6
  "repository": "git@bitbucket.org:groovinads/react-components.git",