@stakekit/widget 0.0.292 → 0.0.293

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.
@@ -4070,6 +4070,168 @@
4070
4070
  justify-content: center;
4071
4071
  align-items: center;
4072
4072
  }
4073
+ }._1mfn26t5 {
4074
+ border: 1px solid transparent;
4075
+ box-sizing: border-box;
4076
+ }
4077
+ ._1mfn26t7 {
4078
+ background: color-mix(in srgb, var(--sk-color-accent) 12%, var(--sk-color-token-select-background));
4079
+ box-shadow: inset 0 0 0 1px var(--sk-color-accent);
4080
+ }
4081
+ ._1mfn26t7:hover {
4082
+ background: color-mix(in srgb, var(--sk-color-accent) 12%, var(--sk-color-token-select-background));
4083
+ }
4084
+ ._1mfn26t9 {
4085
+ cursor: pointer;
4086
+ }
4087
+ ._1mfn26t9:hover {
4088
+ background: var(--sk-color-token-select-hover-background);
4089
+ }
4090
+ ._1mfn26ta {
4091
+ opacity: 0.5;
4092
+ }
4093
+ ._1mfn26tb {
4094
+ opacity: 1;
4095
+ }@keyframes _1u6ly9f0 {
4096
+ 0% {
4097
+ transform: translateY(20%);
4098
+ }
4099
+ 100% {
4100
+ transform: translateY(0);
4101
+ }
4102
+ }
4103
+ @keyframes _1u6ly9f1 {
4104
+ 0% {
4105
+ opacity: 0;
4106
+ }
4107
+ 100% {
4108
+ opacity: 1;
4109
+ }
4110
+ }
4111
+ ._1u6ly9f2 {
4112
+ z-index: 20;
4113
+ display: flex;
4114
+ justify-content: center;
4115
+ align-items: center;
4116
+ position: fixed;
4117
+ width: 100vw;
4118
+ height: 100dvh;
4119
+ top: 0;
4120
+ bottom: 0;
4121
+ left: 0;
4122
+ right: 0;
4123
+ }
4124
+ ._1u6ly9f3 {
4125
+ animation: _1u6ly9f1 150ms ease;
4126
+ will-change: opacity;
4127
+ position: absolute;
4128
+ inset: 0;
4129
+ background: var(--sk-color-modal-overlay-background);
4130
+ }
4131
+ ._1u6ly9f5 {
4132
+ animation: _1u6ly9f0 350ms cubic-bezier(.15,1.15,0.6,1.00), _1u6ly9f1 150ms ease;
4133
+ will-change: transform, opacity;
4134
+ border-top-left-radius: var(--sk-border-radius-base-contract-2xl);
4135
+ border-top-right-radius: var(--sk-border-radius-base-contract-2xl);
4136
+ scrollbar-width: none;
4137
+ max-width: 520px;
4138
+ max-height: 100dvh;
4139
+ box-sizing: border-box;
4140
+ position: absolute;
4141
+ overflow: scroll;
4142
+ bottom: 0;
4143
+ }
4144
+ ._1u6ly9f5::-webkit-scrollbar {
4145
+ display: none;
4146
+ }
4147
+ ._1u6ly9f8 {
4148
+ outline: none;
4149
+ }
4150
+ ._1u6ly9f9 {
4151
+ padding: 2px 0;
4152
+ }
4153
+ ._1u6ly9fa {
4154
+ text-transform: uppercase;
4155
+ letter-spacing: 0.06em;
4156
+ }
4157
+ ._1u6ly9fb {
4158
+ width: 100%;
4159
+ text-align: left;
4160
+ font: inherit;
4161
+ color: inherit;
4162
+ }
4163
+ ._1u6ly9fb:focus-visible {
4164
+ outline: 2px solid var(--sk-color-accent);
4165
+ outline-offset: 2px;
4166
+ }
4167
+ @media screen and (min-width: 520px) {
4168
+ ._1u6ly9f5 {
4169
+ width: 420px;
4170
+ bottom: auto;
4171
+ border-bottom-left-radius: var(--sk-border-radius-base-contract-2xl);
4172
+ border-bottom-right-radius: var(--sk-border-radius-base-contract-2xl);
4173
+ }
4174
+ ._1u6ly9f7 {
4175
+ max-width: 368px;
4176
+ width: 368px;
4177
+ }
4178
+ }._16339d00 {
4179
+ transition: transform 0.1s ease-in-out;
4180
+ }
4181
+ ._16339d00:active {
4182
+ transform: scale(0.98);
4183
+ }
4184
+ ._16339d06 {
4185
+ background: var(--sk-color-token-select-background);
4186
+ box-shadow: 0px 15px 30px 0px #0000000D;
4187
+ }
4188
+ ._16339d06:hover {
4189
+ background: var(--sk-color-token-select-hover-background);
4190
+ }
4191
+ ._16339d0h {
4192
+ padding: 9.8px 13.1px;
4193
+ width: auto;
4194
+ }
4195
+ ._16339d0j {
4196
+ border-style: solid;
4197
+ }
4198
+ ._16339d0m {
4199
+ border-color: var(--sk-color-primary-button-background);
4200
+ }
4201
+ ._16339d0m:hover {
4202
+ background: color-mix(in oklab, var(--sk-color-primary-button-background) 88%, var(--sk-color-white));
4203
+ border-color: color-mix(in oklab, var(--sk-color-primary-button-background) 88%, var(--sk-color-white));
4204
+ }
4205
+ ._16339d0n {
4206
+ border-color: var(--sk-color-secondary-button-color);
4207
+ }
4208
+ ._16339d0n:hover {
4209
+ background: color-mix(in oklab, var(--sk-color-secondary-button-background) 88%, var(--sk-color-white));
4210
+ }
4211
+ ._16339d0o {
4212
+ transition: none;
4213
+ transform: none;
4214
+ border-color: var(--sk-color-disabled-button-background);
4215
+ }
4216
+ ._16339d0o:active {
4217
+ transform: none;
4218
+ }
4219
+ ._16339d0p {
4220
+ border-color: var(--sk-color-small-button-background);
4221
+ }
4222
+ ._16339d0p:hover {
4223
+ background: color-mix(in oklab, var(--sk-color-small-button-background) 88%, var(--sk-color-white));
4224
+ border-color: color-mix(in oklab, var(--sk-color-small-button-background) 88%, var(--sk-color-white));
4225
+ }
4226
+ ._16339d0q {
4227
+ border-color: var(--sk-color-small-light-button-background);
4228
+ }
4229
+ ._16339d0q:hover {
4230
+ background: color-mix(in oklab, var(--sk-color-small-light-button-background) 88%, var(--sk-color-white));
4231
+ border-color: color-mix(in oklab, var(--sk-color-small-light-button-background) 88%, var(--sk-color-white));
4232
+ }
4233
+ ._16339d0w {
4234
+ border-radius: var(--sk-border-radius-base-contract-lg);
4073
4235
  }@keyframes _1e7dtxx0 {
4074
4236
  from {
4075
4237
  opacity: 0;
@@ -4478,63 +4640,6 @@
4478
4640
  }
4479
4641
  [data-wallet-dialog-mobile] ._1n393deg {
4480
4642
  display: block;
4481
- }._16339d00 {
4482
- transition: transform 0.1s ease-in-out;
4483
- }
4484
- ._16339d00:active {
4485
- transform: scale(0.98);
4486
- }
4487
- ._16339d06 {
4488
- background: var(--sk-color-token-select-background);
4489
- box-shadow: 0px 15px 30px 0px #0000000D;
4490
- }
4491
- ._16339d06:hover {
4492
- background: var(--sk-color-token-select-hover-background);
4493
- }
4494
- ._16339d0h {
4495
- padding: 9.8px 13.1px;
4496
- width: auto;
4497
- }
4498
- ._16339d0j {
4499
- border-style: solid;
4500
- }
4501
- ._16339d0m {
4502
- border-color: var(--sk-color-primary-button-background);
4503
- }
4504
- ._16339d0m:hover {
4505
- background: color-mix(in oklab, var(--sk-color-primary-button-background) 88%, var(--sk-color-white));
4506
- border-color: color-mix(in oklab, var(--sk-color-primary-button-background) 88%, var(--sk-color-white));
4507
- }
4508
- ._16339d0n {
4509
- border-color: var(--sk-color-secondary-button-color);
4510
- }
4511
- ._16339d0n:hover {
4512
- background: color-mix(in oklab, var(--sk-color-secondary-button-background) 88%, var(--sk-color-white));
4513
- }
4514
- ._16339d0o {
4515
- transition: none;
4516
- transform: none;
4517
- border-color: var(--sk-color-disabled-button-background);
4518
- }
4519
- ._16339d0o:active {
4520
- transform: none;
4521
- }
4522
- ._16339d0p {
4523
- border-color: var(--sk-color-small-button-background);
4524
- }
4525
- ._16339d0p:hover {
4526
- background: color-mix(in oklab, var(--sk-color-small-button-background) 88%, var(--sk-color-white));
4527
- border-color: color-mix(in oklab, var(--sk-color-small-button-background) 88%, var(--sk-color-white));
4528
- }
4529
- ._16339d0q {
4530
- border-color: var(--sk-color-small-light-button-background);
4531
- }
4532
- ._16339d0q:hover {
4533
- background: color-mix(in oklab, var(--sk-color-small-light-button-background) 88%, var(--sk-color-white));
4534
- border-color: color-mix(in oklab, var(--sk-color-small-light-button-background) 88%, var(--sk-color-white));
4535
- }
4536
- ._16339d0w {
4537
- border-radius: var(--sk-border-radius-base-contract-lg);
4538
4643
  }._18b0gfo0 {
4539
4644
  display: flex;
4540
4645
  flex-direction: column;
@@ -4758,111 +4863,6 @@
4758
4863
  }._1d45y1q1 {
4759
4864
  display: flex;
4760
4865
  justify-content: center;
4761
- }._1mfn26t5 {
4762
- border: 1px solid transparent;
4763
- box-sizing: border-box;
4764
- }
4765
- ._1mfn26t7 {
4766
- background: color-mix(in srgb, var(--sk-color-accent) 12%, var(--sk-color-token-select-background));
4767
- box-shadow: inset 0 0 0 1px var(--sk-color-accent);
4768
- }
4769
- ._1mfn26t7:hover {
4770
- background: color-mix(in srgb, var(--sk-color-accent) 12%, var(--sk-color-token-select-background));
4771
- }
4772
- ._1mfn26t9 {
4773
- cursor: pointer;
4774
- }
4775
- ._1mfn26t9:hover {
4776
- background: var(--sk-color-token-select-hover-background);
4777
- }
4778
- ._1mfn26ta {
4779
- opacity: 0.5;
4780
- }
4781
- ._1mfn26tb {
4782
- opacity: 1;
4783
- }@keyframes _1u6ly9f0 {
4784
- 0% {
4785
- transform: translateY(20%);
4786
- }
4787
- 100% {
4788
- transform: translateY(0);
4789
- }
4790
- }
4791
- @keyframes _1u6ly9f1 {
4792
- 0% {
4793
- opacity: 0;
4794
- }
4795
- 100% {
4796
- opacity: 1;
4797
- }
4798
- }
4799
- ._1u6ly9f2 {
4800
- z-index: 20;
4801
- display: flex;
4802
- justify-content: center;
4803
- align-items: center;
4804
- position: fixed;
4805
- width: 100vw;
4806
- height: 100dvh;
4807
- top: 0;
4808
- bottom: 0;
4809
- left: 0;
4810
- right: 0;
4811
- }
4812
- ._1u6ly9f3 {
4813
- animation: _1u6ly9f1 150ms ease;
4814
- will-change: opacity;
4815
- position: absolute;
4816
- inset: 0;
4817
- background: var(--sk-color-modal-overlay-background);
4818
- }
4819
- ._1u6ly9f5 {
4820
- animation: _1u6ly9f0 350ms cubic-bezier(.15,1.15,0.6,1.00), _1u6ly9f1 150ms ease;
4821
- will-change: transform, opacity;
4822
- border-top-left-radius: var(--sk-border-radius-base-contract-2xl);
4823
- border-top-right-radius: var(--sk-border-radius-base-contract-2xl);
4824
- scrollbar-width: none;
4825
- max-width: 520px;
4826
- max-height: 100dvh;
4827
- box-sizing: border-box;
4828
- position: absolute;
4829
- overflow: scroll;
4830
- bottom: 0;
4831
- }
4832
- ._1u6ly9f5::-webkit-scrollbar {
4833
- display: none;
4834
- }
4835
- ._1u6ly9f8 {
4836
- outline: none;
4837
- }
4838
- ._1u6ly9f9 {
4839
- padding: 2px 0;
4840
- }
4841
- ._1u6ly9fa {
4842
- text-transform: uppercase;
4843
- letter-spacing: 0.06em;
4844
- }
4845
- ._1u6ly9fb {
4846
- width: 100%;
4847
- text-align: left;
4848
- font: inherit;
4849
- color: inherit;
4850
- }
4851
- ._1u6ly9fb:focus-visible {
4852
- outline: 2px solid var(--sk-color-accent);
4853
- outline-offset: 2px;
4854
- }
4855
- @media screen and (min-width: 520px) {
4856
- ._1u6ly9f5 {
4857
- width: 420px;
4858
- bottom: auto;
4859
- border-bottom-left-radius: var(--sk-border-radius-base-contract-2xl);
4860
- border-bottom-right-radius: var(--sk-border-radius-base-contract-2xl);
4861
- }
4862
- ._1u6ly9f7 {
4863
- max-width: 368px;
4864
- width: 368px;
4865
- }
4866
4866
  }.qtri4g0 {
4867
4867
  height: 320px;
4868
4868
  width: 320px;