@stakekit/widget 0.0.283 → 0.0.284

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.
@@ -6074,7 +6074,66 @@
6074
6074
  ._1l6ok4116 {
6075
6075
  font-size: var(--sk-text-small-tablet-font-size);
6076
6076
  }
6077
- }.twpyb40 {
6077
+ }@keyframes react-loading-skeleton {
6078
+ 100% {
6079
+ transform: translateX(100%);
6080
+ }
6081
+ }
6082
+
6083
+ .react-loading-skeleton {
6084
+ --base-color: #ebebeb;
6085
+ --highlight-color: #f5f5f5;
6086
+ --animation-duration: 1.5s;
6087
+ --animation-direction: normal;
6088
+ --pseudo-element-display: block; /* Enable animation */
6089
+
6090
+ background-color: var(--base-color);
6091
+
6092
+ width: 100%;
6093
+ border-radius: 0.25rem;
6094
+ display: inline-flex;
6095
+ line-height: 1;
6096
+
6097
+ position: relative;
6098
+ -webkit-user-select: none;
6099
+ -moz-user-select: none;
6100
+ user-select: none;
6101
+ overflow: hidden;
6102
+ }
6103
+
6104
+ .react-loading-skeleton::after {
6105
+ content: ' ';
6106
+ display: var(--pseudo-element-display);
6107
+ position: absolute;
6108
+ top: 0;
6109
+ left: 0;
6110
+ right: 0;
6111
+ height: 100%;
6112
+ background-repeat: no-repeat;
6113
+ background-image: var(
6114
+ --custom-highlight-background,
6115
+ linear-gradient(
6116
+ 90deg,
6117
+ var(--base-color) 0%,
6118
+ var(--highlight-color) 50%,
6119
+ var(--base-color) 100%
6120
+ )
6121
+ );
6122
+ transform: translateX(-100%);
6123
+
6124
+ animation-name: react-loading-skeleton;
6125
+ animation-direction: var(--animation-direction);
6126
+ animation-duration: var(--animation-duration);
6127
+ animation-timing-function: ease-in-out;
6128
+ animation-iteration-count: infinite;
6129
+ }
6130
+
6131
+ @media (prefers-reduced-motion) {
6132
+ .react-loading-skeleton {
6133
+ --pseudo-element-display: none; /* Disable animation */
6134
+ }
6135
+ }
6136
+ .twpyb40 {
6078
6137
  position: absolute;
6079
6138
  bottom: -2px;
6080
6139
  right: -2px;
@@ -6456,66 +6515,7 @@
6456
6515
  }
6457
6516
  ._17ax68d2 {
6458
6517
  transform: rotate(180deg);
6459
- }@keyframes react-loading-skeleton {
6460
- 100% {
6461
- transform: translateX(100%);
6462
- }
6463
- }
6464
-
6465
- .react-loading-skeleton {
6466
- --base-color: #ebebeb;
6467
- --highlight-color: #f5f5f5;
6468
- --animation-duration: 1.5s;
6469
- --animation-direction: normal;
6470
- --pseudo-element-display: block; /* Enable animation */
6471
-
6472
- background-color: var(--base-color);
6473
-
6474
- width: 100%;
6475
- border-radius: 0.25rem;
6476
- display: inline-flex;
6477
- line-height: 1;
6478
-
6479
- position: relative;
6480
- -webkit-user-select: none;
6481
- -moz-user-select: none;
6482
- user-select: none;
6483
- overflow: hidden;
6484
- }
6485
-
6486
- .react-loading-skeleton::after {
6487
- content: ' ';
6488
- display: var(--pseudo-element-display);
6489
- position: absolute;
6490
- top: 0;
6491
- left: 0;
6492
- right: 0;
6493
- height: 100%;
6494
- background-repeat: no-repeat;
6495
- background-image: var(
6496
- --custom-highlight-background,
6497
- linear-gradient(
6498
- 90deg,
6499
- var(--base-color) 0%,
6500
- var(--highlight-color) 50%,
6501
- var(--base-color) 100%
6502
- )
6503
- );
6504
- transform: translateX(-100%);
6505
-
6506
- animation-name: react-loading-skeleton;
6507
- animation-direction: var(--animation-direction);
6508
- animation-duration: var(--animation-duration);
6509
- animation-timing-function: ease-in-out;
6510
- animation-iteration-count: infinite;
6511
- }
6512
-
6513
- @media (prefers-reduced-motion) {
6514
- .react-loading-skeleton {
6515
- --pseudo-element-display: none; /* Disable animation */
6516
- }
6517
- }
6518
- .vloqif1 {
6518
+ }.vloqif1 {
6519
6519
  flex-shrink: 0;
6520
6520
  padding: 2px 4px;
6521
6521
  }