@rolster/react-components 18.15.37 → 18.15.41

package/dist/esm/components/atoms/ButtonAction/ButtonAction.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RlsIcon } from '../Icon/Icon';
 import './ButtonAction.css';
 export function RlsButtonAction({ icon, disabled, tooltip, onClick }) {
-    return (_jsxs("button", { className: "rls-button-action", onClick: onClick, disabled: disabled, children: [_jsx("div", { className: "rls-button-action__content", children: _jsx(RlsIcon, { value: icon }) }), tooltip && (_jsx("div", { className: "rls-button-action__tooltip caption-semibold", children: _jsx("span", { children: tooltip }) }))] }));
+    return (_jsxs("button", { className: "rls-button-action", onClick: onClick, disabled: disabled, children: [_jsx("div", { className: "rls-button-action__content", children: _jsx(RlsIcon, { value: icon }) }), tooltip && (_jsx("div", { className: "rls-button-action__tooltip rls-overline-medium", children: _jsx("span", { children: tooltip }) }))] }));
 }
 //# sourceMappingURL=ButtonAction.js.map

package/dist/esm/components/atoms/ButtonAction/ButtonAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAS5B,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACW;IAClB,OAAO,CACL,kBAAQ,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,aACxE,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,6CAA6C,YAC1D,yBAAO,OAAO,GAAQ,GAClB,CACP,IACM,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAS5B,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACW;IAClB,OAAO,CACL,kBAAQ,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,aACxE,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,gDAAgD,YAC7D,yBAAO,OAAO,GAAQ,GAClB,CACP,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/TabularText/TabularText.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import './TabularText.css';
-const baseCls = 'rls-tabular-text';
+const className = 'rls-tabular-text';
 const pointers = ['.', ','];
 function charClass(char) {
-    return pointers.includes(char) ? `${baseCls}__pointer` : `${baseCls}__char`;
+    return pointers.includes(char)
+        ? `${className}__pointer`
+        : `${className}__char`;
 }
 export function RlsTabularText({ value }) {
     return (_jsx("div", { className: "rls-tabular-text", children: value?.split('').map((char, index) => (_jsx("span", { className: charClass(char), children: char }, index))) }));

package/dist/esm/components/atoms/TabularText/TabularText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabularText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/TabularText/TabularText.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,OAAO,GAAG,kBAAkB,CAAC;AACnC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAE5B,SAAS,SAAS,CAAC,IAAY;IAC7B,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC;AAC9E,CAAC;AAMD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAoB;IACxD,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC9B,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,eAAkB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,YACzC,IAAI,IADI,KAAK,CAET,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TabularText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/TabularText/TabularText.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,SAAS,GAAG,kBAAkB,CAAC;AACrC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAE5B,SAAS,SAAS,CAAC,IAAY;IAC7B,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC5B,CAAC,CAAC,GAAG,SAAS,WAAW;QACzB,CAAC,CAAC,GAAG,SAAS,QAAQ,CAAC;AAC3B,CAAC;AAMD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAoB;IACxD,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC9B,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,eAAkB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,YACzC,IAAI,IADI,KAAK,CAET,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css

@@ -60,7 +60,6 @@
   transform-origin: 0% 0%;
   transition: transform 240ms 0ms var(--rls-standard-curve),
     opacity 240ms 0ms var(--rls-standard-curve);
-  will-change: opacity, transform;
   box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
 }
 .rls-button-toggle__list ul li {

package/dist/esm/components/organisms/Confirmation/Confirmation.css

@@ -48,11 +48,10 @@
   visibility: var(--pvt-component-visibility);
   padding: var(--rls-sizing-x8) 0rem;
   box-sizing: border-box;
-  z-index: var(--rls-z-index-2);
+  z-index: var(--rls-z-index-4);
   border-radius: var(--rls-sizing-x4);
   background: var(--rls-app-background-500);
   box-shadow: var(--rls-app-shadow-4);
-  will-change: transform;
   transform: var(--pvt-component-transform);
   transition: opacity 125ms 0ms var(--rls-deceleration-curve),
     transform 125ms 0ms var(--rls-deceleration-curve),
@@ -123,8 +122,7 @@
   right: 0px;
   bottom: var(--pvt-backdrop-bottom);
   opacity: var(--pvt-backdrop-opacity);
-  z-index: 1;
-  will-change: opacity;
+  z-index: var(--rls-z-index-2);
   background: var(--rls-theme-backdrop-900);
   backdrop-filter: blur(2px);
   transition: opacity 120ms 0ms var(--rls-deceleration-curve),

package/dist/esm/components/organisms/Modal/Modal.css

@@ -2,6 +2,7 @@
   --pvt-component-transform: translateY(80rem) scale(0.6);
   --pvt-component-height: 0rem;
   --pvt-component-opacity: 0;
+  --pvt-component-overflow: hidden;
   --pvt-component-visibility: hidden;
   --pvt-backdrop-opacity: 0;
   --pvt-backdrop-bottom: initial;
@@ -16,6 +17,9 @@
   align-items: center;
   justify-content: center;
 }
