⚗ Update textInput theme to .module.scss extension

Author: KRRISH96

lib/textInput/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { themr } from 'react-css-themr';
 import PropTypes from 'prop-types';
-import defaultTheme from './theme.scss';
+import defaultTheme from './theme.module.scss';
 
 const TextInput = ({
   additionalClasses,
@@ -12,7 +12,7 @@ const TextInput = ({
 }) => {
   const wrapperClasses = classnames(theme.inputWrapper, additionalClasses);
   const innerWrapperProps = {
-    className: 'innerWrapper',
+    className: `${theme.inputInnerWrapper} inputInnerWrapper`,
   };
   const inputElementProps = {
     ...others,
@@ -24,7 +24,7 @@ const TextInput = ({
       {React.createElement(
         'div', innerWrapperProps,
         React.createElement('input', inputElementProps),
-        React.createElement('span', { className: 'input-focus' }),
+        React.createElement('span', { className: `${theme['input-focus']} input-focus` }),
       )}
     </div>
   );

lib/textInput/theme.scss renamed to lib/textInput/theme.module.scss

@@ -2,7 +2,7 @@
 
 :local(.inputWrapper) {
   padding: 5px;
-  .innerWrapper {
+  .inputInnerWrapper {
     position: relative;
   }
 }