⚗ Update theme file-extension set -5

Table, Toggle, Tooltip

Author: KRRISH96

lib/table/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';
 
 class Table extends React.Component {
   state = {
@@ -55,15 +55,15 @@ class Table extends React.Component {
         <span
           className={
             (isCurrentKey && this.state[`${key}Ascending`])
-              ? 'sortedAscending'
+              ? theme.sortedAscending
               : null
           }
           onClick={() => this.sortAscending(key)}
         />
         <span
           className={
             (isCurrentKey && this.state[`${key}Descending`])
-              ? 'sortedDescending'
+              ? theme.sortedDescending
               : null
           }
           onClick={() => this.sortDescending(key)}

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cx 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 Toggle = ({
   label,
@@ -28,7 +28,6 @@ const Toggle = ({
         onClick={() => onClick(label, value)}
         {...props}
       />
-      <span className="toggle-item" />
     </label>
   );
 };

lib/toggle/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { themr } from 'react-css-themr';
 import classnames from 'classnames';
-import defaultTheme from './theme.scss';
+import defaultTheme from './theme.module.scss';
 
 class Tooltip extends React.Component {
   state = { tooltipActive: false };
@@ -43,7 +43,7 @@ class Tooltip extends React.Component {
         {
           this.state.tooltipActive && (
             <div className={theme.tip} id="tip">
-              <div className={classnames(theme.tooltipContent, { top })}>
+              <div className={classnames(theme.tooltipContent, { [theme.top]: top })}>
                 {tooltipText}
               </div>
             </div>