kiva-protocol-ui-kit 1.0.73 → 1.0.74

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.
@@ -5,5 +5,7 @@ export interface ButtonProps {
5
5
  style: string;
6
6
  onClick?: MouseEventHandler<HTMLButtonElement>;
7
7
  classes?: string[];
8
+ disabled?: boolean;
9
+ small?: boolean;
8
10
  }
9
11
  export declare const Button: FunctionComponent<ButtonProps>;
@@ -1,9 +1,18 @@
1
1
 
2
2
  button.protocol-button {
3
3
  height: 50px;
4
+ text-transform: uppercase;
4
5
  border-radius: 16px !important;
5
6
  background-color: #004FD4 !important;
6
7
  font-family: 'Roboto Mono', monospace;
7
8
  padding: 16px 30px !important;
8
9
  line-height: 18.46px !important;
10
+ &.disabled {
11
+ opacity: 0.5;
12
+ }
13
+ &.secondary {
14
+ background-color: #FFFFFF !important;
15
+ border: 0.5px solid #D4D4D4;
16
+ color: #000000;
17
+ }
9
18
  }
@@ -44,7 +44,7 @@ var ActionCard = function (prop) {
44
44
  React.createElement("span", { className: "text-center text-gray-600" }, prop.caption))));
45
45
  };
46
46
 
47
- 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}";
47
+ 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}";
48
48
  styleInject(css_248z$a);
49
49
 
50
50
  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) {
17255
17255
 
17256
17256
  var Button = function (prop) {
17257
17257
  var classString = "";
17258
+ if (prop.disabled) {
17259
+ classString += " disabled";
17260
+ }
17261
+ if (prop.small) {
17262
+ classString += " small";
17263
+ }
17264
+ classString += " " + prop.style;
17258
17265
  lodash.forEach(prop.classes, function (value) {
17259
17266
  classString = classString + (" " + value);
17260
17267
  });
@@ -17424,7 +17431,6 @@ var Fingerprint = function (prop) {
17424
17431
  };
17425
17432
  var svgSrc = variants[prop.variant];
17426
17433
  console.log(svgSrc);
17427
- debugger;
17428
17434
  return (React.createElement("img", { src: svgSrc, width: 200, alt: "Fingerprint reference image" }));
17429
17435
  };
17430
17436