kiva-protocol-ui-kit 1.0.73 → 1.0.74

package/build/button/Button.d.ts

@@ -5,5 +5,7 @@ export interface ButtonProps {
     style: string;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     classes?: string[];
+    disabled?: boolean;
+    small?: boolean;
 }
 export declare const Button: FunctionComponent<ButtonProps>;

package/build/button/Button.scss

@@ -1,9 +1,18 @@
 
 button.protocol-button {
   height: 50px;
+  text-transform: uppercase;
   border-radius: 16px !important;
   background-color: #004FD4 !important;
   font-family: 'Roboto Mono', monospace;
   padding: 16px 30px !important;
   line-height: 18.46px !important;
+  &.disabled {
+    opacity: 0.5;
+  }
+  &.secondary {
+    background-color: #FFFFFF !important;
+    border: 0.5px solid #D4D4D4;
+    color: #000000;
+  }
 }

package/build/index.esm.js

@@ -44,7 +44,7 @@ var ActionCard = function (prop) {
             React.createElement("span", { className: "text-center text-gray-600" }, prop.caption))));
 };
 
-var css_248z$a = "button.protocol-button{background-color:#004fd4!important;border-radius:16px!important;font-family:Roboto Mono,monospace;height:50px;line-height:18.46px!important;padding:16px 30px!important}";
+var css_248z$a = "button.protocol-button{background-color:#004fd4!important;border-radius:16px!important;font-family:Roboto Mono,monospace;height:50px;line-height:18.46px!important;padding:16px 30px!important;text-transform:uppercase}button.protocol-button.disabled{opacity:.5}button.protocol-button.secondary{background-color:#fff!important;border:.5px solid #d4d4d4;color:#000}";
 styleInject(css_248z$a);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -17255,6 +17255,13 @@ var lodash = createCommonjsModule(function (module, exports) {
 
 var Button = function (prop) {
     var classString = "";
+    if (prop.disabled) {
+        classString += " disabled";
+    }
+    if (prop.small) {
+        classString += " small";
+    }
+    classString += " " + prop.style;
     lodash.forEach(prop.classes, function (value) {
         classString = classString + (" " + value);
     });
@@ -17424,7 +17431,6 @@ var Fingerprint = function (prop) {
     };
     var svgSrc = variants[prop.variant];
     console.log(svgSrc);
-    debugger;
     return (React.createElement("img", { src: svgSrc, width: 200, alt: "Fingerprint reference image" }));
 };