@rolster/react-components 18.25.4 → 18.25.6

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

@@ -6,20 +6,20 @@ export function RlsInput({ children, decimals, disabled, formControl, identifier
     const valueInitial = formControl?.value ?? value ? String(value) : '';
     const [valueInput, setValueInput] = useState(valueInitial);
     const [focused, setFocused] = useState(false);
-    const isChangeInternal = useRef(false);
+    const changeIsInternal = useRef(false);
     useEffect(() => {
-        if (!isChangeInternal.current && formControl) {
+        if (!changeIsInternal.current && formControl) {
             const valueControl = formControl.value ? String(formControl.value) : '';
             valueInput !== valueControl && setValueInput(valueControl);
         }
-        isChangeInternal.current = false;
+        changeIsInternal.current = false;
     }, [formControl?.value]);
     const _onChange = useCallback((event) => {
         const valueInput = event.target.value;
         const value = type === 'number'
             ? parseFloat((+valueInput).toFixed(decimals))
             : valueInput;
-        isChangeInternal.current = true;
+        changeIsInternal.current = true;
         onValue && onValue(value);
         setValueInput(valueInput);
         formControl?.setValue(value);

package/dist/esm/components/molecules/FieldDouble/FieldDouble.js

@@ -5,20 +5,18 @@ import { RlsInputDouble } from '../../atoms/InputDouble/InputDouble';
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldDouble.css';
 export function RlsFieldDouble(props) {
-    const { children, disabled, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const disabled = useMemo(() => {
+        return formControl?.disabled || props.disabled;
+    }, [formControl?.disabled, props.disabled]);
     const className = useMemo(() => {
-        const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
-            focused: formControl?.focused && !_disabled,
+            focused: formControl?.focused && !disabled,
             error: formControl?.wrong,
-            disabled: _disabled
+            disabled,
+            readonly: props.readOnly
         }, 'rls-field-double');
-    }, [
-        formControl?.focused,
-        formControl?.wrong,
-        formControl?.disabled,
-        disabled
-    ]);
+    }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
     return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputDouble, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldDouble.js.map

package/dist/esm/components/molecules/FieldDouble/FieldDouble.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDouble.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldDouble/FieldDouble.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,kBAAkB,CACnB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,OAAK,KAAK,GAAI,GACzB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldDouble.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldDouble/FieldDouble.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAO3B,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GACrE,KAAK,CAAC;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,kBAAkB,CACnB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,OAAK,KAAK,GAAI,GACzB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/FieldMoney/FieldMoney.js

@@ -5,20 +5,18 @@ import { RlsInputMoney } from '../../atoms/InputMoney/InputMoney';
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldMoney.css';
 export function RlsFieldMoney(props) {
-    const { children, disabled, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const disabled = useMemo(() => {
+        return formControl?.disabled || props.disabled;
+    }, [formControl?.disabled, props.disabled]);
     const className = useMemo(() => {
-        const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
-            focused: formControl?.focused && !_disabled,
+            focused: formControl?.focused && !disabled,
             error: formControl?.wrong,
-            disabled: _disabled
+            disabled,
+            readonly: props.readOnly
         }, 'rls-field-money');
-    }, [
-        formControl?.focused,
-        formControl?.wrong,
-        formControl?.disabled,
-        disabled
-    ]);
+    }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
     return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputMoney, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldMoney.js.map

package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,iBAAiB,CAClB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,aAAa,OAAK,KAAK,GAAI,GACxB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GACrE,KAAK,CAAC;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,iBAAiB,CAClB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,aAAa,OAAK,KAAK,GAAI,GACxB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/FieldNumber/FieldNumber.js

@@ -5,20 +5,18 @@ import { RlsInputNumber } from '../../atoms/InputNumber/InputNumber';
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldNumber.css';
 export function RlsFieldNumber(props) {
-    const { children, disabled, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const disabled = useMemo(() => {
+        return formControl?.disabled || props.disabled;
+    }, [formControl?.disabled, props.disabled]);
     const className = useMemo(() => {
-        const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
-            focused: formControl?.focused && !_disabled,
+            focused: formControl?.focused && !disabled,
             error: formControl?.wrong,
-            disabled: _disabled
+            disabled,
+            readonly: props.readOnly
         }, 'rls-field-number');
-    }, [
-        formControl?.focused,
-        formControl?.wrong,
-        formControl?.disabled,
-        disabled
-    ]);
+    }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
     return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputNumber, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldNumber.js.map

package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAM3B,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,kBAAkB,CACnB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,OAAK,KAAK,GAAI,GACzB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,mBAAmB,CAAC;AAM3B,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GACrE,KAAK,CAAC;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,kBAAkB,CACnB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,OAAK,KAAK,GAAI,GACzB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/FieldPassword/FieldPassword.js

@@ -6,24 +6,22 @@ import { RlsInputPassword } from '../../atoms/InputPassword/InputPassword';
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldPassword.css';
 export function RlsFieldPassword(props) {
-    const { children, disabled, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
     const [password, setPassword] = useState(true);
-    const onToggleInput = useCallback(() => {
-        setPassword((password) => !password);
-    }, []);
+    const disabled = useMemo(() => {
+        return formControl?.disabled || props.disabled;
+    }, [formControl?.disabled, props.disabled]);
     const className = useMemo(() => {
-        const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
-            focused: formControl?.focused && !_disabled,
+            focused: formControl?.focused && !disabled,
             error: formControl?.wrong,
-            disabled: _disabled
+            disabled,
+            readonly: props.readOnly
         }, 'rls-field-password');
-    }, [
-        formControl?.focused,
-        formControl?.wrong,
-        formControl?.disabled,
-        disabled
-    ]);
+    }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
+    const onToggleInput = useCallback(() => {
+        setPassword((password) => !password);
+    }, []);
     return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputPassword, { ...props, type: password ? 'password' : 'text' }), _jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldPassword.js.map

