@incodetech/web 2.1.0-rc.8 → 2.1.0

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/base.css CHANGED
@@ -194,6 +194,10 @@
194
194
  position: static;
195
195
  }
196
196
 
197
+ .sticky {
198
+ position: sticky;
199
+ }
200
+
197
201
  @media (min-width: 40rem) {
198
202
  .incode-container {
199
203
  max-width: 40rem;
@@ -2682,6 +2686,115 @@
2682
2686
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
2683
2687
  }
2684
2688
 
2689
+ .animate-fade-in {
2690
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2691
+ animation-fill-mode: both;
2692
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2693
+ animation-fill-mode: both;
2694
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2695
+ animation-fill-mode: both;
2696
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2697
+ animation-fill-mode: both;
2698
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2699
+ animation-fill-mode: both;
2700
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2701
+ animation-fill-mode: both;
2702
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2703
+ animation-fill-mode: both;
2704
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2705
+ animation-fill-mode: both;
2706
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2707
+ animation-fill-mode: both;
2708
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2709
+ animation-fill-mode: both;
2710
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2711
+ animation-fill-mode: both;
2712
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2713
+ animation-fill-mode: both;
2714
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2715
+ animation-fill-mode: both;
2716
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2717
+ animation-fill-mode: both;
2718
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2719
+ animation-fill-mode: both;
2720
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2721
+ animation-fill-mode: both;
2722
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2723
+ animation-fill-mode: both;
2724
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2725
+ animation-fill-mode: both;
2726
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2727
+ animation-fill-mode: both;
2728
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2729
+ animation-fill-mode: both;
2730
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2731
+ animation-fill-mode: both;
2732
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2733
+ animation-fill-mode: both;
2734
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2735
+ animation-fill-mode: both;
2736
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2737
+ animation-fill-mode: both;
2738
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2739
+ animation-fill-mode: both;
2740
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2741
+ animation-fill-mode: both;
2742
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2743
+ animation-fill-mode: both;
2744
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2745
+ animation-fill-mode: both;
2746
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2747
+ animation-fill-mode: both;
2748
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2749
+ animation-fill-mode: both;
2750
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2751
+ animation-fill-mode: both;
2752
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2753
+ animation-fill-mode: both;
2754
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2755
+ animation-fill-mode: both;
2756
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2757
+ animation-fill-mode: both;
2758
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2759
+ animation-fill-mode: both;
2760
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2761
+ animation-fill-mode: both;
2762
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2763
+ animation-fill-mode: both;
2764
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2765
+ animation-fill-mode: both;
2766
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2767
+ animation-fill-mode: both;
2768
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2769
+ animation-fill-mode: both;
2770
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2771
+ animation-fill-mode: both;
2772
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2773
+ animation-fill-mode: both;
2774
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2775
+ animation-fill-mode: both;
2776
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2777
+ animation-fill-mode: both;
2778
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2779
+ animation-fill-mode: both;
2780
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2781
+ animation-fill-mode: both;
2782
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2783
+ animation-fill-mode: both;
2784
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2785
+ animation-fill-mode: both;
2786
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2787
+ animation-fill-mode: both;
2788
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2789
+ animation-fill-mode: both;
2790
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2791
+ animation-fill-mode: both;
2792
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2793
+ animation-fill-mode: both;
2794
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2795
+ animation-fill-mode: both;
2796
+ }
2797
+
2685
2798
  .resize {
2686
2799
  resize: both;
2687
2800
  }
@@ -2703,6 +2816,15 @@
2703
2816
  border-width: 1px;
2704
2817
  }
2705
2818
 
2819
+ .border-solid {
2820
+ --tw-border-style: solid;
2821
+ border-style: solid;
2822
+ }
2823
+
2824
+ .border-neutral-100 {
2825
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
2826
+ }
2827
+
2706
2828
  .bg-white {
2707
2829
  background-color: var(--color-white, #fff);
2708
2830
  }
@@ -84,6 +84,10 @@
84
84
  position: static;
85
85
  }
86
86
 
87
+ .sticky {
88
+ position: sticky;
89
+ }
90
+
87
91
  @media (min-width: 40rem) {
88
92
  .incode-container {
89
93
  max-width: 40rem;
@@ -322,6 +326,15 @@
322
326
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
323
327
  }
324
328
 
329
+ .animate-fade-in {
330
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
331
+ animation-fill-mode: both;
332
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
333
+ animation-fill-mode: both;
334
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
335
+ animation-fill-mode: both;
336
+ }
337
+
325
338
  .resize {
326
339
  resize: both;
327
340
  }
@@ -343,6 +356,15 @@
343
356
  border-width: 1px;
344
357
  }
345
358
 
