inputFocus => inputFocused, itemHighlight => itemHighlighted

moroshko · Feb 21, 2017 · da7f95d · da7f95d
1 parent 1459ec3
commit da7f95d
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/demo/src/components/App/components/Example11/Example11.js b/demo/src/components/App/components/Example11/Example11.js
@@ -24,7 +24,7 @@ const theme = {
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0
   },
-  inputFocus: {
+  inputFocused: {
     outline: 'none'
   },
   itemsContainer: {
@@ -54,7 +54,7 @@ const theme = {
     cursor: 'pointer',
     padding: '10px 20px'
   },
-  itemHighlight: {
+  itemHighlighted: {
     backgroundColor: '#ddd'
   }
 };

diff --git a/demo/src/components/App/components/theme.less b/demo/src/components/App/components/theme.less
@@ -21,7 +21,7 @@
   border-bottom-right-radius: 0;
 }
 
-.inputFocus {
+.inputFocused {
   outline: none;
 }
 
@@ -56,7 +56,7 @@
   padding: 10px 20px;
 }
 
-.itemHighlight {
+.itemHighlighted {
   background-color: #ddd;
 }
 

diff --git a/demo/standalone/app.css b/demo/standalone/app.css
@@ -14,7 +14,7 @@
   -webkit-appearance: none;
 }
 
-.react-autowhatever__input--focus {
+.react-autowhatever__input--focused {
   outline: none;
 }
 
@@ -57,6 +57,6 @@
   padding: 10px 20px;
 }
 
-.react-autowhatever__item--highlight {
+.react-autowhatever__item--highlighted {
   background-color: #ddd;
 }
diff --git a/src/Autowhatever.js b/src/Autowhatever.js
@@ -14,12 +14,12 @@ const defaultTheme = {
   containerOpen: 'react-autowhatever__container--open',
   input: 'react-autowhatever__input',
   inputOpen: 'react-autowhatever__input--open',
-  inputFocus: 'react-autowhatever__input--focus',
+  inputFocused: 'react-autowhatever__input--focused',
   itemsContainer: 'react-autowhatever__items-container',
   itemsContainerOpen: 'react-autowhatever__items-container--open',
   itemsList: 'react-autowhatever__items-list',
   item: 'react-autowhatever__item',
-  itemHighlight: 'react-autowhatever__item--highlight',
+  itemHighlighted: 'react-autowhatever__item--highlighted',
   sectionContainer: 'react-autowhatever__section-container',
   sectionContainerFirst: 'react-autowhatever__section-container--first',
   sectionTitle: 'react-autowhatever__section-title'
@@ -329,7 +329,7 @@ export default class Autowhatever extends Component {
         `react-autowhatever-${id}-input`,
         'input',
         isOpen && 'inputOpen',
-        isInputFocused && 'inputFocus'
+        isInputFocused && 'inputFocused'
       ),
       ...this.props.inputProps,
       onFocus: this.onFocus,

diff --git a/src/ItemsList.js b/src/ItemsList.js
@@ -48,7 +48,7 @@ export default class ItemsList extends Component {
             const itemPropsObj = isItemPropsFunction ? itemProps({ sectionIndex, itemIndex }) : itemProps;
             const allItemProps = {
               id: getItemId(sectionIndex, itemIndex),
-              ...theme(itemKey, 'item', isHighlighted && 'itemHighlight'),
+              ...theme(itemKey, 'item', isHighlighted && 'itemHighlighted'),
               ...itemPropsObj
             };