@rolster/react-components 18.25.1 → 18.25.2

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

@@ -0,0 +1,103 @@
+.rls-modal-sheet {
+  --pvt-component-transform: translateY(150px) scale(0.6);
+  --pvt-component-transform-visible: translateY(0) scale(1);
+  --pvt-component-bottom: initial;
+  --pvt-component-max-width: var(
+    --rlc-modal-sheet-max-width,
+    calc(100% - var(--rls-sizing-x8))
+  );
+  --pvt-component-height: 0rem;
+  --pvt-component-max-height: initial;
+  --pvt-component-border-radius: var(--rls-sizing-x4);
+  --pvt-component-opacity: 0;
+  --pvt-component-visibility: hidden;
+  --pvt-backdrop-opacity: 0;
+  --pvt-backdrop-bottom: initial;
+  position: fixed;
+  display: flex;
+  top: 0rem;
+  left: 0rem;
+  width: 100%;
+  height: 100%;
+  z-index: var(--rls-z-index-24);
+  visibility: hidden;
+  align-items: center;
+  justify-content: center;
+}
+.rls-modal-sheet--visible {
+  --pvt-component-visibility: visible;
+  --pvt-component-height: auto;
+  --pvt-component-opacity: 1;
+  --pvt-component-transform: var(--pvt-component-transform-visible);
+  --pvt-backdrop-bottom: 0rem;
+  --pvt-backdrop-opacity: 1;
+  visibility: visible;
+}
+.rls-modal-sheet__component {
+  position: absolute;
+  display: flex;
+  bottom: var(--pvt-component-bottom);
+  max-width: var(--pvt-component-max-width);
+  height: var(--pvt-component-height);
+  max-height: var(--pvt-component-max-height);
+  flex-direction: column;
+  opacity: var(--pvt-component-opacity);
+  visibility: var(--pvt-component-visibility);
+  z-index: var(--rls-z-index-2);
+  border-radius: var(--pvt-component-border-radius);
+  background: var(--rlc-modal-sheet-background, var(--rls-app-color-050));
+  transform: var(--pvt-component-transform);
+  transition: opacity 125ms 0ms var(--rls-deceleration-curve),
+    transform 125ms 0ms var(--rls-deceleration-curve),
+    visibility 125ms 0ms var(--rls-deceleration-curve);
+}
+.rls-modal-sheet__backdrop {
+  position: absolute;
+  display: block;
+  top: 0rem;
+  left: 0rem;
+  right: 0rem;
+  bottom: var(--pvt-backdrop-bottom);
+  opacity: var(--pvt-backdrop-opacity);
+  z-index: 1;
+  background: var(--rls-theme-backdrop-900);
+  backdrop-filter: blur(2px);
+  transition: opacity 120ms 0ms var(--rls-deceleration-curve),
+    bottom 120ms 0ms var(--rls-deceleration-curve);
+}
+@media screen and (max-width: 640px) and (max-height: 960px) {
+  .rls-modal-sheet {
+    --pvt-component-max-height: calc(100% - 32rem);
+  }
+}
+@media screen and (max-width: 640px) and (max-height: 720px) {
+  .rls-modal-sheet {
+    --pvt-component-max-height: calc(100% - 24rem);
+  }
+}
+@media screen and (max-width: 640px) and (max-height: 560px) {
+  .rls-modal-sheet {
+    --pvt-component-max-height: calc(100% - 16rem);
+  }
+}
+@media screen and (max-width: 640px) {
+  .rls-modal-sheet {
+    --pvt-component-transform: translateY(100%);
+    --pvt-component-transform-visible: translateY(0);
+    --pvt-component-bottom: 0px;
+    --pvt-component-max-width: 240rem;
+    --pvt-component-max-height: 75%;
+    --pvt-component-border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4)
+      0rem 0rem;
+    align-items: initial;
+  }
+  .rls-modal-sheet__component::before {
+    display: block;
+    content: '';
+    width: var(--rls-sizing-x24);
+    height: var(--rls-sizing-x2);
+    border-radius: var(--rls-sizing-x2);
+    background: var(--rls-app-color-300);
+    margin: var(--rls-sizing-x3) auto;
+  }
+} /*# sourceMappingURL=ModalSheet.css.map */

package/dist/esm/components/organisms/ModalSheet/ModalSheet.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ModalSheet/ModalSheet.scss"],"names":[],"mappings":"AAOA,iBACE,wDACA,0DACA,gCACA,iGAIA,6BACA,oCACA,oDACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,0BACE,oCACA,6BACA,2BACA,kEACA,4BACA,0BAEA,mBAGF,4BACE,kBACA,aACA,mCACA,yCACA,mCACA,2CACA,sBACA,qCACA,2CACA,6BACA,iDACA,uEACA,yCACA,gKAKF,2BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA,0GAKJ,4DACE,iBACE,gDAIJ,4DACE,iBACE,gDAIJ,4DACE,iBACE,gDAIJ,qCACE,iBACE,4CACA,iDACA,4BACA,kCACA,gCACA,mFAGA,oBAGE,oCACE,cACA,WACA,4BACA,4BACA,mCACA,oCACA","file":"ModalSheet.css"}

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

