@rolster/react-components 18.15.40 → 18.15.41

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-DTDYY-4K.css → index-DymY06ih.css} +7 -8
  2. package/dist/cjs/index.js +2 -2
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-DTDYY-4K.css → index-DymY06ih.css} +7 -8
  5. package/dist/es/index.js +2 -2
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +0 -1
  8. package/dist/esm/components/organisms/Confirmation/Confirmation.css +2 -4
  9. package/dist/esm/components/organisms/Modal/Modal.css +5 -3
  10. package/dist/esm/components/organisms/Modal/Modal.d.ts +2 -1
  11. package/dist/esm/components/organisms/Modal/Modal.js +2 -2
  12. package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
  13. package/package.json +4 -4
package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css CHANGED
@@ -60,7 +60,6 @@
60
60
  transform-origin: 0% 0%;
61
61
  transition: transform 240ms 0ms var(--rls-standard-curve),
62
62
  opacity 240ms 0ms var(--rls-standard-curve);
63
- will-change: opacity, transform;
64
63
  box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
65
64
  }
66
65
  .rls-button-toggle__list ul li {
package/dist/esm/components/organisms/Confirmation/Confirmation.css CHANGED
@@ -48,11 +48,10 @@
48
48
  visibility: var(--pvt-component-visibility);
49
49
  padding: var(--rls-sizing-x8) 0rem;
50
50
  box-sizing: border-box;
51
- z-index: var(--rls-z-index-2);
51
+ z-index: var(--rls-z-index-4);
52
52
  border-radius: var(--rls-sizing-x4);
53
53
  background: var(--rls-app-background-500);
54
54
  box-shadow: var(--rls-app-shadow-4);
55
- will-change: transform;
56
55
  transform: var(--pvt-component-transform);
57
56
  transition: opacity 125ms 0ms var(--rls-deceleration-curve),
58
57
  transform 125ms 0ms var(--rls-deceleration-curve),
@@ -123,8 +122,7 @@
123
122
  right: 0px;
124
123
  bottom: var(--pvt-backdrop-bottom);
125
124
  opacity: var(--pvt-backdrop-opacity);
126
- z-index: 1;
127
- will-change: opacity;
125
+ z-index: var(--rls-z-index-2);
128
126
  background: var(--rls-theme-backdrop-900);
129
127
  backdrop-filter: blur(2px);
130
128
  transition: opacity 120ms 0ms var(--rls-deceleration-curve),
package/dist/esm/components/organisms/Modal/Modal.css CHANGED
@@ -2,6 +2,7 @@
2
2
  --pvt-component-transform: translateY(80rem) scale(0.6);
3
3
  --pvt-component-height: 0rem;
4
4
  --pvt-component-opacity: 0;
5
+ --pvt-component-overflow: hidden;
5
6
  --pvt-component-visibility: hidden;
6
7
  --pvt-backdrop-opacity: 0;
7
8
  --pvt-backdrop-bottom: initial;
@@ -16,6 +17,9 @@
16
17
  align-items: center;
17
18
  justify-content: center;
18
19
  }
20
+ .rls-modal--overflow {
21
+ --pvt-component-overflow: initial;
22
+ }
19
23
  .rls-modal--visible {
20
24
  --pvt-component-visibility: visible;
21
25
  --pvt-component-height: auto;
@@ -33,10 +37,9 @@
33
37
  opacity: var(--pvt-component-opacity);
34
38
  visibility: var(--pvt-component-visibility);
35
39
  z-index: var(--rls-z-index-2);
36
- overflow: hidden;
40
+ overflow: var(--pvt-component-overflow);
37
41
  border-radius: var(--rls-sizing-x4);
38
42
  background: var(--rls-app-background-500);
39
- will-change: transform;
40
43
  transform: var(--pvt-component-transform);
41
44
  transition: opacity 125ms 0ms var(--rls-deceleration-curve),
42
45
  transform 125ms 0ms var(--rls-deceleration-curve),
@@ -51,7 +54,6 @@
51
54
  bottom: var(--pvt-backdrop-bottom);
52
55
  opacity: var(--pvt-backdrop-opacity);
53
56
  z-index: 1;
54
- will-change: opacity;
55
57
  background: var(--rls-theme-backdrop-900);
56
58
  backdrop-filter: blur(2px);
57
59
  transition: opacity 120ms 0ms var(--rls-deceleration-curve),
package/dist/esm/components/organisms/Modal/Modal.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { RlsComponent } from '../../definitions';
2
2
  import './Modal.css';
3
3
  interface ModalProps extends RlsComponent {
4
+ overflow?: boolean;
4
5
  visible?: boolean;
5
6
  }
6
- export declare function RlsModal({ children, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
7
+ export declare function RlsModal({ children, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
7
8
  export {};
package/dist/esm/components/organisms/Modal/Modal.js CHANGED
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import ReactDOM from 'react-dom';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import './Modal.css';
5
- export function RlsModal({ children, visible, rlsTheme }) {
6
- return ReactDOM.createPortal(_jsxs("div", { className: renderClassStatus('rls-modal', { visible }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop" })] }), document.body);
5
+ export function RlsModal({ children, overflow, visible, rlsTheme }) {
6
+ return ReactDOM.createPortal(_jsxs("div", { className: renderClassStatus('rls-modal', { overflow, visible }), "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop" })] }), document.body);
7
7
  }
8
8
  //# sourceMappingURL=Modal.js.map
package/dist/esm/components/organisms/Modal/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAMrB,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAc;IAClE,OAAO,QAAQ,CAAC,YAAY,CAC1B,eACE,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,eAC3C,QAAQ,aAEnB,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,GAAO,IACvC,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACG;IACX,OAAO,QAAQ,CAAC,YAAY,CAC1B,eACE,SAAS,EAAE,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,eACrD,QAAQ,aAEnB,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,GAAO,IACvC,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.15.40",
3
+ "version": "18.15.41",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -37,9 +37,9 @@
37
37
  "@rolster/commons": "^2.0.9",
38
38
  "@rolster/components": "^0.3.10",
39
39
  "@rolster/dates": "^2.0.0",
40
- "@rolster/forms": "^2.7.1",
40
+ "@rolster/forms": "^2.7.2",
41
41
  "@rolster/i18n": "^2.1.1",
42
- "@rolster/react-forms": "^18.8.0",
42
+ "@rolster/react-forms": "^18.8.2",
43
43
  "@rolster/strings": "^2.0.0",
44
44
  "@rolster/validators": "^2.0.2",
45
45
  "lottie-react": "^2.4.0",
@@ -53,7 +53,7 @@
53
53
  "@rollup/plugin-node-resolve": "^15.2.1",
54
54
  "@rollup/plugin-typescript": "^11.1.3",
55
55
  "@rolster/rollup": "^1.0.6",
56
- "@rolster/styles-foundations": "^2.3.21",
56
+ "@rolster/styles-foundations": "^2.3.22",
57
57
  "@rolster/types": "^1.0.10",
58
58
  "@types/node-sass": "^4.11.4",
59
59
  "@types/react": "^18.0.28",