359
+ .border-solid {
360
+ --tw-border-style: solid;
361
+ border-style: solid;
362
+ }
363
+
364
+ .border-neutral-100 {
365
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
366
+ }
367
+
346
368
  .bg-white {
347
369
  background-color: var(--color-white, #fff);
348
370
  }
@@ -90,6 +90,10 @@
90
90
  position: static;
91
91
  }
92
92
 
93
+ .sticky {
94
+ position: sticky;
95
+ }
96
+
93
97
  @media (min-width: 40rem) {
94
98
  .incode-container {
95
99
  max-width: 40rem;
@@ -4153,6 +4157,185 @@
4153
4157
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
4154
4158
  }
4155
4159
 
4160
+ .animate-fade-in {
4161
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4162
+ animation-fill-mode: both;
4163
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4164
+ animation-fill-mode: both;
4165
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4166
+ animation-fill-mode: both;
4167
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4168
+ animation-fill-mode: both;
4169
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4170
+ animation-fill-mode: both;
4171
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4172
+ animation-fill-mode: both;
4173
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4174
+ animation-fill-mode: both;
4175
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4176
+ animation-fill-mode: both;
4177
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4178
+ animation-fill-mode: both;
4179
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4180
+ animation-fill-mode: both;
4181
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4182
+ animation-fill-mode: both;
4183
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4184
+ animation-fill-mode: both;
4185
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4186
+ animation-fill-mode: both;
4187
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4188
+ animation-fill-mode: both;
4189
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4190
+ animation-fill-mode: both;
4191
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4192
+ animation-fill-mode: both;
4193
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4194
+ animation-fill-mode: both;
4195
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4196
+ animation-fill-mode: both;
4197
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4198
+ animation-fill-mode: both;
4199
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4200
+ animation-fill-mode: both;
4201
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4202
+ animation-fill-mode: both;
4203
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4204
+ animation-fill-mode: both;
4205
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4206
+ animation-fill-mode: both;
4207
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4208
+ animation-fill-mode: both;
4209
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4210
+ animation-fill-mode: both;
4211
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4212
+ animation-fill-mode: both;
4213
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4214
+ animation-fill-mode: both;
4215
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4216
+ animation-fill-mode: both;
4217
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4218
+ animation-fill-mode: both;
4219
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4220
+ animation-fill-mode: both;
4221
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4222
+ animation-fill-mode: both;
4223
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4224
+ animation-fill-mode: both;
4225
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4226
+ animation-fill-mode: both;
4227
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4228
+ animation-fill-mode: both;
4229
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4230
+ animation-fill-mode: both;
4231
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4232
+ animation-fill-mode: both;
4233
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4234
+ animation-fill-mode: both;
4235
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4236
+ animation-fill-mode: both;
4237
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4238
+ animation-fill-mode: both;
4239
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4240
+ animation-fill-mode: both;
4241
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4242
+ animation-fill-mode: both;
4243
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4244
+ animation-fill-mode: both;
4245
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4246
+ animation-fill-mode: both;
4247
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4248
+ animation-fill-mode: both;
4249
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4250
+ animation-fill-mode: both;
4251
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4252
+ animation-fill-mode: both;
4253
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4254
+ animation-fill-mode: both;
4255
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4256
+ animation-fill-mode: both;
4257
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4258
+ animation-fill-mode: both;
4259
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4260
+ animation-fill-mode: both;
4261
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4262
+ animation-fill-mode: both;
4263
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4264
+ animation-fill-mode: both;
4265
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4266
+ animation-fill-mode: both;
4267
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4268
+ animation-fill-mode: both;
4269
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4270
+ animation-fill-mode: both;
4271
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4272
+ animation-fill-mode: both;
4273
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4274
+ animation-fill-mode: both;
4275
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4276
+ animation-fill-mode: both;
4277
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4278
+ animation-fill-mode: both;
4279
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4280
+ animation-fill-mode: both;
4281
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4282
+ animation-fill-mode: both;
4283
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4284
+ animation-fill-mode: both;
4285
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4286
+ animation-fill-mode: both;
4287
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4288
+ animation-fill-mode: both;
4289
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4290
+ animation-fill-mode: both;
4291
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4292
+ animation-fill-mode: both;
4293
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4294
+ animation-fill-mode: both;
4295
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4296
+ animation-fill-mode: both;
4297
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4298
+ animation-fill-mode: both;
4299
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4300
+ animation-fill-mode: both;
4301
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4302
+ animation-fill-mode: both;
4303
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4304
+ animation-fill-mode: both;
4305
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4306
+ animation-fill-mode: both;
4307
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4308
+ animation-fill-mode: both;
4309
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4310
+ animation-fill-mode: both;
4311
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4312
+ animation-fill-mode: both;
4313
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4314
+ animation-fill-mode: both;
4315
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4316
+ animation-fill-mode: both;
4317
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4318
+ animation-fill-mode: both;
4319
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4320
+ animation-fill-mode: both;
4321
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4322
+ animation-fill-mode: both;
4323
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4324
+ animation-fill-mode: both;
4325
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4326
+ animation-fill-mode: both;
4327
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4328
+ animation-fill-mode: both;
4329
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4330
+ animation-fill-mode: both;
4331
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4332
+ animation-fill-mode: both;
4333
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4334
+ animation-fill-mode: both;
4335
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4336
+ animation-fill-mode: both;
4337
+ }
4338
+
4156
4339
  .resize {
4157
4340
  resize: both;
4158
4341
  }
@@ -4174,6 +4357,15 @@
4174
4357
  border-width: 1px;
4175
4358
  }
