jrs-react 1.2.33 → 1.2.35

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/build/index.es.js CHANGED
@@ -3430,7 +3430,6 @@ const css = `
3430
3430
  }
3431
3431
  user-select: none;
3432
3432
  cursor: wait;
3433
- background-color: #000000aa;
3434
3433
 
3435
3434
  flex-direction: column;
3436
3435
  justify-content: center;
@@ -3439,6 +3438,13 @@ const css = `
3439
3438
 
3440
3439
  z-index: 20000;
3441
3440
  overflow: hidden;
3441
+ background:#000000aa;
3442
+ animation: divDelay .3s;
3443
+ @keyframes divDelay {
3444
+ from {background:transparent;visibility:hidden;}
3445
+ 40% {background:transparent;visibility:hidden;}
3446
+ to {background:#000000aa;visibility:visible;}
3447
+ }
3442
3448
 
3443
3449
  .cs-loader-inner {
3444
3450
  transform: translateY(-30%);
@@ -3446,11 +3452,7 @@ const css = `
3446
3452
 
3447
3453
  }
3448
3454
 
3449
- animation: opc .4s ;
3450
- @keyframes opc {
3451
- 0% {opacity: 0;background: transparent;visibility:hidden;}
3452
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
3453
- }
3455
+
3454
3456
 
3455
3457
  .cs-loader-inner label {
3456
3458
  font-size: 20px;
@@ -3537,7 +3539,12 @@ const StyledDialogMask = styled.dialog`
3537
3539
 
3538
3540
  &:modal {
3539
3541
  outline: 0;
3540
- background-color: #000000aa;
3542
+ animation: modalDelay .3s;
3543
+ @keyframes modalDelay {
3544
+ from {background:transparent;visibility:hidden;}
3545
+ 40% {background:transparent;visibility:hidden;}
3546
+ to {background:#000000aa;visibility:visible;}
3547
+ }
3541
3548
  }
3542
3549
 
3543
3550
  max-width: 100vw;
package/build/index.js CHANGED
@@ -3457,7 +3457,6 @@ const css = `
3457
3457
  }
3458
3458
  user-select: none;
3459
3459
  cursor: wait;
3460
- background-color: #000000aa;
3461
3460
 
3462
3461
  flex-direction: column;
3463
3462
  justify-content: center;
@@ -3466,6 +3465,13 @@ const css = `
3466
3465
 
3467
3466
  z-index: 20000;
3468
3467
  overflow: hidden;
3468
+ background:#000000aa;
3469
+ animation: divDelay .3s;
3470
+ @keyframes divDelay {
3471
+ from {background:transparent;visibility:hidden;}
3472
+ 40% {background:transparent;visibility:hidden;}
3473
+ to {background:#000000aa;visibility:visible;}
3474
+ }
3469
3475
 
3470
3476
  .cs-loader-inner {
3471
3477
  transform: translateY(-30%);
@@ -3473,11 +3479,7 @@ const css = `
3473
3479
 
3474
3480
  }
3475
3481
 
3476
- animation: opc .4s ;
3477
- @keyframes opc {
3478
- 0% {opacity: 0;background: transparent;visibility:hidden;}
3479
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
3480
- }
3482
+
3481
3483
 
3482
3484
  .cs-loader-inner label {
3483
3485
  font-size: 20px;
@@ -3564,7 +3566,12 @@ const StyledDialogMask = styled__default["default"].dialog`
3564
3566
 
3565
3567
  &:modal {
3566
3568
  outline: 0;
3567
- background-color: #000000aa;
3569
+ animation: modalDelay .3s;
3570
+ @keyframes modalDelay {
3571
+ from {background:transparent;visibility:hidden;}
3572
+ 40% {background:transparent;visibility:hidden;}
3573
+ to {background:#000000aa;visibility:visible;}
3574
+ }
3568
3575
  }
3569
3576
 
3570
3577
  max-width: 100vw;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jrs-react",
3
- "version": "1.2.33",
3
+ "version": "1.2.35",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "module": "build/index.es.js",
@@ -10,7 +10,6 @@ const css=`
10
10
  }
11
11
  user-select: none;
12
12
  cursor: wait;
13
- background-color: #000000aa;
14
13
 
15
14
  flex-direction: column;
16
15
  justify-content: center;
@@ -19,6 +18,13 @@ const css=`
19
18
 
20
19
  z-index: 20000;
21
20
  overflow: hidden;
21
+ background:#000000aa;
22
+ animation: divDelay .3s;
23
+ @keyframes divDelay {
24
+ from {background:transparent;visibility:hidden;}
25
+ 40% {background:transparent;visibility:hidden;}
26
+ to {background:#000000aa;visibility:visible;}
27
+ }
22
28
 
23
29
  .cs-loader-inner {
24
30
  transform: translateY(-30%);
@@ -26,11 +32,7 @@ const css=`
26
32
 
27
33
  }
28
34
 
29
- animation: opc .4s ;
30
- @keyframes opc {
31
- 0% {opacity: 0;background: transparent;visibility:hidden;}
32
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
33
- }
35
+
34
36
 
35
37
  .cs-loader-inner label {
36
38
  font-size: 20px;
@@ -115,7 +117,12 @@ const StyledDialogMask = styled.dialog`
115
117
 
116
118
  &:modal {
117
119
  outline: 0;
118
- background-color: #000000aa;
120
+ animation: modalDelay .3s;
121
+ @keyframes modalDelay {
122
+ from {background:transparent;visibility:hidden;}
123
+ 40% {background:transparent;visibility:hidden;}
124
+ to {background:#000000aa;visibility:visible;}
125
+ }
119
126
  }
120
127
 
121
128
  max-width: 100vw;