@rolster/react-components 18.24.9 → 18.24.11

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 (13) hide show
  1. package/dist/cjs/assets/{index-Jhih2qiU.css → index-A_JkPXhq.css} +65 -18
  2. package/dist/cjs/index.js +7 -7
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-Jhih2qiU.css → index-A_JkPXhq.css} +65 -18
  5. package/dist/es/index.js +7 -7
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/molecules/Pagination/Pagination.css +42 -17
  8. package/dist/esm/components/molecules/Pagination/Pagination.css.map +1 -1
  9. package/dist/esm/components/molecules/Pagination/Pagination.js +7 -7
  10. package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
  11. package/dist/esm/components/organisms/BottomSheet/BottomSheet.css +23 -1
  12. package/dist/esm/components/organisms/BottomSheet/BottomSheet.css.map +1 -1
  13. package/package.json +2 -2
package/dist/esm/components/molecules/Pagination/Pagination.css CHANGED
@@ -1,28 +1,41 @@
1
1
  .rls-pagination {
2
+ --pvt-dimension: var(--rlc-pagination-dimension, var(--rls-sizing-x16));
3
+ --pvt-description-display: block;
4
+ --pvt-count-display: none;
2
5
  position: relative;
3
6
  display: flex;
4
- justify-content: center;
5
7
  width: 100%;
8
+ column-gap: var(--rlc-pagination-column-gap, var(--rls-sizing-x4));
9
+ justify-content: center;
10
+ align-items: center;
6
11
  overflow: hidden;
7
- height: var(--rls-sizing-x20);
8
- padding: 0rem var(--rls-sizing-x6);
12
+ height: var(
13
+ --rlc-pagination-height,
14
+ calc(var(--pvt-dimension) + var(--rls-sizing-x4))
15
+ );
16
+ padding: var(--rlc-pagination-padding, 0rem var(--rls-sizing-x6));
9
17
  box-sizing: border-box;
10
18
  }
19
+ .rls-pagination__body {
20
+ display: flex;
21
+ width: auto;
22
+ column-gap: var(--rls-sizing-x8);
23
+ align-items: center;
24
+ }
11
25
  .rls-pagination__pages {
12
26
  display: flex;
13
- gap: var(--rls-sizing-x4);
14
27
  width: auto;
15
- margin: 0rem var(--rls-sizing-x4);
28
+ column-gap: var(--rls-sizing-x4);
29
+ align-items: center;
16
30
  }
17
31
  .rls-pagination__page {
18
32
  background: var(--rls-app-color-200);
19
33
  color: var(--rls-app-color-900);
20
34
  cursor: default;
21
- margin: auto 0rem;
22
35
  text-align: center;
23
- width: var(--rls-sizing-x16);
24
- height: var(--rls-sizing-x16);
25
- line-height: var(--rls-sizing-x16);
36
+ width: var(--pvt-dimension);
37
+ height: var(--pvt-dimension);
38
+ line-height: var(--pvt-dimension);
26
39
  border-radius: var(--rls-sizing-x2);
27
40
  font-size: var(--rls-body-font-size);
28
41
  letter-spacing: var(--rls-body-letter-spacing);
@@ -36,26 +49,31 @@
36
49
  color: var(--rls-app-color-050);
37
50
  }
38
51
  .rls-pagination__description {
39
- color: var(--rls-app-color-900);
40
- margin: 0rem var(--rls-sizing-x4);
52
+ display: var(--pvt-description-display);
41
53
  width: auto;
42
- height: var(--rls-sizing-x20);
43
- line-height: var(--rls-sizing-x20);
44
54
  font-size: var(--rls-body-font-size);
45
55
  font-weight: var(--rls-font-weight-bold);
46
56
  letter-spacing: var(--rls-body-letter-spacing);
57
+ color: var(--rls-app-color-900);
58
+ }
59
+ .rls-pagination__count {
60
+ display: var(--pvt-count-display);
61
+ font-size: var(--rls-body-font-size);
62
+ font-weight: var(--rls-font-weight-bold);
63
+ letter-spacing: var(--rls-body-letter-spacing);
64
+ color: var(--rls-app-color-900);
47
65
  }
48
66
  .rls-pagination__actions {
67
+ display: flex;
49
68
  width: auto;
69
+ column-gap: var(--rls-sizing-x2);
50
70
  }
