@rolster/react-components 18.25.6 → 18.25.10

package/dist/cjs/assets/{index-C4vQ44JP.css → index-DG6-q1c1.css}

@@ -219,8 +219,8 @@
   --pvt-raised-background: var(--rls-theme-color-500);
   --pvt-raised-font-color: var(--rls-theme-color-050);
   --pvt-raised-border: none;
-  --pvt-flat-background: var(--rls-theme-color-200);
-  --pvt-flat-font-color: var(--rls-theme-color-700);
+  --pvt-flat-background: var(--rls-theme-color-100);
+  --pvt-flat-font-color: var(--rls-theme-color-600);
   --pvt-flat-border: none;
   --pvt-stroked-background: transparent;
   --pvt-stroked-font-color: var(--rls-theme-color-500);
@@ -372,8 +372,8 @@
   line-height: initial;
   width: auto;
   font-size: var(--rls-button-font-size);
-  font-weight: var(--rls-font-weight-bold);
   letter-spacing: var(--rls-button-letter-spacing);
+  font-weight: var(--rlc-button-font-weight, var(--rls-font-weight-bold));
   text-transform: var(--rlc-button-label-text-transform, uppercase);
   text-overflow: ellipsis;
   overflow: hidden;
@@ -515,7 +515,7 @@
   transition: all 160ms 0ms var(--rls-standard-curve);
 }
 .rls-checkbox:hover {
-  cursor: pointer;
+  cursor: var(--rlc-checkbox-cursor, initial);
 }
 .rls-checkbox--checked {
   --pvt-component-background: var(--rls-theme-color-200);
@@ -669,17 +669,17 @@
   letter-spacing: var(--pvt-letter-spacing);
 } /*# sourceMappingURL=Input.css.map */
 
-.rls-input-double {
+.rls-input-decimal {
   --rlc-tabular-text-font-size: var(--rls-input-font-size);
   --rlc-tabular-text-char-width: 5.25rem;
   position: relative;
   width: 100%;
   box-sizing: border-box;
 }
-.rls-input-double .rls-amount {
+.rls-input-decimal .rls-amount {
   height: inherit;
   align-items: center;
-} /*# sourceMappingURL=InputDouble.css.map */
+} /*# sourceMappingURL=InputDecimal.css.map */
 
 .rls-input-money {
   --rlc-tabular-text-font-size: var(--rls-input-font-size);
@@ -961,7 +961,7 @@
   transition: all 160ms 0ms var(--rls-standard-curve);
 }
 .rls-radiobutton:hover {
-  cursor: pointer;
+  cursor: var(--rlc-radiobutton-cursor, initial);
 }
 .rls-radiobutton--checked {
   --pvt-component-background: var(--rls-theme-color-200);
@@ -1021,7 +1021,7 @@
   max-width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
 }
 .rls-switch:hover {
-  cursor: pointer;
+  cursor: var(--rlc-switch-cursor, initial);
 }
 .rls-switch--checked {
   --pvt-element-left: calc(100% - var(--pvt-element-size));
@@ -1266,12 +1266,12 @@
   color: var(--rls-app-color-900);
 } /*# sourceMappingURL=ButtonToggle.css.map */
 
-.rls-field-double {
+.rls-field-decimal {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
   position: relative;
   width: 100%;
   box-sizing: border-box;
-} /*# sourceMappingURL=FieldDouble.css.map */
+} /*# sourceMappingURL=FieldDecimal.css.map */
 
 .rls-field-money {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -1333,6 +1333,7 @@
 } /*# sourceMappingURL=FieldText.css.map */
 
 .rls-label-checkbox {
+  --rlc-switch-cursor: pointer;
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
@@ -1375,6 +1376,7 @@
 } /*# sourceMappingURL=LabelCheckBox.css.map */
 
 .rls-label-radiobutton {
+  --rlc-switch-cursor: pointer;
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
@@ -1417,6 +1419,7 @@
 } /*# sourceMappingURL=LabelRadioButton.css.map */
 
 .rls-label-switch {
+  --rlc-switch-cursor: pointer;
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;

package/dist/cjs/index.js

@@ -1518,19 +1518,19 @@ function RlsInput({ children, decimals, disabled, formControl, identifier, onBlu
     return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, children: [jsxRuntimeExports.jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus: _onFocus, onBlur: _onBlur, onChange: _onChange, onKeyDown: _onKeyDown, onKeyUp: _onKeyUp, value: valueInput }), jsxRuntimeExports.jsx("span", { className: "rls-input__value", children: children })] }));
 }
 
