release: 9.0.0

Author: mako3577

app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-react-ui-kit-demo",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "main": "index.js",
   "repository": {
     "type": "git",

app/src/free/components/Modal/Modal.tsx

@@ -68,12 +68,10 @@ const MDBModal = ({
     'modal',
     staticModalAnimation && 'modal-static',
     animationDirection,
-    'fade',
-    isOpen && 'show',
     isOpen && nonInvasive && 'modal-non-invasive-show',
     className
   );
-  const backdropClasses = clsx('modal-backdrop', 'fade', isOpen && 'show');
+  const backdropClasses = clsx('modal-backdrop');
 
   const closeModal = useCallback(() => {
     setIsOpenState(false);

app/src/free/forms/Input/Input.tsx

@@ -59,10 +59,13 @@ const MDBInput: React.FC<InputProps> = React.forwardRef<HTMLInputElement, InputP
     useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);
 
     const wrapperClasses = clsx('form-outline', contrast && 'form-white', wrapperClass);
+    const typesWithPlaceholder = ['date', 'time', 'datetime-local', 'month', 'week'];
+    const isTypeWithPlaceholder = typesWithPlaceholder.includes(type as string);
+
     const inputClasses = clsx(
       'form-control',
       active && 'active',
-      type === 'date' && 'active',
+      isTypeWithPlaceholder && 'active',
       size && `form-control-${size}`,
       className
     );

dist/css/mdb.dark.min.css

@@ -124,3 +124,38 @@
     }
   }
 }
+
+INPUT,
+SELECT,
+TEXTAREA {
+  &:-webkit-autofill {
+    animation-name: onautofillstart;
+
+    -webkit-background-clip: text;
+    box-shadow: inset 0 0 20px 20px white;
+    -webkit-box-shadow: 0 0 20px 20px white inset !important;
+
+    &:hover,
+    &:focus,
+    &:active {
+      animation-name: onautofillstart;
+
+      -webkit-background-clip: text;
+      box-shadow: inset 0 0 20px 20px white;
+      -webkit-box-shadow: 0 0 20px 20px white inset !important;
+    }
+  }
+
+  &:not(:-webkit-autofill) {
+    animation-name: onautofillcancel;
+  }
+}
+
+@keyframes onautofillstart {
+  from {
+  }
+}
+@keyframes onautofillcancel {
+  from {
+  }
+}

dist/css/mdb.dark.min.css.map

@@ -1,6 +1,6 @@
 {
   "name": "mdb-react-ui-kit",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "main": "./dist/mdb-react-ui-kit.cjs",
   "module": "./dist/mdb-react-ui-kit.esm.js",
   "types": "./dist/types/index-free.d.ts",