kiva-protocol-ui-kit 1.0.53 → 1.0.57

package/build/button/Button.scss

@@ -1,5 +1,5 @@
 
-button {
+button.protocol-button {
   height: 50px;
   border-radius: 16px !important;
   background-color: #004FD4 !important;

package/build/consent-card/ConsentCard.d.ts

@@ -6,7 +6,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 export interface ConsentCardProps {
     title: string;
     agreement: string;
-    pii: JSX.Element | null;
+    pii: string[];
     backBtnHandler?: MouseEventHandler<HTMLButtonElement>;
     backBtnContent?: string;
     acceptBtnHandler: MouseEventHandler<HTMLButtonElement>;

package/build/dropdown/Dropdown.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from "react";
+import "./Dropdown.scss";
+import "../typography.scss";
+import "../variables.scss";
+import 'bootstrap/dist/css/bootstrap.min.css';
+export interface DropdownProps {
+    options: string[];
+}
+export declare const Dropdown: FunctionComponent<DropdownProps>;

package/build/dropdown/Dropdown.scss

@@ -0,0 +1,13 @@
+.btn-primary.protocol-dropdown-btn,
+.btn-primary.protocol-dropdown-btn:hover,
+.btn-primary.protocol-dropdown-btn:focus,
+.btn-primary.protocol-dropdown-btn:active,
+.btn-primary.protocol-dropdown-btn.dropdown-toggle {
+  background-color: #FFF;
+  color: #000;
+  border-color: #D4D4D4;
+  outline: none !important;
+  box-shadow: none !important;
+  border-radius: 12px;
+}
+

package/build/index.d.ts

@@ -5,3 +5,4 @@ export { Alert } from "./alert/Alert";
 export { FormInput } from "./form-input/FormInput";
 export { QrCode } from "./qr-code/QrCode";
 export { ConsentCard } from "./consent-card/ConsentCard";
+export { Dropdown } from "./dropdown/Dropdown";