-function RlsInputDouble(props) {
+function RlsInputDecimal(props) {
     const { decimals, formControl, identifier, onValue, symbol, value } = props;
-    const [valueInput, setValueInput] = require$$0.useState((formControl?.value ?? value ?? commons.Double.zero()).fixed);
+    const [valueInput, setValueInput] = require$$0.useState((formControl?.value ?? value ?? commons.BigDecimal.zero()).rounded);
     const amount = require$$0.useMemo(() => {
-        return formControl?.value?.fixed ?? valueInput;
+        return formControl?.value?.rounded ?? valueInput;
     }, [formControl?.value, valueInput]);
     const onValueInput = require$$0.useCallback((value) => {
-        const valueDouble = commons.Double.create(value);
-        formControl ? formControl.setValue(valueDouble) : setValueInput(value);
-        onValue && onValue(valueDouble);
+        const valueDecimal = commons.BigDecimal.create(value);
+        formControl ? formControl.setValue(valueDecimal) : setValueInput(value);
+        onValue && onValue(valueDecimal);
     }, [formControl, onValue]);
     const doubleProps = { ...props, formControl: undefined };
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-double", children: jsxRuntimeExports.jsx(RlsInput, { ...doubleProps, type: "number", value: valueInput, onValue: onValueInput, children: jsxRuntimeExports.jsx(RlsAmount, { value: amount, symbol: symbol, decimals: decimals }) }) }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-decimal", children: jsxRuntimeExports.jsx(RlsInput, { ...doubleProps, type: "number", value: valueInput, onValue: onValueInput, children: jsxRuntimeExports.jsx(RlsAmount, { value: amount, symbol: symbol, decimals: decimals }) }) }));
 }
 
 function RlsInputMoney(props) {
@@ -1839,7 +1839,7 @@ function RlsMessageFormError({ className, formControl }) {
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: formControl?.wrong && (jsxRuntimeExports.jsx("div", { className: className, children: jsxRuntimeExports.jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: msgError }) })) }));
 }
 
-function RlsFieldDouble(props) {
+function RlsFieldDecimal(props) {
     const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
     const disabled = require$$0.useMemo(() => {
         return formControl?.disabled || props.disabled;
@@ -1850,9 +1850,9 @@ function RlsFieldDouble(props) {
             error: formControl?.wrong,
             disabled,
             readonly: props.readOnly
-        }, 'rls-field-double');
+        }, 'rls-field-decimal');
     }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("span", { 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(RlsInputDouble, { ...props }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("span", { 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(RlsInputDecimal, { ...props }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 
 function RlsFieldMoney(props) {
@@ -2475,7 +2475,7 @@ const reactI18n = i18n.i18n({
     }
 });
 
-class ConfirmationResult extends commons.PartialSealed {
+class ConfirmationResult extends commons.SealedPartial {
     static approved() {
         return new ConfirmationResult('approved');
     }
@@ -3889,7 +3889,7 @@ exports.RlsFieldAutocomplete = RlsFieldAutocomplete;
 exports.RlsFieldAutocompleteTemplate = RlsFieldAutocompleteTemplate;
 exports.RlsFieldDate = RlsFieldDate;
 exports.RlsFieldDateRange = RlsFieldDateRange;
-exports.RlsFieldDouble = RlsFieldDouble;
+exports.RlsFieldDecimal = RlsFieldDecimal;
 exports.RlsFieldMoney = RlsFieldMoney;
 exports.RlsFieldNumber = RlsFieldNumber;
 exports.RlsFieldPassword = RlsFieldPassword;
@@ -3904,7 +3904,7 @@ exports.RlsImage = RlsImage;
 exports.RlsImageChooser = RlsImageChooser;
 exports.RlsImageEditor = RlsImageEditor;
 exports.RlsInput = RlsInput;
-exports.RlsInputDouble = RlsInputDouble;
+exports.RlsInputDecimal = RlsInputDecimal;
 exports.RlsInputMoney = RlsInputMoney;
 exports.RlsInputNumber = RlsInputNumber;
 exports.RlsInputPassword = RlsInputPassword;