@rolster/react-components 18.24.9 → 18.24.10

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.
@@ -1961,10 +1961,12 @@
1961
1961
  }
1962
1962
  .rls-bottom-sheet__component {
1963
1963
  position: absolute;
1964
+ display: flex;
1964
1965
  bottom: 0px;
1965
1966
  width: 100%;
1966
1967
  max-width: 240rem;
1967
1968
  max-height: 75%;
1969
+ flex-direction: column;
1968
1970
  opacity: var(--pvt-component-opacity);
1969
1971
  visibility: var(--pvt-component-visibility);
1970
1972
  z-index: var(--rls-z-index-2);
@@ -1975,6 +1977,15 @@
1975
1977
  transform 240ms 0ms var(--rls-deceleration-curve),
1976
1978
  visibility 240ms 0ms var(--rls-deceleration-curve);
1977
1979
  }
1980
+ .rls-bottom-sheet__component::before {
1981
+ display: block;
1982
+ content: '';
1983
+ width: var(--rls-sizing-x24);
1984
+ height: var(--rls-sizing-x2);
1985
+ border-radius: var(--rls-sizing-x2);
1986
+ background: var(--rls-app-color-600);
1987
+ margin: var(--rls-sizing-x3) auto;
1988
+ }
1978
1989
  .rls-bottom-sheet__backdrop {
1979
1990
  position: absolute;
1980
1991
  display: block;
@@ -1961,10 +1961,12 @@
1961
1961
  }
1962
1962
  .rls-bottom-sheet__component {
1963
1963
  position: absolute;
1964
+ display: flex;
1964
1965
  bottom: 0px;
1965
1966
  width: 100%;
1966
1967
  max-width: 240rem;
1967
1968
  max-height: 75%;
1969
+ flex-direction: column;
1968
1970
  opacity: var(--pvt-component-opacity);
1969
1971
  visibility: var(--pvt-component-visibility);
1970
1972
  z-index: var(--rls-z-index-2);
@@ -1975,6 +1977,15 @@
1975
1977
  transform 240ms 0ms var(--rls-deceleration-curve),
1976
1978
  visibility 240ms 0ms var(--rls-deceleration-curve);
1977
1979
  }
1980
+ .rls-bottom-sheet__component::before {
1981
+ display: block;
1982
+ content: '';
1983
+ width: var(--rls-sizing-x24);
1984
+ height: var(--rls-sizing-x2);
1985
+ border-radius: var(--rls-sizing-x2);
1986
+ background: var(--rls-app-color-600);
1987
+ margin: var(--rls-sizing-x3) auto;
1988
+ }
1978
1989
  .rls-bottom-sheet__backdrop {
1979
1990
  position: absolute;
1980
1991
  display: block;
@@ -24,10 +24,12 @@
24
24
  }
25
25
  .rls-bottom-sheet__component {
26
26
  position: absolute;
27
+ display: flex;
27
28
  bottom: 0px;
28
29
  width: 100%;
29
30
  max-width: 240rem;
30
31
  max-height: 75%;
32
+ flex-direction: column;
31
33
  opacity: var(--pvt-component-opacity);
32
34
  visibility: var(--pvt-component-visibility);
33
35
  z-index: var(--rls-z-index-2);
@@ -38,6 +40,15 @@
38
40
  transform 240ms 0ms var(--rls-deceleration-curve),
39
41
  visibility 240ms 0ms var(--rls-deceleration-curve);
40
42
  }
43
+ .rls-bottom-sheet__component::before {
44
+ display: block;
45
+ content: '';
46
+ width: var(--rls-sizing-x24);
47
+ height: var(--rls-sizing-x2);
48
+ border-radius: var(--rls-sizing-x2);
49
+ background: var(--rls-app-color-600);
50
+ margin: var(--rls-sizing-x3) auto;
51
+ }
41
52
  .rls-bottom-sheet__backdrop {
42
53
  position: absolute;
43
54
  display: block;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,2BACA,mCAEA,0BACA,+BAEA,eACA,SACA,UACA,WACA,YACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,yCACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,WACA,WACA,iBACA,eACA,qCACA,2CACA,6BACA,kEACA,wEACA,yCACA,gKAKF,4BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"BottomSheet.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,2BACA,mCAEA,0BACA,+BAEA,eACA,SACA,UACA,WACA,YACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,yCACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,WACA,WACA,iBACA,eACA,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","file":"BottomSheet.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.24.9",
3
+ "version": "18.24.10",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",