jrs-react 1.2.33 → 1.2.34

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.
Files changed (4) hide show
  1. package/build/index.es.js +8 -7
  2. package/build/index.js +8 -7
  3. package/package.json +1 -1
  4. package/src/components/JRMask/JRMask.jsx +8 -7
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,7 @@ const css = `
3439
3438
 
3440
3439
  z-index: 20000;
3441
3440
  overflow: hidden;
3441
+ background:#000000aa;
3442
3442
 
3443
3443
  .cs-loader-inner {
3444
3444
  transform: translateY(-30%);
@@ -3446,11 +3446,7 @@ const css = `
3446
3446
 
3447
3447
  }
3448
3448
 
3449
- animation: opc .4s ;
3450
- @keyframes opc {
3451
- 0% {opacity: 0;background: transparent;visibility:hidden;}
3452
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
3453
- }
3449
+
3454
3450
 
3455
3451
  .cs-loader-inner label {
3456
3452
  font-size: 20px;
@@ -3537,7 +3533,12 @@ const StyledDialogMask = styled.dialog`
3537
3533
 
3538
3534
  &:modal {
3539
3535
  outline: 0;
3540
- background-color: #000000aa;
3536
+ animation: myfirst .3s;
3537
+ @keyframes myfirst {
3538
+ from {background:transparent;visibility:hidden;}
3539
+ 99% {background:transparent;visibility:hidden;}
3540
+ to {background:#000000aa;visibility:visible;}
3541
+ }
3541
3542
  }
3542
3543
 
3543
3544
  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,7 @@ const css = `
3466
3465
 
3467
3466
  z-index: 20000;
3468
3467
  overflow: hidden;
3468
+ background:#000000aa;
3469
3469
 
3470
3470
  .cs-loader-inner {
3471
3471
  transform: translateY(-30%);
@@ -3473,11 +3473,7 @@ const css = `
3473
3473
 
3474
3474
  }
3475
3475
 
3476
- animation: opc .4s ;
3477
- @keyframes opc {
3478
- 0% {opacity: 0;background: transparent;visibility:hidden;}
3479
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
3480
- }
3476
+
3481
3477
 
3482
3478
  .cs-loader-inner label {
3483
3479
  font-size: 20px;
@@ -3564,7 +3560,12 @@ const StyledDialogMask = styled__default["default"].dialog`
3564
3560
 
3565
3561
  &:modal {
3566
3562
  outline: 0;
3567
- background-color: #000000aa;
3563
+ animation: myfirst .3s;
3564
+ @keyframes myfirst {
3565
+ from {background:transparent;visibility:hidden;}
3566
+ 99% {background:transparent;visibility:hidden;}
3567
+ to {background:#000000aa;visibility:visible;}
3568
+ }
3568
3569
  }
3569
3570
 
3570
3571
  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.34",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "module": "build/index.es.js",
package/src/components/JRMask/JRMask.jsx CHANGED
@@ -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,7 @@ const css=`
19
18
 
20
19
  z-index: 20000;
21
20
  overflow: hidden;
21
+ background:#000000aa;
22
22
 
23
23
  .cs-loader-inner {
24
24
  transform: translateY(-30%);
@@ -26,11 +26,7 @@ const css=`
26
26
 
27
27
  }
28
28
 
29
- animation: opc .4s ;
30
- @keyframes opc {
31
- 0% {opacity: 0;background: transparent;visibility:hidden;}
32
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
33
- }
29
+
34
30
 
35
31
  .cs-loader-inner label {
36
32
  font-size: 20px;
@@ -115,7 +111,12 @@ const StyledDialogMask = styled.dialog`
115
111
 
116
112
  &:modal {
117
113
  outline: 0;
118
- background-color: #000000aa;
114
+ animation: myfirst .3s;
115
+ @keyframes myfirst {
116
+ from {background:transparent;visibility:hidden;}
117
+ 99% {background:transparent;visibility:hidden;}
118
+ to {background:#000000aa;visibility:visible;}
119
+ }
119
120
  }
120
121
 
121
122
  max-width: 100vw;