package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAE7B,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,oBAAoB,CACrB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GAAI,EAErE,KAAC,eAAe,IACd,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAClC,OAAO,EAAE,aAAa,GACtB,IACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldPassword.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPassword/FieldPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,qBAAqB,CAAC;AAE7B,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GACrE,KAAK,CAAC;IAER,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,oBAAoB,CACrB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GAAI,EAErE,KAAC,eAAe,IACd,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAClC,OAAO,EAAE,aAAa,GACtB,IACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js

@@ -5,20 +5,18 @@ import { RlsInputPercentage } from '../../atoms/InputPercentage/InputPercentage'
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldPercentage.css';
 export function RlsFieldPercentage(props) {
-    const { children, disabled, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const disabled = useMemo(() => {
+        return formControl?.disabled || props.disabled;
+    }, [formControl?.disabled, props.disabled]);
     const className = useMemo(() => {
-        const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
-            focused: formControl?.focused && !_disabled,
+            focused: formControl?.focused && !disabled,
             error: formControl?.wrong,
-            disabled: _disabled
+            disabled,
+            readonly: props.readOnly
         }, 'rls-field-percentage');
-    }, [
-        formControl?.focused,
-        formControl?.wrong,
-        formControl?.disabled,
-        disabled
-    ]);
+    }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
     return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputPercentage, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldPercentage.js.map