@@ -0,0 +1,9 @@
+import { RlsComponent } from '../../definitions';
+import './ModalSheet.css';
+interface ModalSheetProps extends RlsComponent {
+    className?: string;
+    onAutoClose?: () => void;
+    visible?: boolean;
+}
+export declare function RlsModalSheet({ children, className, onAutoClose, visible, rlsTheme }: ModalSheetProps): import("react").ReactPortal;
+export {};

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import ReactDOM from 'react-dom';
+import { renderClassStatus } from '../../../helpers/css';
+import './ModalSheet.css';
+export function RlsModalSheet({ children, className, onAutoClose, visible, rlsTheme }) {
+    const classNameModal = useMemo(() => {
+        return renderClassStatus('rls-modal-sheet', { visible }, className);
+    }, [className, visible]);
+    const onClickBackdrop = useCallback(() => {
+        onAutoClose && onAutoClose();
+    }, [onAutoClose]);
+    return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal-sheet__component", children: children }), _jsx("div", { className: "rls-modal-sheet__backdrop", onClick: onClickBackdrop })] }), document.body);
+}
+//# sourceMappingURL=ModalSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalSheet/ModalSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,kBAAkB,CAAC;AAQ1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACQ;IAChB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,IAAI,WAAW,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAO,EAE5D,cACE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,eAAe,GACnB,IACH,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}

package/dist/esm/index.d.ts

@@ -8,6 +8,7 @@ export * from './components/atoms/CheckBox/CheckBox';
 export * from './components/atoms/Icon/Icon';
 export * from './components/atoms/Image/Image';
 export * from './components/atoms/Input/Input';
+export * from './components/atoms/InputDouble/InputDouble';
 export * from './components/atoms/InputMoney/InputMoney';
 export * from './components/atoms/InputNumber/InputNumber';
 export * from './components/atoms/InputPassword/InputPassword';
@@ -29,6 +30,7 @@ export * from './components/molecules/Ballot/Ballot';
 export * from './components/molecules/ButtonProgress/ButtonProgress';
 export * from './components/molecules/ButtonToggle/ButtonToggle';
 export * from './components/molecules/Content/Content';
+export * from './components/molecules/FieldDouble/FieldDouble';
 export * from './components/molecules/FieldMoney/FieldMoney';
 export * from './components/molecules/FieldNumber/FieldNumber';
 export * from './components/molecules/FieldPassword/FieldPassword';
@@ -62,6 +64,7 @@ export * from './components/organisms/FormNavigation/FormNavigation';
 export * from './components/organisms/ImageChooser/ImageChooser';
 export * from './components/organisms/ImageEditor/ImageEditor';
 export * from './components/organisms/Modal/Modal';
+export * from './components/organisms/ModalSheet/ModalSheet';
 export * from './components/organisms/PickerDate/PickerDate';
 export * from './components/organisms/PickerDateRange/PickerDateRange';
 export * from './components/organisms/Snackbar/Snackbar';

package/dist/esm/index.js

@@ -8,6 +8,7 @@ export * from './components/atoms/CheckBox/CheckBox';
 export * from './components/atoms/Icon/Icon';
 export * from './components/atoms/Image/Image';
 export * from './components/atoms/Input/Input';
+export * from './components/atoms/InputDouble/InputDouble';
 export * from './components/atoms/InputMoney/InputMoney';
 export * from './components/atoms/InputNumber/InputNumber';
 export * from './components/atoms/InputPassword/InputPassword';
@@ -29,6 +30,7 @@ export * from './components/molecules/Ballot/Ballot';
 export * from './components/molecules/ButtonProgress/ButtonProgress';
 export * from './components/molecules/ButtonToggle/ButtonToggle';
 export * from './components/molecules/Content/Content';
+export * from './components/molecules/FieldDouble/FieldDouble';
 export * from './components/molecules/FieldMoney/FieldMoney';
 export * from './components/molecules/FieldNumber/FieldNumber';
 export * from './components/molecules/FieldPassword/FieldPassword';
@@ -62,6 +64,7 @@ export * from './components/organisms/FormNavigation/FormNavigation';
 export * from './components/organisms/ImageChooser/ImageChooser';
 export * from './components/organisms/ImageEditor/ImageEditor';
 export * from './components/organisms/Modal/Modal';
+export * from './components/organisms/ModalSheet/ModalSheet';
 export * from './components/organisms/PickerDate/PickerDate';
 export * from './components/organisms/PickerDateRange/PickerDateRange';
 export * from './components/organisms/Snackbar/Snackbar';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AACvD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "18.25.1",
+  "version": "18.25.2",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",
@@ -30,7 +30,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@rolster/commons": "^3.0.0",
+    "@rolster/commons": "^3.0.1",
     "@rolster/components": "^0.7.0",
     "@rolster/dates": "^3.0.0",
     "@rolster/forms": "^3.0.0",
@@ -49,7 +49,7 @@
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.3",
     "@rolster/rollup": "^1.0.8",
-    "@rolster/styles-foundations": "^2.5.43",
+    "@rolster/styles-foundations": "^2.5.44",
     "@rolster/types": "^1.1.0",
     "@types/node-sass": "^4.11.4",
     "@types/react": "^18.0.28",