tendermint · lovincyrus · Apr 3, 2020 · Mar 28, 2020 · Mar 28, 2020 · Mar 29, 2020
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "@cosmos-ui/vue",
   "productName": "Tendermint UI",
   "description": "Tendermint UI contains components for front end projects.",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "author": "Tendermint, Inc <hello@tendermint.com>",

diff --git a/src/Button/Button.vue b/src/Button/Button.vue
@@ -17,7 +17,7 @@
   font-size: initial;
   margin: 0;
   padding: 0;
-  padding: .85em 1.15em;
+  padding: .875em 1.15em;
   border-radius: .35em;
   cursor: pointer;
   user-select: none;
@@ -31,6 +31,7 @@
   text-decoration: none;
   background-color: var(--background-color, rgb(80, 100, 251));
   color: white;
+  white-space: nowrap;
 }
 button:disabled {
   opacity: .5;

diff --git a/src/Footer/Footer.vue b/src/Footer/Footer.vue
@@ -42,7 +42,7 @@ a {
 
 .component__footer__container {
   font-family: var(--ds-font-family, "Helvetica");
-  background-color: var(--grey-14, white);
+  background-color: var(--grey-14, rgb(21, 24, 49));
   color: var(--white-100, white);
   padding-top: 2rem;
   padding-bottom: 2rem;
@@ -84,8 +84,8 @@ a {
 }
 
 .header__links__popover__content {
-  background: var(--white-100, black);
-  color: var(--black, white);
+  background: var(--white-100, white);
+  color: var(--black, black);
   position: absolute;
   white-space: nowrap;
   transform: translateX(-50%);
@@ -100,7 +100,7 @@ a {
   width: 8px;
   height: 8px;
   display: block;
-  background-color: var(--white-100, black);
+  background-color: var(--white-100, white);
   mask-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24'><path d='M12 21l-12-18h24z'/></svg>");
   background-repeat: no-repeat;
   top: 100%;
@@ -109,7 +109,7 @@ a {
 }
 
 .header__links__item {
-  fill: var(--white-100, black);
+  fill: var(--white-100, white);
   margin-right: 0.75rem;
   margin-bottom: 0.75rem;
   display: block;

diff --git a/src/Icons/IconArrowRight.vue b/src/Icons/IconArrowRight.vue
@@ -1,5 +1,5 @@
 <template>
-  <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M1.5 13C0.947715 13 0.499999 12.5523 0.499999 12C0.499999 11.4477 0.947714 11 1.5 11L1.5 13ZM22.25 12L22.9571 11.2929L23.6642 12L22.9571 12.7071L22.25 12ZM15.4571 20.2071C15.0666 20.5976 14.4334 20.5976 14.0429 20.2071C13.6524 19.8166 13.6524 19.1834 14.0429 18.7929L15.4571 20.2071ZM14.0429 5.20711C13.6524 4.81658 13.6524 4.18342 14.0429 3.79289C14.4334 3.40237 15.0666 3.40237 15.4571 3.79289L14.0429 5.20711ZM1.5 11L22.25 11L22.25 13L1.5 13L1.5 11ZM22.9571 12.7071L15.4571 20.2071L14.0429 18.7929L21.5429 11.2929L22.9571 12.7071ZM15.4571 3.79289L22.9571 11.2929L21.5429 12.7071L14.0429 5.20711L15.4571 3.79289Z"/>
   </svg>
 </template>
diff --git a/src/Icons/IconCheck.vue b/src/Icons/IconCheck.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9908 8.82024 22.7235 5.77336 20.4751 3.52492C18.2266 1.27648 15.1798 0.00923395 12 0V0ZM10 17.414L4.58601 12L6.00001 10.586L10 14.586L18 6.586L19.414 8L10 17.414Z"/>
+  </svg>
+</template>
diff --git a/src/Icons/IconChevronLeft.vue b/src/Icons/IconChevronLeft.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg width="100%" height="100%" viewBox="0 0 9 14" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.95114 0.466043C7.58268 0.112325 7.00077 0.112325 6.63231 0.466043L0 6.83301L6.63231 13.2C7.00077 13.5537 7.58268 13.5537 7.95114 13.2V13.2C8.3415 12.8252 8.3415 12.2009 7.95114 11.8262L2.74988 6.83301L7.95114 1.83984C8.3415 1.4651 8.3415 0.840785 7.95114 0.466043V0.466043Z"/>
+  </svg>
+</template>
diff --git a/src/Icons/IconNetwork.vue b/src/Icons/IconNetwork.vue
@@ -0,0 +1,12 @@
+<template>
+  <svg width="100%" height="100%" viewBox="0 0 63 62" xmlns="http://www.w3.org/2000/svg">
+    <path d="M38.5 18H24.5C24.5 14.686 27.186 12 30.5 12H32.5C35.814 12 38.5 14.686 38.5 18Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M31.5 9C33.7091 9 35.5 7.20914 35.5 5C35.5 2.79086 33.7091 1 31.5 1C29.2909 1 27.5 2.79086 27.5 5C27.5 7.20914 29.2909 9 31.5 9Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.5 27H1.5C1.5 23.686 4.186 21 7.5 21H9.5C12.814 21 15.5 23.686 15.5 27Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.5 18C10.7091 18 12.5 16.2091 12.5 14C12.5 11.7909 10.7091 10 8.5 10C6.29086 10 4.5 11.7909 4.5 14C4.5 16.2091 6.29086 18 8.5 18Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M62.5 27H48.5C48.5 23.686 51.186 21 54.5 21H56.5C59.814 21 62.5 23.686 62.5 27Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M55.5 18C57.7091 18 59.5 16.2091 59.5 14C59.5 11.7909 57.7091 10 55.5 10C53.2909 10 51.5 11.7909 51.5 14C51.5 16.2091 53.2909 18 55.5 18Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M31.5 44C36.4706 44 40.5 39.9706 40.5 35C40.5 30.0294 36.4706 26 31.5 26C26.5294 26 22.5 30.0294 22.5 35C22.5 39.9706 26.5294 44 31.5 44Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M34.5 49H28.5C21.873 49 16.5 54.373 16.5 61H46.5C46.5 54.373 41.127 49 34.5 49Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
diff --git a/src/Icons/IconUncheck.vue b/src/Icons/IconUncheck.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0.75 12C0.75 5.81421 5.81421 0.75 12 0.75C18.1858 0.75 23.25 5.81421 23.25 12C23.25 18.1858 18.1858 23.25 12 23.25C5.81421 23.25 0.75 18.1858 0.75 12Z" stroke-width="1.5"/>
+  </svg>
+</template>
diff --git a/src/Icons/IconWindowCode.vue b/src/Icons/IconWindowCode.vue
@@ -0,0 +1,11 @@
+<template>
+  <svg width="100%" height="100%" viewBox="0 0 64 65" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.5 31L20.5 39L12.5 47" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M24.5 47H36.5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10.5 14H14.5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M20.5 14H24.5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M43.5 14H54.5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M2.5 21H62.5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M62.5 7H2.5V59H62.5V7Z" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>