package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPercentage.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,uBAAuB,CAAC;AAM/B,MAAM,UAAU,kBAAkB,CAAC,KAA2B;IAC5D,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,sBAAsB,CACvB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAC7B,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldPercentage.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,uBAAuB,CAAC;AAM/B,MAAM,UAAU,kBAAkB,CAAC,KAA2B;IAC5D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GACrE,KAAK,CAAC;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,sBAAsB,CACvB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAC7B,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,6 +1,6 @@
 .rls-field-readonly {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
-  --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-900));
+  --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-600));
   --pvt-font-size: var(--rlc-input-font-size, var(--rls-input-font-size));
   --pvt-letter-spacing: var(
     --rlc-input-letter-spacing,

package/dist/esm/components/molecules/FieldText/FieldText.js

@@ -5,20 +5,18 @@ import { RlsInputText } from '../../atoms/InputText/InputText';
 import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
 import './FieldText.css';
 export function RlsFieldText(props) {
-    const { children, disabled, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
+    const disabled = useMemo(() => {
+        return formControl?.disabled || props.disabled;
+    }, [formControl?.disabled, props.disabled]);
     const className = useMemo(() => {
-        const _disabled = formControl?.disabled || disabled;
         return renderClassStatus('rls-field-box', {
-            focused: formControl?.focused && !_disabled,
+            focused: formControl?.focused && !disabled,
             error: formControl?.wrong,
-            disabled: _disabled
+            disabled,
+            readonly: props.readOnly
         }, 'rls-field-text');
-    }, [
-        formControl?.focused,
-        formControl?.wrong,
-        formControl?.disabled,
-        disabled
-    ]);
+    }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
     return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputText, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 //# sourceMappingURL=FieldText.js.map

package/dist/esm/components/molecules/FieldText/FieldText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,KAA4B;IACvD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,YAAY,OAAK,KAAK,GAAI,GACvB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldText/FieldText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,KAA4B;IACvD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GACrE,KAAK,CAAC;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;YAC1C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACzB,EACD,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,YAAY,OAAK,KAAK,GAAI,GACvB,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -4,6 +4,7 @@
   --pvt-component-max-height: 75%;
   --pvt-component-opacity: 0;
   --pvt-component-visibility: hidden;
+  --pvt-component-transition: 320ms;
   --pvt-backdrop-opacity: 0;
   --pvt-backdrop-bottom: initial;
   position: fixed;
@@ -39,9 +40,10 @@
   border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
   background: var(--rlc-bottom-sheet-background, var(--rls-app-color-050));
   transform: var(--pvt-component-transform);
-  transition: opacity 240ms 0ms var(--rls-deceleration-curve),
-    transform 240ms 0ms var(--rls-deceleration-curve),
-    visibility 240ms 0ms var(--rls-deceleration-curve);
+  transition: opacity var(--pvt-component-transition) 0ms
+      var(--rls-deceleration-curve),
+    transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
+    visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
 }
 .rls-bottom-sheet__component::before {
   display: block;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,gCACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,uBACA,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,gDAIJ,sCACE,kBACE","file":"BottomSheet.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.scss"],"names":[],"mappings":"AAOA,kBACE,4CACA,6BACA,gCACA,2BACA,mCACA,kCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,uBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,yCACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,WACA,WACA,iBACA,2CACA,sBACA,qCACA,2CACA,6BACA,kEACA,wEACA,yCACA,8OAOA,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,gDAIJ,sCACE,kBACE","file":"BottomSheet.css"}

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

@@ -11,7 +11,7 @@ import { useFieldAutocomplete } from './FieldAutocompleteController';
 import './FieldAutocomplete.css';
 export function RlsFieldAutocompleteTemplate(props) {
     const autocomplete = useFieldAutocomplete(props);
-    const { render, children, formControl, msgErrorDisabled, onSearch, placeholder, readOnly, rlsTheme, searching } = props;
+    const { render, children, formControl, msgErrorDisabled, onSearch, placeholder, rlsTheme, searching } = props;
     const [labels, setLabels] = useState({
         listEmptyDescription: reactI18n('listEmptyDescription'),
         listEmptyTitle: reactI18n('listEmptyTitle'),
@@ -34,7 +34,7 @@ export function RlsFieldAutocompleteTemplate(props) {
             focused: autocomplete.focused && !disabled,
             error: formControl?.wrong,
             disabled,
-            readonly: readOnly,
+            readonly: props.readOnly,
             selected: !!autocomplete.value
         }, `rls-field-list rls-field-autocomplete ${props.className ?? ''}`);
     }, [
@@ -42,8 +42,8 @@ export function RlsFieldAutocompleteTemplate(props) {
         autocomplete.value,
         autocomplete.focused,
         props.className,
-        disabled,
-        readOnly
+        props.readOnly,
+        disabled
     ]);
     const classNameList = useMemo(() => {
         return renderClassStatus('rls-field-list__suggestions', {
@@ -61,7 +61,7 @@ export function RlsFieldAutocompleteTemplate(props) {
         event.key === 'Enter' && onSearch && onSearch(autocomplete.pattern);
         autocomplete.onKeydownInput(event);
     }, [autocomplete.onKeydownInput, onSearch, autocomplete.pattern]);
-    return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !readOnly && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.refList, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.refInput, className: "rls-field-list__ul__control", type: "text", placeholder: labels.listInputPlaceholder, value: autocomplete.pattern, onChange: onChangePattern, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: onKeyDownPattern, disabled: disabled || searching }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: onClickPattern, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), autocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: autocomplete.onClickElement(element), onKeyDown: autocomplete.onKeydownElement(element), children: render(element) }, index))), !autocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: autocomplete.onClickBackdrop })] })] }));
+    return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !props.readOnly && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.refList, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.refInput, className: "rls-field-list__ul__control", type: "text", placeholder: labels.listInputPlaceholder, value: autocomplete.pattern, onChange: onChangePattern, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: onKeyDownPattern, disabled: disabled || searching }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: onClickPattern, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), autocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: autocomplete.onClickElement(element), onKeyDown: autocomplete.onKeydownElement(element), children: render(element) }, index))), !autocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: autocomplete.onClickBackdrop })] })] }));
 }
 export function RlsFieldAutocomplete(props) {
     const render = useCallback((element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);

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

@@ -1 +1 @@
-{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}

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

@@ -10,7 +10,7 @@ import { useFieldSelect } from './FieldSelectController';
 import './FieldSelect.css';
 export function RlsFieldSelectTemplate(props) {
     const select = useFieldSelect(props);
-    const { render, suggestions, children, formControl, msgErrorDisabled, placeholder, readOnly, rlsTheme, unremovable } = props;
+    const { render, suggestions, children, formControl, msgErrorDisabled, placeholder, rlsTheme, unremovable } = props;
     const [labels, setLabels] = useState({
         listEmptyDescription: reactI18n('listEmptyDescription'),
         listEmptyTitle: reactI18n('listEmptyTitle')
@@ -31,16 +31,22 @@ export function RlsFieldSelectTemplate(props) {
             focused: select.focused && !disabled,
             error: formControl?.wrong,
             disabled: disabled,
-            readonly: readOnly
+            readonly: props.readOnly
         }, `rls-field-list rls-field-select ${props.className ?? ''}`);
-    }, [formControl?.wrong, select.focused, props.className, disabled, readOnly]);
+    }, [
+        formControl?.wrong,
+        select.focused,
+        props.className,
+        props.readOnly,
+        disabled
+    ]);
     const classNameList = useMemo(() => {
         return renderClassStatus('rls-field-list__suggestions', {
             higher: select.higher,
             visible: select.modalIsVisible
         });
     }, [select.modalIsVisible, select.higher]);
