@rolster/react-components 19.0.3 → 19.1.0

package/dist/cjs/assets/{index--qtFLq_w.css → index-C2Gi7f6R.css}

@@ -2154,7 +2154,7 @@
 .rls-tabs {
   --pvt-background: var(--rls-app-color-100);
   --pvt-border: var(--rls-app-border-1-200);
-  --pvt-children-font-color: var(--rls-app-color-700);
+  --pvt-children-font-color: var(--rls-app-color-800);
   display: flex;
   background: var(--pvt-background);
   padding: var(--rls-sizing-x2);
@@ -2176,7 +2176,7 @@
 }
 .rls-tabs__children--active {
   color: var(--pvt-children-font-color);
-  font-weight: var(--rls-font-weight-semibold);
+  font-weight: var(--rls-font-weight-bold);
   background: var(--rls-app-color-050);
 }
 .rls-tabs__children--disabled {
@@ -3095,6 +3095,10 @@
 } /*# sourceMappingURL=FieldSelect.css.map */
 
 .rls-form-navigation {
+  --rlc-field-box-body-background: var(
+    --rlc-form-navigation-field-box-background,
+    var(--rls-app-color-050)
+  );
   --pvt-component-transition: 160ms;
   position: fixed;
   display: flex;

package/dist/cjs/index.js

@@ -1549,7 +1549,7 @@ function RlsTab({ onSelect, tab, value }) {
             active: tab.value === value,
             disabled: tab.disabled
         });
-    }, [value, tab.disabled]);
+    }, [tab, value]);
     const onClick = require$$0.useCallback(() => {
         !tab.disabled && onSelect(tab.value);
     }, [tab.disabled]);
@@ -1829,14 +1829,14 @@ function useListController(props) {
             : state;
         refreshState((state) => ({ ...state, ..._state }));
     }, [count]);
-    const setFormValue = require$$0.useCallback((element, initialValue = false) => {
+    const setFormValue = require$$0.useCallback((element, valueIsDefault = false) => {
         refreshState((state) => ({
             ...state,
             value: element?.description || ''
         }));
         changeValueInternal.current = true;
-        initialValue
-            ? formControl?.setInitialValue(element?.value)
+        valueIsDefault
+            ? formControl?.setDefaultValue(element?.value)
             : formControl?.setValue(element?.value);
     }, [formControl]);
     const navigationInput = require$$0.useCallback((event) => {
@@ -3248,15 +3248,15 @@ function RlsApplication({ children }) {
     const { RlsSnackbar, snackbar } = useSnackbar();
     const [navbarInApp, setNavbarInApp] = require$$0.useState(false);
     const [navbarIsCondense, setNavbarIsCondense] = require$$0.useState(false);
-    const [mobileApp, setIsMobile] = require$$0.useState(false);
+    const [appIsMobile, setIsMobile] = require$$0.useState(false);
     const className = require$$0.useMemo(() => {
         return renderClassStatus('rls-app__body', {
-            mobile: mobileApp,
+            mobile: appIsMobile,
             'navbar-snackbar': navbarInApp,
             'navbar-condense': navbarIsCondense
         });
-    }, [mobileApp, navbarInApp, navbarIsCondense]);
-    return (jsxRuntimeExports.jsxs(RlsContext.Provider, { value: {
+    }, [appIsMobile, navbarInApp, navbarIsCondense]);
+    return (jsxRuntimeExports.jsxs(RlsContext, { value: {
             confirmation,
             snackbar,
             setIsMobile,