@multiversx/sdk-dapp 3.0.2 → 3.0.4

package/__commonjs/UI/SignTransactionsModals/SignWithDeviceModal/components/components/index.js

@@ -52,8 +52,8 @@
   padding: 5px;
   border-radius: 50%;
   background-color: #fafafa;
-  width: 4.6428571429rem;
-  height: 4.6428571429rem;
+  width: calc(65 / 14)rem;
+  height: calc(65 / 14)rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -125,7 +125,7 @@
 .dapp-core-component__main__navbar .dapp-core-component__main__dapp-name {
   display: flex;
   align-items: center;
-  font-size: 1.7142857143rem;
+  font-size: calc(24 / 14)rem;
   font-weight: 400;
   color: #9ba5b4;
   margin-left: 1.6428571429rem;
@@ -134,8 +134,8 @@
   content: "";
   display: block;
   width: 1px;
-  height: 3rem;
-  margin-right: 1.7142857143rem;
+  height: calc(42 / 14)rem;
+  margin-right: calc(24 / 14)rem;
 }
 
 /* Dashboard
@@ -251,22 +251,27 @@
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   cursor: pointer;
 }
+
 .dapp-core-component__main__btn .dapp-core-component__main__focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(27, 70, 194, 0.25);
 }
+
 .dapp-core-component__main__btn .dapp-core-component__main__disabled {
   opacity: 0.65;
   cursor: default;
 }
+
 .dapp-core-component__main__btn:hover {
   color: #212529;
   text-decoration: none;
 }
+
 .dapp-core-component__main__btn:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(27, 70, 194, 0.25);
 }
+
 .dapp-core-component__main__btn:disabled {
   opacity: 0.65;
   cursor: default;
@@ -277,22 +282,26 @@
   background-color: #1b46c2;
   border-color: #007bff;
 }
+
 .dapp-core-component__main__btn-primary .dapp-core-component__main__focus {
   color: #fff;
   background-color: #1b46c2;
   border-color: #0062cc;
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }
+
 .dapp-core-component__main__btn-primary .dapp-core-component__main__disabled {
   color: #fff;
   background-color: #1b46c2;
   border-color: #007bff;
 }
+
 .dapp-core-component__main__btn-primary:hover {
   color: #fff;
   background-color: #1b46c2;
   border-color: #0062cc;
 }
+
 .dapp-core-component__main__btn-primary:focus {
   color: #fff;
   background-color: #1b46c2;
@@ -305,22 +314,26 @@
   background-color: #6c757d;
   border-color: #007bff;
 }
+
 .dapp-core-component__main__btn-secondary .dapp-core-component__main__focus {
   color: #fff;
   background-color: #6c757d;
   border-color: #0062cc;
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }
+
 .dapp-core-component__main__btn-secondary .dapp-core-component__main__disabled {
   color: #fff;
   background-color: #6c757d;
   border-color: #007bff;
 }
+
 .dapp-core-component__main__btn-secondary:hover {
   color: #fff;
   background-color: #6c757d;
   border-color: #0062cc;
 }
+
 .dapp-core-component__main__btn-secondary:focus {
   color: #fff;
   background-color: #6c757d;
@@ -333,23 +346,27 @@
   background-color: #ffc107;
   border-color: #ffc107;
 }
+
 .dapp-core-component__main__btn-warning .dapp-core-component__main__focus {
   color: #212529;
   background-color: #e0a800;
   border-color: #d39e00;
   box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
 }
+
 .dapp-core-component__main__btn-warning .dapp-core-component__main__disabled {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107;
 }
+
 .dapp-core-component__main__btn-warning:hover {
   color: #212529;
   background-color: #e0a800;
   border-color: #d39e00;
   box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
 }
+
 .dapp-core-component__main__btn-warning:focus {
   color: #212529;
   background-color: #e0a800;
@@ -362,22 +379,26 @@
   background-color: #343a40;
   border-color: #343a40;
 }
+
 .dapp-core-component__main__btn-dark .dapp-core-component__main__focus {
   color: #fff;
   background-color: #23272b;
   border-color: #1d2124;
   box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
 }
+
 .dapp-core-component__main__btn-dark .dapp-core-component__main__disabled {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40;
 }
+
 .dapp-core-component__main__btn-dark:hover {
   color: #fff;
   background-color: #23272b;
   border-color: #1d2124;
 }
+
 .dapp-core-component__main__btn-dark:focus {
   color: #fff;
   background-color: #23272b;
@@ -390,13 +411,16 @@
   color: #007bff;
   text-decoration: none;
 }
+
 .dapp-core-component__main__btn-link:hover {
   color: rgb(0, 86.1, 178.5);
   text-decoration: underline;
 }
+
 .dapp-core-component__main__btn-link:focus, .dapp-core-component__main__btn-link.dapp-core-component__main__focus {
   text-decoration: underline;
 }
+
 .dapp-core-component__main__btn-link:disabled, .dapp-core-component__main__btn-link.dapp-core-component__main__disabled {
   color: #6c757d;
   pointer-events: none;
@@ -407,22 +431,26 @@
   background-color: #fafafa;
   border-color: #fafafa;
 }
+
 .dapp-core-component__main__btn-light .dapp-core-component__main__focus {
   color: #212529;
   background-color: #e2e6ea;
   border-color: #dae0e5;
   box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
 }
+
 .dapp-core-component__main__btn-light .dapp-core-component__main__disabled {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
 }
+
 .dapp-core-component__main__btn-light:hover {
   color: #212529;
   background-color: #e2e6ea;
   border-color: #dae0e5;
 }
+
 .dapp-core-component__main__btn-light:focus {
   color: #212529;
   background-color: #e2e6ea;
@@ -599,41 +627,51 @@ a.dapp-core-component__main__badge-dark:focus, a.dapp-core-component__main__badg
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 5px;
 }
+
 .dapp-core-component__main__card > hr {
   margin-right: 0;
   margin-left: 0;
 }
+
 .dapp-core-component__main__card > .dapp-core-component__main__list-group {
   border-top: inherit;
   border-bottom: inherit;
 }
+
 .dapp-core-component__main__card > .dapp-core-component__main__list-group:first-child {
   border-top-width: 0;
 }
+
 .dapp-core-component__main__card > .dapp-core-component__main__list-group:last-child {
   border-bottom-width: 0;
 }
+
 .dapp-core-component__main__card > .dapp-core-component__main__card-header + .dapp-core-component__main__list-group,
 .dapp-core-component__main__card > .dapp-core-component__main__list-group + .dapp-core-component__main__card-footer {
   border-top: 0;
 }
+
 .dapp-core-component__main__card .dapp-core-component__main__card-header {
   border: 0;
   padding: 0;
 }
+
 .dapp-core-component__main__card .dapp-core-component__main__card-header:first-child {
   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
 }
+
 .dapp-core-component__main__card .dapp-core-component__main__card-header .dapp-core-component__main__card-header-item {
   border-bottom: 1px solid #dee2e6;
   padding: 1.1rem 1rem;
 }
+
 .dapp-core-component__main__card .dapp-core-component__main__card-header .dapp-core-component__main__card-header-item h6,
 .dapp-core-component__main__card .dapp-core-component__main__card-header .dapp-core-component__main__card-header-item .dapp-core-component__main__h6 {
   line-height: 2.5rem;
   letter-spacing: unset;
   margin: 0;
 }
+
 .dapp-core-component__main__card .dapp-core-component__main__card-header .dapp-core-component__main__card-header-item.dapp-core-component__main__compact {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -663,6 +701,7 @@ a.dapp-core-component__main__badge-dark:focus, a.dapp-core-component__main__badg
 .dapp-core-component__main__card-link:hover {
   text-decoration: none;
 }
+
 .dapp-core-component__main__card-link + .dapp-core-component__main__card-link {
   margin-left: 1.25rem;
 }
@@ -793,7 +832,6 @@ a.dapp-core-component__main__badge-dark:focus, a.dapp-core-component__main__badg
     text-align: right;
   }
 }
-
 .dapp-core-component__main__text-hide {
   font: 0/0 a;
   color: rgba(0, 0, 0, 0);
@@ -1570,46 +1608,39 @@ a.dapp-core-component__main__badge-dark:focus, a.dapp-core-component__main__badg
     margin-right: 0.25rem;
   }
 }
-
 @media (min-width: 992px) {
   .dapp-core-component__main__mr-lg-4 {
     margin-right: 1.5rem;
   }
 }
-
 @media (min-width: 992px) {
   .dapp-core-component__main__mx-lg-4 {
     margin-left: 1.5rem;
     margin-right: 1.5rem;
   }
 }
-
 @media (min-width: 1200px) {
   .dapp-core-component__main__mb-xl-2 {
     margin-bottom: 0.5rem;
   }
 }
-
 @media (min-width: 576px) {
   .dapp-core-component__main__pr-sm-2 {
     padding-right: 0.5rem;
   }
 }
-
 @media (min-width: 576px) {
   .dapp-core-component__main__px-sm-2 {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 }
-
 @media (min-width: 1200px) {
   .dapp-core-component__main__pr-xl-0,
   .dapp-core-component__main__px-xl-0 {
     padding-right: 0;
   }
 }
-
 .dapp-core-component__main__col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
@@ -2053,19 +2084,16 @@ a.dapp-core-component__main__badge-dark:focus, a.dapp-core-component__main__badg
     flex-direction: row;
   }
 }
-
 @media (min-width: 992px) {
   .dapp-core-component__main__flex-lg-row {
     flex-direction: row;
   }
 }
-
 @media (min-width: 992px) {
   .dapp-core-component__main__flex-lg-wrap {
     flex-wrap: wrap;
   }
 }
-
 .dapp-core-component__main__form-check {
   display: flex;
   align-items: center;
@@ -2083,6 +2111,7 @@ a.dapp-core-component__main__badge-dark:focus, a.dapp-core-component__main__badg
   margin-top: 0.3rem;
   margin-left: -1.25rem;
 }
+
 .dapp-core-component__main__form-check-input[disabled] ~ .dapp-core-component__main__form-check-label, .dapp-core-component__main__form-check-input:disabled ~ .dapp-core-component__main__form-check-label {
   color: #6c757d;
 }
@@ -2360,7 +2389,6 @@ textarea {
     width: auto;
   }
 }
-
 .dapp-core-component__main__locked-icon {
   color: inherit;
 }
@@ -2424,22 +2452,24 @@ textarea {
     display: flex;
   }
 }
-
 .dapp-core-component__main__table {
   width: 100%;
   margin-bottom: 1rem;
   color: #212529;
 }
+
 .dapp-core-component__main__table th,
 .dapp-core-component__main__table td {
   padding: 0.75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6;
 }
+
 .dapp-core-component__main__table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #dee2e6;
 }
+
 .dapp-core-component__main__table tbody + tbody {
   border-top: 2px solid #dee2e6;
 }
@@ -2452,10 +2482,12 @@ textarea {
 .dapp-core-component__main__table-bordered {
   border: 1px solid #dee2e6;
 }
+
 .dapp-core-component__main__table-bordered th,
 .dapp-core-component__main__table-bordered td {
   border: 1px solid #dee2e6;
 }
+
 .dapp-core-component__main__table-bordered thead th,
 .dapp-core-component__main__table-bordered thead td {
   border-bottom-width: 2px;
@@ -2477,6 +2509,7 @@ textarea {
   background-color: #343a40;
   border-color: rgb(69.1465517241, 77.125, 85.1034482759);
 }
+
 .dapp-core-component__main__table .dapp-core-component__main__thead-light th {
   color: #495057;
   background-color: #e9ecef;
@@ -2487,17 +2520,21 @@ textarea {
   color: #fff;
   background-color: #343a40;
 }
+
 .dapp-core-component__main__table-dark th,
 .dapp-core-component__main__table-dark td,
 .dapp-core-component__main__table-dark thead th {
   border-color: rgb(69.1465517241, 77.125, 85.1034482759);
 }
+
 .dapp-core-component__main__table-dark.dapp-core-component__main__table-bordered {
   border: 0;
 }
+
 .dapp-core-component__main__table-dark.dapp-core-component__main__table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(255, 255, 255, 0.05);
 }
+
 .dapp-core-component__main__table-dark.dapp-core-component__main__table-hover tbody tr {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.075);
@@ -2509,6 +2546,7 @@ textarea {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
+
 .dapp-core-component__main__table-responsive > .dapp-core-component__main__table-bordered {
   border: 0;
 }