allaw-ui 2.7.1 → 2.7.3

package/dist/components/atoms/buttons/ActionButton.module.css

@@ -4,7 +4,7 @@
   justify-content: center;
   align-items: center;
   gap: 10px;
-  border-radius: 12px;
+  border-radius: 10px;
   font-family: "Open Sans", sans-serif;
   font-size: 14px;
   font-style: normal;
@@ -24,17 +24,17 @@
 }
 
 .actionButtonEnabled {
-  background: #1985e8;
+  background: #14aedc;
   color: var(--pure-white, #fff);
 }
 
 .actionButtonEnabled:hover {
-  background: #1a92ff;
+  background: #0fa2cf;
 }
 
 .actionButtonEnabled:active {
-  background: #1578d0;
-  /* opacity: 0.8; */
+  background: #0c89b4;
+  /* opacity: 0.85; */
 }
 
 .actionButtonDisabled {

package/dist/components/atoms/inputs/Input.css

@@ -28,6 +28,11 @@
   padding-left: 4px;
 }
 
+/* Style pour désactiver le zoom sur mobile */
+.Input-no-zoom {
+  font-size: 16px;
+}
+
 /* Style default */
 .Input-default {
   display: flex;

package/dist/components/atoms/inputs/Input.d.ts

@@ -20,6 +20,7 @@ export interface InputProps {
     onKeyDown?: any;
     color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white" | "grey-venom" | "venom-grey-dark";
     variant?: "bold" | "semiBold" | "medium";
+    disableZoom?: boolean;
 }
 export interface InputRef {
     validate: () => boolean;

package/dist/components/atoms/inputs/Input.js

@@ -6,11 +6,11 @@ import { commonRegex } from "../../../utils/regex";
 import TinyInfo from "../typography/TinyInfo";
 import Paragraph from "../typography/Paragraph";
 var Input = forwardRef(function (_a, ref) {
-    var title = _a.title, _b = _a.style, style = _b === void 0 ? "default" : _b, rowChange = _a.rowChange, placeholder = _a.placeholder, endIcon = _a.endIcon, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, validate = _a.validate, onError = _a.onError, onChange = _a.onChange, propValue = _a.value, _d = _a.type, type = _d === void 0 ? "text" : _d, propError = _a.error, _e = _a.color, color = _e === void 0 ? "noir" : _e, _f = _a.variant, variant = _f === void 0 ? "medium" : _f, onKeyDown = _a.onKeyDown, name = _a.name;
-    var _g = useState(false), isPasswordVisible = _g[0], setIsPasswordVisible = _g[1];
-    var _h = useState(propValue || ""), value = _h[0], setValue = _h[1];
-    var _j = useState(propError || ""), error = _j[0], setError = _j[1];
-    var _k = useState(false), isTouched = _k[0], setIsTouched = _k[1];
+    var title = _a.title, _b = _a.style, style = _b === void 0 ? "default" : _b, rowChange = _a.rowChange, placeholder = _a.placeholder, endIcon = _a.endIcon, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, validate = _a.validate, onError = _a.onError, onChange = _a.onChange, propValue = _a.value, _d = _a.type, type = _d === void 0 ? "text" : _d, propError = _a.error, _e = _a.color, color = _e === void 0 ? "noir" : _e, _f = _a.variant, variant = _f === void 0 ? "medium" : _f, onKeyDown = _a.onKeyDown, name = _a.name, _g = _a.disableZoom, disableZoom = _g === void 0 ? false : _g;
+    var _h = useState(false), isPasswordVisible = _h[0], setIsPasswordVisible = _h[1];
+    var _j = useState(propValue || ""), value = _j[0], setValue = _j[1];
+    var _k = useState(propError || ""), error = _k[0], setError = _k[1];
+    var _l = useState(false), isTouched = _l[0], setIsTouched = _l[1];
     var inputRef = useRef(null);
     useEffect(function () {
         setValue(propValue || "");
@@ -82,7 +82,7 @@ var Input = forwardRef(function (_a, ref) {
         React.createElement("div", { className: "Input-wrapper" },
             React.createElement("div", { className: "Input-container" },
                 React.createElement("div", { className: "Input-input" },
-                    React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : type, placeholder: placeholder, className: "Input-placeholder", value: value, onChange: function (e) {
+                    React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : type, placeholder: placeholder, className: "Input-placeholder ".concat(disableZoom ? "Input-no-zoom" : ""), value: value, onChange: function (e) {
                             handleChange(e);
                             rowChange && rowChange(e);
                         }, name: name, onKeyDown: onKeyDown, onBlur: handleBlur })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "2.7.1",
+  "version": "2.7.3",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",