4176
4359
 
4360
+ .border-solid {
4361
+ --tw-border-style: solid;
4362
+ border-style: solid;
4363
+ }
4364
+
4365
+ .border-neutral-100 {
4366
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
4367
+ }
4368
+
4177
4369
  .bg-white {
4178
4370
  background-color: var(--color-white, #fff);
4179
4371
  }
@@ -89,6 +89,10 @@
89
89
  position: static;
90
90
  }
91
91
 
92
+ .sticky {
93
+ position: sticky;
94
+ }
95
+
92
96
  @media (min-width: 40rem) {
93
97
  .incode-container {
94
98
  max-width: 40rem;
@@ -642,6 +646,29 @@
642
646
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
643
647
  }
644
648
 
649
+ .animate-fade-in {
650
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
651
+ animation-fill-mode: both;
652
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
653
+ animation-fill-mode: both;
654
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
655
+ animation-fill-mode: both;
656
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
657
+ animation-fill-mode: both;
658
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
659
+ animation-fill-mode: both;
660
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
661
+ animation-fill-mode: both;
662
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
663
+ animation-fill-mode: both;
664
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
665
+ animation-fill-mode: both;
666
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
667
+ animation-fill-mode: both;
668
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
669
+ animation-fill-mode: both;
670
+ }
671
+
645
672
  .resize {
646
673
  resize: both;
647
674
  }
@@ -663,6 +690,15 @@
663
690
  border-width: 1px;
664
691
  }
665
692
 
693
+ .border-solid {
694
+ --tw-border-style: solid;
695
+ border-style: solid;
696
+ }
697
+
698
+ .border-neutral-100 {
699
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
700
+ }
701
+
666
702
  .bg-white {
667
703
  background-color: var(--color-white, #fff);
668
704
  }
@@ -86,6 +86,10 @@
86
86
  position: static;
87
87
  }
88
88
 
89
+ .sticky {
90
+ position: sticky;
91
+ }
92
+
89
93
  @media (min-width: 40rem) {
90
94
  .incode-container {
91
95
  max-width: 40rem;
@@ -729,6 +733,33 @@
729
733
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
730
734
  }
731
735
 
736
+ .animate-fade-in {
737
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
738
+ animation-fill-mode: both;
739
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
740
+ animation-fill-mode: both;
741
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
742
+ animation-fill-mode: both;
743
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
744
+ animation-fill-mode: both;
745
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
746
+ animation-fill-mode: both;
747
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
748
+ animation-fill-mode: both;
749
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
750
+ animation-fill-mode: both;
751
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
752
+ animation-fill-mode: both;
753
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
754
+ animation-fill-mode: both;
755
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
756
+ animation-fill-mode: both;
757
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
758
+ animation-fill-mode: both;
759
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
760
+ animation-fill-mode: both;
761
+ }
762
+
732
763
  .resize {
733
764
  resize: both;
734
765
  }
@@ -750,6 +781,15 @@
750
781
  border-width: 1px;
751
782
  }
752
783
 
784
+ .border-solid {
785
+ --tw-border-style: solid;
786
+ border-style: solid;
787
+ }
788
+
789
+ .border-neutral-100 {
790
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
791
+ }
792
+
753
793
  .bg-white {
754
794
  background-color: var(--color-white, #fff);
755
795
  }
@@ -90,6 +90,10 @@
90
90
  position: static;
91
91
  }
92
92
 
