@rolster/react-components 19.1.5 → 19.1.7

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 (18) hide show
  1. package/dist/cjs/assets/{index-Cpoe_CC5.css → index-BUZg9poi.css} +27 -17
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-Cpoe_CC5.css → index-BUZg9poi.css} +27 -17
  5. package/dist/es/index.js +1 -1
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Badge/Badge.css +1 -1
  8. package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
  9. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +6 -2
  10. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map +1 -1
  11. package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +1 -1
  12. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +2 -1
  13. package/dist/esm/components/organisms/BottomSheet/BottomSheet.css +4 -3
  14. package/dist/esm/components/organisms/Confirmation/Confirmation.css +4 -2
  15. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +2 -2
  16. package/dist/esm/components/organisms/Modal/Modal.css +4 -3
  17. package/dist/esm/components/organisms/ModalSheet/ModalSheet.css +4 -3
  18. package/package.json +9 -8
package/dist/esm/components/atoms/Badge/Badge.css CHANGED
@@ -11,7 +11,7 @@
11
11
  height: var(--pvt-dimension);
12
12
  line-height: var(--pvt-dimension);
13
13
  padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x2));
14
- box-sizing: border-box;
14
+ box-sizing: var(--rlc-badge-border-sizing, border-box);
15
15
  font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
16
16
  font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
17
17
  text-align: center;
package/dist/esm/components/atoms/Badge/Badge.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,sBACA,qEACA,yEACA,kBACA,oFAIA,4BACA,iCACA,sEAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,sDACA,qEACA,yEACA,kBACA,oFAIA,4BACA,iCACA,sEAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
package/dist/esm/components/atoms/ProgressBar/ProgressBar.css CHANGED
@@ -1,11 +1,13 @@
1
1
  .rls-progress-bar {
2
2
  --pvt-component-display: block;
3
3
  --pvt-component-height: var(--rlc-progress-bar-height, var(--rls-sizing-x2));
4
+ --pvt-component-radius: var(--rlc-progress-bar-radius, 0rem);
4
5
  position: relative;
5
6
  width: 100%;
6
7
  height: var(--pvt-component-height);
7
8
  overflow: hidden;
8
- background: var(--rls-theme-color-200);
9
+ background: var(--rlc-progress-bar-background, var(--rls-theme-color-100));
10
+ border-radius: var(--pvt-component-radius);
9
11
  }
10
12
  .rls-progress-bar--indeterminate {
11
13
  --pvt-component-display: none;
@@ -18,6 +20,7 @@
18
20
  width: 0%;
19
21
  height: var(--pvt-component-height);
20
22
  background: var(--rls-theme-gradient-500);
23
+ border-radius: var(--pvt-component-radius);
21
24
  }
22
25
  .rls-progress-bar--indeterminate::after {
23
26
  animation: progress-bar-indeterminate-after 2000ms infinite;
@@ -27,12 +30,13 @@
27
30
  }
28
31
  .rls-progress-bar__component {
29
32
  position: absolute;
33
+ display: var(--pvt-component-display);
30
34
  top: 0rem;
31
35
  width: 0%;
32
36
  height: var(--pvt-component-height);
33
- display: var(--pvt-component-display);
34
37
  background: var(--rls-theme-gradient-500);
35
38
  transition: width 320ms 0ms var(--rls-standard-curve);
39
+ border-radius: var(--pvt-component-radius);
36
40
  }
