@rolster/react-components 18.21.38 → 18.21.40

package/dist/cjs/assets/{index-BOTPEkpW.css → index-tVbk8WZ0.css}

@@ -3,7 +3,7 @@
     --rlc-tabular-text-font-size,
     var(--rls-body-font-size)
   );
-  --pvt-char-height: calc(var(--pvt-char-font-size) + 1rem);
+  --pvt-char-height: var(--pvt-char-font-size);
   --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
   --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
   display: flex;
@@ -46,8 +46,8 @@
   justify-content: var(--rlc-amount-text-align, flex-start);
 }
 .rls-amount__decimal {
-  --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.55);
-  --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.75);
+  --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.5);
+  --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.6);
   align-self: flex-end;
 } /*# sourceMappingURL=Amount.css.map */
 
@@ -553,18 +553,19 @@
   background: var(--rls-theme-color-700);
   color: var(--rls-app-color-050);
 }
+.rls-input__component:read-only {
+  pointer-events: none;
+}
 .rls-input__component:disabled {
   opacity: 0.5;
 }
 .rls-input__value {
   position: absolute;
-  display: flex;
   top: 0rem;
   left: 0rem;
   width: 100%;
   height: var(--pvt-height);
   line-height: var(--pvt-height);
-  align-items: center;
   background: rgba(0, 0, 0, 0);
   pointer-events: none;
   overflow: hidden;

package/dist/cjs/index.js

@@ -1569,7 +1569,7 @@ function RlsInput({ children, decimals, disabled, formControl, identifier, onEnt
     const _onChange = require$$0.useCallback((event) => {
         const valueInput = event.target.value;
         const value = type === 'number'
-            ? commons.floorDecimals(+valueInput, decimals || 0)
+            ? parseFloat((+valueInput).toFixed(decimals))
             : valueInput;
         isChangeInternal.current = true;
         onValue && onValue(value);