93
+ .sticky {
94
+ position: sticky;
95
+ }
96
+
93
97
  @media (min-width: 40rem) {
94
98
  .incode-container {
95
99
  max-width: 40rem;
@@ -3163,6 +3167,141 @@
3163
3167
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
3164
3168
  }
3165
3169
 
3170
+ .animate-fade-in {
3171
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3172
+ animation-fill-mode: both;
3173
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3174
+ animation-fill-mode: both;
3175
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3176
+ animation-fill-mode: both;
3177
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3178
+ animation-fill-mode: both;
3179
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3180
+ animation-fill-mode: both;
3181
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3182
+ animation-fill-mode: both;
3183
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3184
+ animation-fill-mode: both;
3185
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3186
+ animation-fill-mode: both;
3187
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3188
+ animation-fill-mode: both;
3189
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3190
+ animation-fill-mode: both;
3191
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3192
+ animation-fill-mode: both;
3193
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3194
+ animation-fill-mode: both;
3195
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3196
+ animation-fill-mode: both;
3197
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3198
+ animation-fill-mode: both;
3199
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3200
+ animation-fill-mode: both;
3201
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3202
+ animation-fill-mode: both;
3203
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3204
+ animation-fill-mode: both;
3205
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3206
+ animation-fill-mode: both;
3207
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3208
+ animation-fill-mode: both;
3209
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3210
+ animation-fill-mode: both;
3211
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3212
+ animation-fill-mode: both;
3213
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3214
+ animation-fill-mode: both;
3215
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3216
+ animation-fill-mode: both;
3217
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3218
+ animation-fill-mode: both;
3219
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3220
+ animation-fill-mode: both;
3221
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3222
+ animation-fill-mode: both;
3223
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3224
+ animation-fill-mode: both;
3225
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3226
+ animation-fill-mode: both;
3227
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3228
+ animation-fill-mode: both;
3229
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3230
+ animation-fill-mode: both;
3231
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3232
+ animation-fill-mode: both;
3233
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3234
+ animation-fill-mode: both;
3235
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3236
+ animation-fill-mode: both;
3237
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3238
+ animation-fill-mode: both;
3239
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3240
+ animation-fill-mode: both;
3241
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3242
+ animation-fill-mode: both;
3243
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3244
+ animation-fill-mode: both;
3245
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3246
+ animation-fill-mode: both;
3247
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3248
+ animation-fill-mode: both;
3249
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3250
+ animation-fill-mode: both;
3251
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3252
+ animation-fill-mode: both;
3253
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3254
+ animation-fill-mode: both;
3255
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3256
+ animation-fill-mode: both;
3257
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3258
+ animation-fill-mode: both;
3259
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3260
+ animation-fill-mode: both;
3261
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3262
+ animation-fill-mode: both;
3263
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3264
+ animation-fill-mode: both;
3265
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3266
+ animation-fill-mode: both;
3267
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3268
+ animation-fill-mode: both;
3269
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3270
+ animation-fill-mode: both;
3271
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3272
+ animation-fill-mode: both;
3273
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3274
+ animation-fill-mode: both;
3275
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3276
+ animation-fill-mode: both;
3277
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3278
+ animation-fill-mode: both;
3279
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3280
+ animation-fill-mode: both;
3281
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3282
+ animation-fill-mode: both;
3283
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3284
+ animation-fill-mode: both;
3285
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3286
+ animation-fill-mode: both;
3287
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3288
+ animation-fill-mode: both;
3289
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3290
+ animation-fill-mode: both;
3291
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3292
+ animation-fill-mode: both;
3293
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3294
+ animation-fill-mode: both;
3295
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3296
+ animation-fill-mode: both;
3297
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3298
+ animation-fill-mode: both;
3299
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3300
+ animation-fill-mode: both;
3301
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3302
+ animation-fill-mode: both;
3303
+ }
3304
+
3166
3305
  .resize {
3167
3306
  resize: both;
3168
3307
  }
@@ -3184,6 +3323,15 @@
3184
3323
  border-width: 1px;
3185
3324
  }
3186
3325
 
3326
+ .border-solid {
3327
+ --tw-border-style: solid;
3328
+ border-style: solid;
3329
+ }
3330
+
3331
+ .border-neutral-100 {
3332
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
3333
+ }
3334
+
3187
3335
  .bg-white {
3188
3336
  background-color: var(--color-white, #fff);
3189
3337
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "2.1.0-rc.8",
3
+ "version": "2.1.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -291,7 +291,7 @@
291
291
  "qrcode": "^1.5.4",
292
292
  "signature_pad": "^5.1.3",
293
293
  "tailwindcss": "^4.1.17",
294
- "@incodetech/core": "2.1.0-rc.8"
294
+ "@incodetech/core": "2.1.0"
295
295
  },
296
296
  "devDependencies": {
297
297
  "@microsoft/api-extractor": "^7.53.3",
@@ -324,7 +324,7 @@
324
324
  "vite-plugin-dts": "^4.5.4",
325
325
  "vite-plugin-svgr": "^5.2.0",
326
326
  "vitest": "^4.0.13",
327
- "@incodetech/config": "1.0.1"
327
+ "@incodetech/config": "1.0.2"
328
328
  },
329
329
  "scripts": {
330
330
  "build": "rm -rf dist && vite build",