@rolster/react-components 18.25.4 → 18.25.5

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 (9) hide show
  1. package/dist/cjs/assets/{index-C4DYcbf0.css → index-CTyuJiCr.css} +16 -9
  2. package/dist/es/assets/{index-C4DYcbf0.css → index-CTyuJiCr.css} +16 -9
  3. package/dist/esm/components/organisms/BottomSheet/BottomSheet.css +5 -3
  4. package/dist/esm/components/organisms/BottomSheet/BottomSheet.css.map +1 -1
  5. package/dist/esm/components/organisms/Modal/Modal.css +5 -3
  6. package/dist/esm/components/organisms/Modal/Modal.css.map +1 -1
  7. package/dist/esm/components/organisms/ModalSheet/ModalSheet.css +6 -3
  8. package/dist/esm/components/organisms/ModalSheet/ModalSheet.css.map +1 -1
  9. package/package.json +1 -1
package/dist/cjs/assets/{index-C4DYcbf0.css → index-CTyuJiCr.css} RENAMED
@@ -1992,6 +1992,7 @@
1992
1992
  --pvt-component-max-height: 75%;
1993
1993
  --pvt-component-opacity: 0;
1994
1994
  --pvt-component-visibility: hidden;
1995
+ --pvt-component-transition: 320ms;
1995
1996
  --pvt-backdrop-opacity: 0;
1996
1997
  --pvt-backdrop-bottom: initial;
1997
1998
  position: fixed;
@@ -2027,9 +2028,10 @@
2027
2028
  border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
2028
2029
  background: var(--rlc-bottom-sheet-background, var(--rls-app-color-050));
2029
2030
  transform: var(--pvt-component-transform);
2030
- transition: opacity 240ms 0ms var(--rls-deceleration-curve),
2031
- transform 240ms 0ms var(--rls-deceleration-curve),
2032
- visibility 240ms 0ms var(--rls-deceleration-curve);
2031
+ transition: opacity var(--pvt-component-transition) 0ms
2032
+ var(--rls-deceleration-curve),
2033
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2034
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2033
2035
  }
2034
2036
  .rls-bottom-sheet__component::before {
2035
2037
  display: block;
@@ -2313,6 +2315,7 @@
2313
2315
  --pvt-component-height: 0rem;
2314
2316
  --pvt-component-opacity: 0;
2315
2317
  --pvt-component-visibility: hidden;
2318
+ --pvt-component-transition: 160ms;
2316
2319
  --pvt-backdrop-opacity: 0;
2317
2320
  --pvt-backdrop-bottom: initial;
2318
2321
  position: fixed;
@@ -2348,9 +2351,10 @@
2348
2351
  border-radius: var(--rls-sizing-x4);
2349
2352
  background: var(--rlc-modal-background, var(--rls-app-color-050));
2350
2353
  transform: var(--pvt-component-transform);
2351
- transition: opacity 160ms 0ms var(--rls-deceleration-curve),
2352
- transform 160ms 0ms var(--rls-deceleration-curve),
2353
- visibility 160ms 0ms var(--rls-deceleration-curve);
2354
+ transition: opacity var(--pvt-component-transition) 0ms
2355
+ var(--rls-deceleration-curve),
2356
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2357
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2354
2358
  }
2355
2359
  .rls-modal__backdrop {
2356
2360
  position: absolute;
@@ -2861,6 +2865,7 @@
2861
2865
  --pvt-component-border-radius: var(--rls-sizing-x4);
2862
2866
  --pvt-component-opacity: 0;
2863
2867
  --pvt-component-visibility: hidden;
2868
+ --pvt-component-transition: 160ms;
2864
2869
  --pvt-backdrop-opacity: 0;
2865
2870
  --pvt-backdrop-bottom: initial;
2866
2871
  position: fixed;
@@ -2897,9 +2902,10 @@
2897
2902
  border-radius: var(--pvt-component-border-radius);
2898
2903
  background: var(--rlc-modal-sheet-background, var(--rls-app-color-050));
2899
2904
  transform: var(--pvt-component-transform);
2900
- transition: opacity 125ms 0ms var(--rls-deceleration-curve),
2901
- transform 125ms 0ms var(--rls-deceleration-curve),
2902
- visibility 125ms 0ms var(--rls-deceleration-curve);
2905
+ transition: opacity var(--pvt-component-transition) 0ms
2906
+ var(--rls-deceleration-curve),
2907
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2908
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2903
2909
  }
