monica-alexandria 2.5.2 → 2.5.3

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/dist/index.es.js +8 -4
  2. package/dist/index.js +8 -4
  3. package/package.json +1 -1
  4. package/src/components/slider/Slider.jsx +8 -4
package/dist/index.es.js CHANGED
@@ -1100,21 +1100,25 @@ import r from"styled-components";const a=r.button`
1100
1100
  width: 100%;
1101
1101
  background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
1102
1102
 
1103
- .slider{
1104
-
1103
+ .Slider{
1104
+
1105
1105
  &-enter{
1106
- transform: translateX(-110%);
1106
+ display: none;
1107
+ transform: translateX(110%);
1107
1108
 
1108
1109
  &-active{
1110
+ display: block;
1109
1111
  transform: translateX(0);
1110
1112
  transition: all .5s ease;
1111
1113
  }
1112
1114
  }
1113
1115
 
1114
1116
  &-exit{
1117
+ display: block;
1115
1118
 
1116
1119
  &-active{
1117
- transform: translateX(-110%);
1120
+ display: none;
1121
+ transform: translateX(110%);
1118
1122
  transition: all .5s ease;
1119
1123
  }
1120
1124
  }
package/dist/index.js CHANGED
@@ -1100,21 +1100,25 @@
1100
1100
  width: 100%;
1101
1101
  background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
1102
1102
 
1103
- .slider{
1104
-
1103
+ .Slider{
1104
+
1105
1105
  &-enter{
1106
- transform: translateX(-110%);
1106
+ display: none;
1107
+ transform: translateX(110%);
1107
1108
 
1108
1109
  &-active{
1110
+ display: block;
1109
1111
  transform: translateX(0);
1110
1112
  transition: all .5s ease;
1111
1113
  }
1112
1114
  }
1113
1115
 
1114
1116
  &-exit{
1117
+ display: block;
1115
1118
 
1116
1119
  &-active{
1117
- transform: translateX(-110%);
1120
+ display: none;
1121
+ transform: translateX(110%);
1118
1122
  transition: all .5s ease;
1119
1123
  }
1120
1124
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "monica-alexandria",
3
- "version": "2.5.2",
3
+ "version": "2.5.3",
4
4
  "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/components/slider/Slider.jsx CHANGED
@@ -10,21 +10,25 @@ const Slider = styled.div`
10
10
  width: 100%;
11
11
  background: ${props => props.theme === 'dark' ? "var(--blancOverlay)" : "var(--blackOverlay)"};
12
12
 
13
- .slider{
14
-
13
+ .Slider{
14
+
15
15
  &-enter{
16
- transform: translateX(-110%);
16
+ display: none;
17
+ transform: translateX(110%);
17
18
 
18
19
  &-active{
20
+ display: block;
19
21
  transform: translateX(0);
20
22
  transition: all .5s ease;
21
23
  }
22
24
  }
23
25
 
24
26
  &-exit{
27
+ display: block;
25
28
 
26
29
  &-active{
27
- transform: translateX(-110%);
30
+ display: none;
31
+ transform: translateX(110%);
28
32
  transition: all .5s ease;
29
33
  }
30
34
  }