37
41
  @keyframes progress-bar-indeterminate-before {
38
42
  0% {
package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.scss"],"names":[],"mappings":"AAOA,kBACE,+BACA,6EAEA,kBACA,WACA,mCACA,gBACA,sCAEA,iCACE,8BAEA,iFAEE,kBACA,WACA,SACA,SACA,mCACA,yCAGF,wCACE,2DAGF,yCACE,4DAIJ,6BACE,kBACA,SACA,SACA,mCACA,qCACA,yCACA,qDAIJ,6CACE,GACE,WACA,WAEF,IACE,WACA,WAEF,KACE,YACA,WAIJ,4CACE,GACE,YACA,YAEF,IACE,WACA,UAEF,KACE,WACA","file":"ProgressBar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.scss"],"names":[],"mappings":"AAOA,kBACE,+BACA,6EACA,6DAEA,kBACA,WACA,mCACA,gBACA,0EACA,0CAEA,iCACE,8BAEA,iFAEE,kBACA,WACA,SACA,SACA,mCACA,yCACA,0CAGF,wCACE,2DAGF,yCACE,4DAIJ,6BACE,kBACA,qCACA,SACA,SACA,mCACA,yCACA,qDACA,0CAIJ,6CACE,GACE,WACA,WAEF,IACE,WACA,WAEF,KACE,YACA,WAIJ,4CACE,GACE,YACA,YAEF,IACE,WACA,UAEF,KACE,WACA","file":"ProgressBar.css"}
package/dist/esm/components/atoms/ProgressBar/ProgressBar.js CHANGED
@@ -6,6 +6,6 @@ export function RlsProgressBar({ indeterminate, percentage, rlsTheme }) {
6
6
  const className = useMemo(() => {
7
7
  return renderClassStatus('rls-progress-bar', { indeterminate });
8
8
  }, [indeterminate]);
9
- return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-progress-bar__component", style: { width: `${percentage || 0}%` } }) }));
9
+ return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-progress-bar__component", style: { width: `${percentage ?? 0}%` } }) }));
10
10
  }
11
11
  //# sourceMappingURL=ProgressBar.js.map
package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css CHANGED
@@ -59,7 +59,8 @@
59
59
  transform: var(--rlc-button-toggle-ul-transform);
60
60
  transform-origin: 0% 0%;
61
61
  box-shadow: var(--rls-theme-shadow-500);
62
- transition: transform 240ms 0ms var(--rls-standard-curve),
62
+ transition:
63
+ transform 240ms 0ms var(--rls-standard-curve),
63
64
  opacity 240ms 0ms var(--rls-standard-curve);
64
65
  }
65
66
  .rls-button-toggle__list ul li {
package/dist/esm/components/organisms/BottomSheet/BottomSheet.css CHANGED
@@ -40,8 +40,8 @@
40
40
  border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
41
41
  background: var(--rlc-bottom-sheet-background, var(--rls-app-color-050));
42
42
  transform: var(--pvt-component-transform);
43
- transition: opacity var(--pvt-component-transition) 0ms
44
- var(--rls-deceleration-curve),
43
+ transition:
44
+ opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
45
45
  transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
46
46
  visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
47
47
  }
@@ -65,7 +65,8 @@
65
65
  z-index: 1;
66
66
  background: var(--rls-theme-backdrop-900);
67
67
  backdrop-filter: blur(2px);
68
- transition: opacity 120ms 0ms var(--rls-deceleration-curve),
68
+ transition:
69
+ opacity 120ms 0ms var(--rls-deceleration-curve),
69
70
  bottom 120ms 0ms var(--rls-deceleration-curve);
70
71
  }
71
72
  @media screen and (max-height: 960px) {
package/dist/esm/components/organisms/Confirmation/Confirmation.css CHANGED
@@ -53,7 +53,8 @@
53
53
  background: var(--rls-app-color-050);
54
54
  box-shadow: var(--rls-app-shadow-4);
55
55
  transform: var(--pvt-component-transform);
56
- transition: opacity 125ms 0ms var(--rls-deceleration-curve),
56
+ transition:
57
+ opacity 125ms 0ms var(--rls-deceleration-curve),
57
58
  transform 125ms 0ms var(--rls-deceleration-curve),
58
59
  visibility 125ms 0ms var(--rls-deceleration-curve);
59
60
  }
@@ -129,7 +130,8 @@
129
130
  z-index: var(--rls-z-index-2);
130
131
  background: var(--rls-theme-backdrop-900);
131
132
  backdrop-filter: blur(2px);
132
- transition: opacity 120ms 0ms var(--rls-deceleration-curve),
133
+ transition:
134
+ opacity 120ms 0ms var(--rls-deceleration-curve),
133
135
  bottom 120ms 0ms var(--rls-deceleration-curve);
134
136
  }