2904
2910
  .rls-modal-sheet__backdrop {
2905
2911
  position: absolute;
@@ -2923,6 +2929,7 @@
2923
2929
  --pvt-component-max-height: 75%;
2924
2930
  --pvt-component-border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4)
2925
2931
  0rem 0rem;
2932
+ --pvt-component-transition: 320ms;
2926
2933
  align-items: initial;
2927
2934
  }
2928
2935
  .rls-modal-sheet--visible {
package/dist/es/assets/{index-C4DYcbf0.css → index-CTyuJiCr.css} RENAMED
@@ -1992,6 +1992,7 @@
1992
1992
  --pvt-component-max-height: 75%;
1993
1993
  --pvt-component-opacity: 0;
1994
1994
  --pvt-component-visibility: hidden;
1995
+ --pvt-component-transition: 320ms;
1995
1996
  --pvt-backdrop-opacity: 0;
1996
1997
  --pvt-backdrop-bottom: initial;
1997
1998
  position: fixed;
@@ -2027,9 +2028,10 @@
2027
2028
  border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
2028
2029
  background: var(--rlc-bottom-sheet-background, var(--rls-app-color-050));
2029
2030
  transform: var(--pvt-component-transform);
2030
- transition: opacity 240ms 0ms var(--rls-deceleration-curve),
2031
- transform 240ms 0ms var(--rls-deceleration-curve),
2032
- visibility 240ms 0ms var(--rls-deceleration-curve);
2031
+ transition: opacity var(--pvt-component-transition) 0ms
2032
+ var(--rls-deceleration-curve),
2033
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2034
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2033
2035
  }
2034
2036
  .rls-bottom-sheet__component::before {
2035
2037
  display: block;
@@ -2313,6 +2315,7 @@
2313
2315
  --pvt-component-height: 0rem;
2314
2316
  --pvt-component-opacity: 0;
2315
2317
  --pvt-component-visibility: hidden;
2318
+ --pvt-component-transition: 160ms;
2316
2319
  --pvt-backdrop-opacity: 0;
2317
2320
  --pvt-backdrop-bottom: initial;
2318
2321
  position: fixed;
@@ -2348,9 +2351,10 @@
2348
2351
  border-radius: var(--rls-sizing-x4);
2349
2352
  background: var(--rlc-modal-background, var(--rls-app-color-050));
2350
2353
  transform: var(--pvt-component-transform);
2351
- transition: opacity 160ms 0ms var(--rls-deceleration-curve),
2352
- transform 160ms 0ms var(--rls-deceleration-curve),
2353
- visibility 160ms 0ms var(--rls-deceleration-curve);
2354
+ transition: opacity var(--pvt-component-transition) 0ms
2355
+ var(--rls-deceleration-curve),
2356
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2357
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2354
2358
  }
2355
2359
  .rls-modal__backdrop {
2356
2360
  position: absolute;
@@ -2861,6 +2865,7 @@
2861
2865
  --pvt-component-border-radius: var(--rls-sizing-x4);
2862
2866
  --pvt-component-opacity: 0;
2863
2867
  --pvt-component-visibility: hidden;
2868
+ --pvt-component-transition: 160ms;
2864
2869
  --pvt-backdrop-opacity: 0;
2865
2870
  --pvt-backdrop-bottom: initial;
2866
2871
  position: fixed;
@@ -2897,9 +2902,10 @@
2897
2902
  border-radius: var(--pvt-component-border-radius);
2898
2903
  background: var(--rlc-modal-sheet-background, var(--rls-app-color-050));
2899
2904
  transform: var(--pvt-component-transform);
2900
- transition: opacity 125ms 0ms var(--rls-deceleration-curve),
2901
- transform 125ms 0ms var(--rls-deceleration-curve),
2902
- visibility 125ms 0ms var(--rls-deceleration-curve);
2905
+ transition: opacity var(--pvt-component-transition) 0ms
2906
+ var(--rls-deceleration-curve),
2907
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
2908
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
2903
2909
  }
