@rolster/react-components 18.21.12 → 18.21.13

package/dist/cjs/assets/{index-D8hnIXk1.css → index-CHcPPR4U.css}

@@ -1116,6 +1116,14 @@
   z-index: 2;
 }
 
+.rls-field-readonly {
+  --rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
+  --pvt-component-font-color: transparent;
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .rls-field-text {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
   position: relative;

package/dist/cjs/index.js

@@ -1808,6 +1808,10 @@ function RlsFieldPassword({ children, disabled, formControl, identifier, msgErro
     return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsxs("div", { className: "rls-field-box__body", children: [jsxRuntimeExports.jsx(RlsInputPassword, { formControl: formControl, disabled: disabled, readOnly: readOnly, placeholder: placeholder, type: password ? 'password' : 'text' }), jsxRuntimeExports.jsx(RlsButtonAction, { icon: password ? 'eye' : 'eye-off', onClick: onToggleInput })] }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 
+function RlsFieldReadonly({ children, identifier, rlsTheme, value }) {
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: "rls-field-readonly rls-field-box", "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx("input", { className: "rls-input__component", autoComplete: "off", type: 'text', readOnly: true, value: value }) }) })] }));
+}
+
 function RlsFieldText({ children, disabled, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value }) {
     const className = require$$0.useMemo(() => {
         const _disabled = formControl?.disabled || disabled;
@@ -3158,6 +3162,7 @@ exports.RlsFieldDateRange = RlsFieldDateRange;
 exports.RlsFieldMoney = RlsFieldMoney;
 exports.RlsFieldNumber = RlsFieldNumber;
 exports.RlsFieldPassword = RlsFieldPassword;
+exports.RlsFieldReadonly = RlsFieldReadonly;
 exports.RlsFieldSelect = RlsFieldSelect;
 exports.RlsFieldSelectTemplate = RlsFieldSelectTemplate;
 exports.RlsFieldText = RlsFieldText;