@kimafinance/kima-transaction-widget 1.3.12 → 1.3.14

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.
package/dist/index.css CHANGED
@@ -2,6 +2,17 @@
2
2
  @import "react-tooltip/dist/react-tooltip.css";
3
3
 
4
4
  /* src/index.css */
5
+ @keyframes pulse {
6
+ 0% {
7
+ opacity: 1;
8
+ }
9
+ 50% {
10
+ opacity: 0.4;
11
+ }
12
+ 100% {
13
+ opacity: 1;
14
+ }
15
+ }
5
16
  @font-face {
6
17
  font-family: "Manrope";
7
18
  src: url("./assets/Manrope-ExtraLight-6KZAMPI7.eot");
@@ -58,6 +69,13 @@
58
69
  font-weight: 400;
59
70
  letter-spacing: 1px;
60
71
  }
72
+ .kima-card .kima-card-header .topbar .title.skeleton {
73
+ background: #778da3;
74
+ border-radius: 50px;
75
+ height: 25px;
76
+ width: 60%;
77
+ animation: pulse 1.5s ease-in-out infinite;
78
+ }
61
79
  .kima-card .kima-card-header .topbar .title h3 {
62
80
  margin: 0;
63
81
  font-size: 28px;
@@ -327,6 +345,16 @@
327
345
  gap: 20px;
328
346
  margin-bottom: 30px;
329
347
  }
348
+ .kima-card .kima-card-footer .button-group.skeleton {
349
+ align-items: flex-end;
350
+ }
351
+ .kima-card .kima-card-footer .button-group .skeleton {
352
+ background: #778da3;
353
+ border-radius: 50px;
354
+ height: 30px;
355
+ width: 100px;
356
+ animation: pulse 1.5s ease-in-out infinite;
357
+ }
330
358
  @media (max-width: 500px) {
331
359
  .kima-card .kima-card-footer .button-group {
332
360
  margin-top: 0px;
@@ -3131,6 +3159,24 @@
3131
3159
  background-color 0ms,
3132
3160
  border-color 0ms;
3133
3161
  }
3162
+ .kima-card-content.error svg {
3163
+ margin: 10px auto;
3164
+ }
3165
+ .kima-card-content.error h2 {
3166
+ text-align: justify;
3167
+ }
3168
+ .kima-card-content.skeleton {
3169
+ display: flex;
3170
+ flex-direction: column;
3171
+ gap: 20px;
3172
+ }
3173
+ .kima-card-content .skeleton {
3174
+ background: #778da3;
3175
+ border-radius: 50px;
3176
+ height: 25px;
3177
+ width: 100%;
3178
+ animation: pulse 1.5s ease-in-out infinite;
3179
+ }
3134
3180
  .kima-card.transaction-card {
3135
3181
  padding: 30px 40px;
3136
3182
  }