2904
2910
  .rls-modal-sheet__backdrop {
2905
2911
  position: absolute;
@@ -2923,6 +2929,7 @@
2923
2929
  --pvt-component-max-height: 75%;
2924
2930
  --pvt-component-border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4)
2925
2931
  0rem 0rem;
2932
+ --pvt-component-transition: 320ms;
2926
2933
  align-items: initial;
2927
2934
  }
2928
2935
  .rls-modal-sheet--visible {
package/dist/esm/components/organisms/BottomSheet/BottomSheet.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --pvt-component-max-height: 75%;
5
5
  --pvt-component-opacity: 0;
6
6
  --pvt-component-visibility: hidden;
7
+ --pvt-component-transition: 320ms;
7
8
  --pvt-backdrop-opacity: 0;
8
9
  --pvt-backdrop-bottom: initial;
9
10
  position: fixed;
@@ -39,9 +40,10 @@
39
40
  border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
40
41
  background: var(--rlc-bottom-sheet-background, var(--rls-app-color-050));
41
42
  transform: var(--pvt-component-transform);
42
- transition: opacity 240ms 0ms var(--rls-deceleration-curve),
43
- transform 240ms 0ms var(--rls-deceleration-curve),
44
- visibility 240ms 0ms var(--rls-deceleration-curve);
43
+ transition: opacity var(--pvt-component-transition) 0ms
44
+ var(--rls-deceleration-curve),
45
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
46
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
45
47
  }
46
48
  .rls-bottom-sheet__component::before {
47
49
  display: block;
package/dist/esm/components/organisms/BottomSheet/BottomSheet.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,gCACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,uBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,yCACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,WACA,WACA,iBACA,2CACA,sBACA,qCACA,2CACA,6BACA,kEACA,wEACA,yCACA,gKAIA,qCACE,cACA,WACA,4BACA,4BACA,mCACA,oCACA,iCAIJ,4BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA,0GAKJ,sCACE,kBACE,gDAIJ,sCACE,kBACE,gDAIJ,sCACE,kBACE","file":"BottomSheet.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,gCACA,2BACA,mCACA,kCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,uBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,yCACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,WACA,WACA,iBACA,2CACA,sBACA,qCACA,2CACA,6BACA,kEACA,wEACA,yCACA,8OAOA,qCACE,cACA,WACA,4BACA,4BACA,mCACA,oCACA,iCAIJ,4BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA,0GAKJ,sCACE,kBACE,gDAIJ,sCACE,kBACE,gDAIJ,sCACE,kBACE","file":"BottomSheet.css"}
package/dist/esm/components/organisms/Modal/Modal.css CHANGED
@@ -3,6 +3,7 @@
3
3
  --pvt-component-height: 0rem;
4
4
  --pvt-component-opacity: 0;
5
5
  --pvt-component-visibility: hidden;
6
+ --pvt-component-transition: 160ms;
6
7
  --pvt-backdrop-opacity: 0;
7
8
  --pvt-backdrop-bottom: initial;
8
9
  position: fixed;
@@ -38,9 +39,10 @@
38
39
  border-radius: var(--rls-sizing-x4);
39
40
  background: var(--rlc-modal-background, var(--rls-app-color-050));
40
41
  transform: var(--pvt-component-transform);
41
- transition: opacity 160ms 0ms var(--rls-deceleration-curve),
42
- transform 160ms 0ms var(--rls-deceleration-curve),
43
- visibility 160ms 0ms var(--rls-deceleration-curve);
42
+ transition: opacity var(--pvt-component-transition) 0ms
43
+ var(--rls-deceleration-curve),
44
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
45
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
44
46
  }
