Merge branch 'neolution-ch:main' into main

Author: Michele-Masciave

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [3.17.0] - 2026-02-09
+
+### Fixed
+
+- padding on `textFieldBootstrapStyle` in order to override MUI padding on `StaticTypeahead`, `AsyncTypeahead`, `ColorPickerInput` and `TelephoneNumberInput`.
+
 ## [3.16.0] - 2026-02-05
 
 ### Added
@@ -697,7 +703,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Created package :tada:
 
-[unreleased]: https://github.com/neolution-ch/react-hook-form-components/compare/3.16.0...HEAD
+[unreleased]: https://github.com/neolution-ch/react-hook-form-components/compare/3.17.0...HEAD
 [0.1.2]: https://github.com/neolution-ch/react-hook-form-components/compare/0.1.1...0.1.2
 [0.1.1]: https://github.com/neolution-ch/react-hook-form-components/compare/0.1.0...0.1.1
 [0.1.0]: https://github.com/neolution-ch/react-hook-form-components/releases/tag/0.1.0
@@ -722,6 +728,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [0.4.0]: https://github.com/neolution-ch/react-hook-form-components/compare/0.3.0...0.4.0
 [0.3.0]: https://github.com/neolution-ch/react-hook-form-components/compare/0.2.0...0.3.0
 [0.2.0]: https://github.com/neolution-ch/react-hook-form-components/releases/tag/0.2.0
+[3.17.0]: https://github.com/neolution-ch/react-hook-form-components/compare/3.16.0...3.17.0
 [3.16.0]: https://github.com/neolution-ch/react-hook-form-components/compare/3.15.1...3.16.0
 [3.15.1]: https://github.com/neolution-ch/react-hook-form-components/compare/3.15.0...3.15.1
 [3.15.0]: https://github.com/neolution-ch/react-hook-form-components/compare/3.14.0...3.15.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neolution-ch/react-hook-form-components",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "description": "a collection of react hook form components to reduce boilerplate and figuring out how to integrate react hook form with other libraries",
   "homepage": "https://neolution-ch.github.io/react-hook-form-components",
   "repository": {

src/lib/helpers/mui.ts

@@ -10,6 +10,17 @@ const textFieldBootstrapStyle: SxProps = {
     padding: "0px 12px",
     borderColor: "#E0E3E7",
     transition: "border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out",
+
+    // override padding for mui inputs to match bootstrap's default input padding
+    "& .MuiInputBase-input": {
+      padding: "0px 12px",
+    },
+
+    // override default padding when text-field is wrapped by autocomplete
+    ".MuiAutocomplete-root &": {
+      padding: "0px 12px",
+    },
+
     "&.Mui-focused": {
       borderColor: "#80bdff",
       boxShadow: "0 0 0 0.2rem rgba(0,123,255,.25)",
@@ -42,7 +53,7 @@ const textFieldBootstrapStyle: SxProps = {
   "& fieldset": {
     border: "none",
   },
-  "& .MuiFormHelperText-root ": {
+  "& .MuiFormHelperText-root": {
     marginLeft: "0.2rem",
     marginTop: "0.3rem",
   },