+.rls-modal--overflow {
+  --pvt-component-overflow: initial;
+}
 .rls-modal--visible {
   --pvt-component-visibility: visible;
   --pvt-component-height: auto;
@@ -33,10 +37,9 @@
   opacity: var(--pvt-component-opacity);
   visibility: var(--pvt-component-visibility);
   z-index: var(--rls-z-index-2);
-  overflow: hidden;
+  overflow: var(--pvt-component-overflow);
   border-radius: var(--rls-sizing-x4);
   background: var(--rls-app-background-500);
-  will-change: transform;
   transform: var(--pvt-component-transform);
   transition: opacity 125ms 0ms var(--rls-deceleration-curve),
     transform 125ms 0ms var(--rls-deceleration-curve),
@@ -51,7 +54,6 @@
   bottom: var(--pvt-backdrop-bottom);
   opacity: var(--pvt-backdrop-opacity);
   z-index: 1;
-  will-change: opacity;
   background: var(--rls-theme-backdrop-900);
   backdrop-filter: blur(2px);
   transition: opacity 120ms 0ms var(--rls-deceleration-curve),

package/dist/esm/components/organisms/Modal/Modal.d.ts

@@ -1,7 +1,8 @@
 import { RlsComponent } from '../../definitions';
 import './Modal.css';
 interface ModalProps extends RlsComponent {
+    overflow?: boolean;
     visible?: boolean;
 }
-export declare function RlsModal({ children, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
+export declare function RlsModal({ children, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
 export {};

package/dist/esm/components/organisms/Modal/Modal.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ReactDOM from 'react-dom';
 import { renderClassStatus } from '../../../helpers/css';
 import './Modal.css';
-export function RlsModal({ children, visible, rlsTheme }) {
-    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);
+export function RlsModal({ children, overflow, visible, rlsTheme }) {
+    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);
 }
 //# sourceMappingURL=Modal.js.map

package/dist/esm/components/organisms/Modal/Modal.js.map

@@ -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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "18.15.37",
+  "version": "18.15.41",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",
@@ -37,9 +37,9 @@
     "@rolster/commons": "^2.0.9",
     "@rolster/components": "^0.3.10",
     "@rolster/dates": "^2.0.0",
-    "@rolster/forms": "^2.6.5",
+    "@rolster/forms": "^2.7.2",
     "@rolster/i18n": "^2.1.1",
-    "@rolster/react-forms": "^18.7.4",
+    "@rolster/react-forms": "^18.8.2",
     "@rolster/strings": "^2.0.0",
     "@rolster/validators": "^2.0.2",
     "lottie-react": "^2.4.0",
@@ -53,7 +53,7 @@
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.3",
     "@rolster/rollup": "^1.0.6",
-    "@rolster/styles-foundations": "^2.3.21",
+    "@rolster/styles-foundations": "^2.3.22",
     "@rolster/types": "^1.0.10",
     "@types/node-sass": "^4.11.4",
     "@types/react": "^18.0.28",