45
47
  .rls-modal__backdrop {
46
48
  position: absolute;
package/dist/esm/components/organisms/Modal/Modal.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,aACA,wEACA,mCACA,8CACA,sBACA,qCACA,2CACA,6BACA,mCACA,iEACA,yCACA,gKAKF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,mCACA,kCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,aACA,wEACA,mCACA,8CACA,sBACA,qCACA,2CACA,6BACA,mCACA,iEACA,yCACA,8OAQF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}
package/dist/esm/components/organisms/ModalSheet/ModalSheet.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --pvt-component-border-radius: var(--rls-sizing-x4);
11
11
  --pvt-component-opacity: 0;
12
12
  --pvt-component-visibility: hidden;
13
+ --pvt-component-transition: 160ms;
13
14
  --pvt-backdrop-opacity: 0;
14
15
  --pvt-backdrop-bottom: initial;
15
16
  position: fixed;
@@ -46,9 +47,10 @@
46
47
  border-radius: var(--pvt-component-border-radius);
47
48
  background: var(--rlc-modal-sheet-background, var(--rls-app-color-050));
48
49
  transform: var(--pvt-component-transform);
49
- transition: opacity 125ms 0ms var(--rls-deceleration-curve),
50
- transform 125ms 0ms var(--rls-deceleration-curve),
51
- visibility 125ms 0ms var(--rls-deceleration-curve);
50
+ transition: opacity var(--pvt-component-transition) 0ms
51
+ var(--rls-deceleration-curve),
52
+ transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
53
+ visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
52
54
  }
53
55
  .rls-modal-sheet__backdrop {
54
56
  position: absolute;
@@ -72,6 +74,7 @@
72
74
  --pvt-component-max-height: 75%;
73
75
  --pvt-component-border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4)
74
76
  0rem 0rem;
77
+ --pvt-component-transition: 320ms;
75
78
  align-items: initial;
76
79
  }
77
80
  .rls-modal-sheet--visible {
package/dist/esm/components/organisms/ModalSheet/ModalSheet.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ModalSheet/ModalSheet.scss"],"names":[],"mappings":"AAOA,iBACE,wDACA,gCACA,iGAIA,6BACA,+DACA,oDACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,0BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,4BACE,kBACA,aACA,mCACA,yCACA,mCACA,2CACA,sBACA,qCACA,2CACA,6BACA,iDACA,uEACA,yCACA,gKAKF,2BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA,0GAKJ,qCACE,iBACE,4CACA,4BACA,kCACA,gCACA,mFAGA,oBAEA,0BACE,yCAIA,oCACE,cACA,WACA,4BACA,4BACA,mCACA,oCACA,kCAMR,4DACE,iBACE,gDAIJ,4DACE,iBACE,gDAIJ,4DACE,iBACE","file":"ModalSheet.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ModalSheet/ModalSheet.scss"],"names":[],"mappings":"AAOA,iBACE,wDACA,gCACA,iGAIA,6BACA,+DACA,oDACA,2BACA,mCACA,kCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,0BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,4BACE,kBACA,aACA,mCACA,yCACA,mCACA,2CACA,sBACA,qCACA,2CACA,6BACA,iDACA,uEACA,yCACA,8OAQF,2BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA,0GAKJ,qCACE,iBACE,4CACA,4BACA,kCACA,gCACA,mFAEA,kCAEA,oBAEA,0BACE,yCAIA,oCACE,cACA,WACA,4BACA,4BACA,mCACA,oCACA,kCAMR,4DACE,iBACE,gDAIJ,4DACE,iBACE,gDAIJ,4DACE,iBACE","file":"ModalSheet.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.25.4",
3
+ "version": "18.25.5",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",