-    return (_jsxs("div", { id: props.identifier, ref: select.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.refInput, className: "rls-field-list__control", readOnly: true, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput, disabled: disabled }), !readOnly && (_jsx("button", { className: 'rls-field-list__action', disabled: disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: select.refList, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: select.onClickElement(element), onKeyDown: select.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: select.onClickBackdrop })] })] }));
+    return (_jsxs("div", { id: props.identifier, ref: select.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.refInput, className: "rls-field-list__control", readOnly: true, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput, disabled: disabled }), !props.readOnly && (_jsx("button", { className: 'rls-field-list__action', disabled: disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: select.refList, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: select.onClickElement(element), onKeyDown: select.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: select.onClickBackdrop })] })] }));
 }
 export function RlsFieldSelect(props) {
     const render = useCallback((element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);

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

@@ -1 +1 @@
-{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}

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

@@ -3,6 +3,7 @@
   --pvt-component-height: 0rem;
   --pvt-component-opacity: 0;
   --pvt-component-visibility: hidden;
+  --pvt-component-transition: 160ms;
   --pvt-backdrop-opacity: 0;
   --pvt-backdrop-bottom: initial;
   position: fixed;
@@ -38,9 +39,10 @@
   border-radius: var(--rls-sizing-x4);
   background: var(--rlc-modal-background, var(--rls-app-color-050));
   transform: var(--pvt-component-transform);
-  transition: opacity 160ms 0ms var(--rls-deceleration-curve),
-    transform 160ms 0ms var(--rls-deceleration-curve),
-    visibility 160ms 0ms var(--rls-deceleration-curve);
+  transition: opacity var(--pvt-component-transition) 0ms
+      var(--rls-deceleration-curve),
+    transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
+    visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
 }
 .rls-modal__backdrop {
   position: absolute;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,aACA,wEACA,mCACA,8CACA,sBACA,qCACA,2CACA,6BACA,mCACA,iEACA,yCACA,gKAKF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,mCACA,kCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,aACA,wEACA,mCACA,8CACA,sBACA,qCACA,2CACA,6BACA,mCACA,iEACA,yCACA,8OAQF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}

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

@@ -10,6 +10,7 @@
   --pvt-component-border-radius: var(--rls-sizing-x4);
   --pvt-component-opacity: 0;
   --pvt-component-visibility: hidden;
+  --pvt-component-transition: 160ms;
   --pvt-backdrop-opacity: 0;
   --pvt-backdrop-bottom: initial;
   position: fixed;
@@ -46,9 +47,10 @@
   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);
+  transition: opacity var(--pvt-component-transition) 0ms
+      var(--rls-deceleration-curve),
+    transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),
+    visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);
 }
 .rls-modal-sheet__backdrop {
   position: absolute;
@@ -72,6 +74,7 @@
     --pvt-component-max-height: 75%;
     --pvt-component-border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4)
       0rem 0rem;
+    --pvt-component-transition: 320ms;
     align-items: initial;
   }
   .rls-modal-sheet--visible {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "18.25.4",
+  "version": "18.25.6",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",