51
71
  .rls-pagination__action {
72
+ --rlc-icon-dimension: calc(var(--pvt-dimension) - var(--rls-sizing-x4));
52
73
  background: none;
53
74
  outline: none;
54
75
  color: var(--rls-app-color-600);
55
- height: var(--rls-sizing-x18);
56
- width: var(--rls-sizing-x18);
57
- padding: var(--rls-sizing-x3);
58
- margin: var(--rls-sizing-x1) 0rem;
76
+ padding: var(--rls-sizing-x2);
59
77
  }
60
78
  .rls-pagination__action:hover {
61
79
  color: var(--rls-theme-color-300);
@@ -64,4 +82,11 @@
64
82
  .rls-pagination__action:disabled {
65
83
  pointer-events: none;
66
84
  opacity: 0.5;
85
+ }
86
+ @media screen and (max-width: 640px) {
87
+ .rls-pagination {
88
+ --pvt-description-display: none;
89
+ --pvt-count-display: block;
90
+ padding: 0rem;
91
+ }
67
92
  } /*# sourceMappingURL=Pagination.css.map */
package/dist/esm/components/molecules/Pagination/Pagination.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.scss"],"names":[],"mappings":"AAOA,gBACE,kBACA,aACA,uBACA,WACA,gBACA,6BACA,kCACA,sBAEA,uBACE,aACA,yBACA,WACA,iCAGF,sBACE,oCACA,+BACA,eACA,iBACA,kBACA,4BACA,6BACA,kCACA,mCACA,oCACA,8CAEA,4BACE,sCACA,iCAGF,8BACE,yCACA,+BAIJ,6BACE,+BACA,iCACA,WACA,6BACA,kCACA,oCACA,wCACA,8CAGF,yBACE,WAGF,wBACE,gBACA,aACA,+BACA,6BACA,4BACA,6BACA,iCAEA,8BACE,iCACA,eAGF,iCACE,oBACA","file":"Pagination.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.scss"],"names":[],"mappings":"AAOA,gBACE,wEACA,iCACA,0BAEA,kBACA,aACA,WACA,kEACA,uBACA,mBACA,gBACA,uFAIA,iEACA,sBAEA,sBACE,aACA,WACA,gCACA,mBAGF,uBACE,aACA,WACA,gCACA,mBAGF,sBACE,oCACA,+BACA,eACA,kBACA,2BACA,4BACA,iCACA,mCACA,oCACA,8CAEA,4BACE,sCACA,iCAGF,8BACE,yCACA,+BAIJ,6BACE,uCACA,WACA,oCACA,wCACA,8CACA,+BAGF,uBACE,iCACA,oCACA,wCACA,8CACA,+BAGF,yBACE,aACA,WACA,gCAGF,wBACE,wEAEA,gBACA,aACA,+BACA,6BAEA,8BACE,iCACA,eAGF,iCACE,oBACA,WAKN,qCACE,gBACE,gCACA,2BAEA","file":"Pagination.css"}
package/dist/esm/components/molecules/Pagination/Pagination.js CHANGED
@@ -43,12 +43,12 @@ export function RlsPagination({ suggestions, count, filter, onPagination }) {
43
43
  const goLastPagination = useCallback(() => {
44
44
  refreshPagination(controller.current?.goLastPage());
45
45
  }, []);
46
- return (_jsxs("div", { className: "rls-pagination", children: [_jsxs("div", { className: "rls-pagination__actions", children: [_jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: template?.firstPage, children: _jsx(RlsIcon, { value: "arrowhead-left" }) }), _jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: template?.firstPage, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), _jsx("div", { className: "rls-pagination__pages", children: template?.pages.map((page, index) => {
47
- return (_jsx("div", { className: renderClassStatus('rls-pagination__page', {
48
- active: page.active
49
- }), onClick: () => {
50
- goToPagination(page);
51
- }, children: page.label }, index));
52
- }) }), _jsx("div", { className: "rls-pagination__description", children: template?.description }), _jsxs("div", { className: "rls-pagination__actions", children: [_jsx("button", { className: "rls-pagination__action", onClick: goNextPagination, disabled: template?.lastPage, children: _jsx(RlsIcon, { value: "arrow-ios-right" }) }), _jsx("button", { className: "rls-pagination__action", onClick: goLastPagination, disabled: template?.lastPage, children: _jsx(RlsIcon, { value: "arrowhead-right" }) })] })] }));
46
+ return (_jsxs("div", { className: "rls-pagination", children: [_jsxs("div", { className: "rls-pagination__actions", children: [_jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: template?.firstPage, children: _jsx(RlsIcon, { value: "arrowhead-left" }) }), _jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: template?.firstPage, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), _jsxs("div", { className: "rls-pagination__body", children: [_jsx("div", { className: "rls-pagination__pages", children: template?.pages.map((page, index) => {
47
+ return (_jsx("div", { className: renderClassStatus('rls-pagination__page', {
48
+ active: page.active
49
+ }), onClick: () => {
50
+ goToPagination(page);
51
+ }, children: page.label }, index));
52
+ }) }), _jsx("div", { className: "rls-pagination__description", children: template?.description }), _jsx("span", { className: "rls-pagination__count", children: suggestions.length })] }), _jsxs("div", { className: "rls-pagination__actions", children: [_jsx("button", { className: "rls-pagination__action", onClick: goNextPagination, disabled: template?.lastPage, children: _jsx(RlsIcon, { value: "arrow-ios-right" }) }), _jsx("button", { className: "rls-pagination__action", onClick: goLastPagination, disabled: template?.lastPage, children: _jsx(RlsIcon, { value: "arrowhead-right" }) })] })] }));
53
53
  }
54
54
  //# sourceMappingURL=Pagination.js.map
package/dist/esm/components/molecules/Pagination/Pagination.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/organisms/BottomSheet/BottomSheet.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .rls-bottom-sheet {
2
2
  --pvt-component-transform: translateY(100%);
3
3
  --pvt-component-height: 0rem;
4
+ --pvt-component-max-height: 75%;
4
5
  --pvt-component-opacity: 0;
5
6
  --pvt-component-visibility: hidden;
6
7
  --pvt-backdrop-opacity: 0;
@@ -24,10 +25,12 @@
24
25
  }
25
26
  .rls-bottom-sheet__component {
26
27
  position: absolute;
28
+ display: flex;
27
29
  bottom: 0px;
28
30
  width: 100%;
29
31
  max-width: 240rem;
30
- max-height: 75%;
32
+ max-height: var(--pvt-component-max-height);
33
+ flex-direction: column;
31
34
  opacity: var(--pvt-component-opacity);
32
35
  visibility: var(--pvt-component-visibility);
33
36
  z-index: var(--rls-z-index-2);
@@ -38,6 +41,15 @@
38
41
  transform 240ms 0ms var(--rls-deceleration-curve),
39
42
  visibility 240ms 0ms var(--rls-deceleration-curve);
40
43
  }
44
+ .rls-bottom-sheet__component::before {
45
+ display: block;
46
+ content: '';
47
+ width: var(--rls-sizing-x24);
48
+ height: var(--rls-sizing-x2);
49
+ border-radius: var(--rls-sizing-x2);
50
+ background: var(--rls-app-color-300);
51
+ margin: var(--rls-sizing-x3) auto;
52
+ }
41
53
  .rls-bottom-sheet__backdrop {
42
54
  position: absolute;
43
55
  display: block;
@@ -51,4 +63,14 @@
51
63
  backdrop-filter: blur(2px);
52
64
  transition: opacity 120ms 0ms var(--rls-deceleration-curve),
53
65
  bottom 120ms 0ms var(--rls-deceleration-curve);
66
+ }
67
+ @media screen and (max-height: 960px) {
68
+ .rls-bottom-sheet {
69
+ --pvt-component-max-height: calc(100% - 48rem);
70
+ }
71
+ }
72
+ @media screen and (max-height: 720px) {
73
+ .rls-bottom-sheet {
74
+ --pvt-component-max-height: calc(100% - 32rem);
75
+ }
54
76
  } /*# sourceMappingURL=BottomSheet.css.map */
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,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,gCACA,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,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","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.11",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
49
49
  "@rollup/plugin-node-resolve": "^15.2.1",
50
50
  "@rollup/plugin-typescript": "^11.1.3",
51
51
  "@rolster/rollup": "^1.0.8",
52
- "@rolster/styles-foundations": "^2.5.39",
52
+ "@rolster/styles-foundations": "^2.5.41",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",