135
137
  @media screen and (max-width: 480px) {
package/dist/esm/components/organisms/FormNavigation/FormNavigation.css CHANGED
@@ -14,8 +14,8 @@
14
14
  justify-content: flex-end;
15
15
  visibility: hidden;
16
16
  transform: translateX(100%);
17
- transition: opacity var(--pvt-component-transition) 0ms
18
- var(--rls-deceleration-curve),
17
+ transition:
18
+ opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
19
19
  transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
20
20
  visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
21
21
  z-index: var(--rls-z-index-16);
package/dist/esm/components/organisms/Modal/Modal.css CHANGED
@@ -39,8 +39,8 @@
39
39
  border-radius: var(--rls-sizing-x4);
40
40
  background: var(--rlc-modal-background, var(--rls-app-color-050));
41
41
  transform: var(--pvt-component-transform);
42
- transition: opacity var(--pvt-component-transition) 0ms
43
- var(--rls-deceleration-curve),
42
+ transition:
43
+ opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
44
44
  transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
45
45
  visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
46
46
  }
@@ -55,6 +55,7 @@
55
55
  z-index: 1;
56
56
  background: var(--rls-theme-backdrop-900);
57
57
  backdrop-filter: blur(2px);
58
- transition: opacity 120ms 0ms var(--rls-deceleration-curve),
58
+ transition:
59
+ opacity 120ms 0ms var(--rls-deceleration-curve),
59
60
  bottom 120ms 0ms var(--rls-deceleration-curve);
60
61
  } /*# sourceMappingURL=Modal.css.map */
package/dist/esm/components/organisms/ModalSheet/ModalSheet.css CHANGED
@@ -50,8 +50,8 @@
50
50
  border-radius: var(--pvt-component-border-radius);
51
51
  background: var(--rlc-modal-sheet-background, var(--rls-app-color-050));
52
52
  transform: var(--pvt-component-transform);
53
- transition: opacity var(--pvt-component-transition) 0ms
54
- var(--rls-deceleration-curve),
53
+ transition:
54
+ opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
55
55
  transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
56
56
  visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
57
57
  }
@@ -66,7 +66,8 @@
66
66
  z-index: 1;
67
67
  background: var(--rls-theme-backdrop-900);
68
68
  backdrop-filter: blur(2px);
69
- transition: opacity 120ms 0ms var(--rls-deceleration-curve),
69
+ transition:
70
+ opacity 120ms 0ms var(--rls-deceleration-curve),
70
71
  bottom 120ms 0ms var(--rls-deceleration-curve);
71
72
  }
72
73
  @media screen and (max-width: 640px) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "19.1.5",
3
+ "version": "19.1.7",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -32,7 +32,7 @@
32
32
  "dependencies": {
33
33
  "@rolster/commons": "^3.1.9",
34
34
  "@rolster/components": "^1.0.0",
35
- "@rolster/dates": "^3.1.1",
35
+ "@rolster/dates": "^3.1.3",
36
36
  "@rolster/forms": "^3.1.1",
37
37
  "@rolster/i18n": "^2.2.1",
38
38
  "@rolster/react-forms": "^19.1.1",
@@ -54,15 +54,16 @@
54
54
  "@types/react": "^19.0.0",
55
55
  "@types/react-dom": "^19.0.0",
56
56
  "@types/uuid": "^9.0.6",
57
- "@typescript-eslint/eslint-plugin": "^5.57.1",
58
- "@typescript-eslint/parser": "^5.57.1",
57
+ "@typescript-eslint/eslint-plugin": "^8.54.0",
58
+ "@typescript-eslint/parser": "^8.54.0",
59
59
  "@vitejs/plugin-react": "^4.2.1",
60
- "eslint": "^8.38.0",
61
- "eslint-plugin-react-hooks": "^4.6.0",
62
- "eslint-plugin-react-refresh": "^0.3.4",
60
+ "eslint": "^9.39.2",
61
+ "eslint-plugin-react-hooks": "^7.0.1",
62
+ "eslint-plugin-react-refresh": "^0.4.26",
63
63
  "match-sorter": "^6.3.1",
64
64
  "object-path": "^0.11.8",
65
- "prettier": "^2.8.8",
65
+ "prettier": "^3.8.1",
66
+ "rimraf": "^6.1.2",
66
67
  "rollup-plugin-import-css": "^3.3.1",
67
68
  "rollup-plugin-peer-deps-external": "^2.2.4",
68
69
  "rollup-plugin-swc": "^0.2.1",