0.1.9

americanpanorama · Apr 15, 2016 · 8c08145 · 8c08145
1 parent 66e3b0b
commit 8c08145
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 8 deletions.
diff --git a/dist/components.js b/dist/components.js
diff --git a/dist/components.js.map b/dist/components.js.map
diff --git a/dist/components.min.js b/dist/components.min.js
diff --git a/dist/components.min.js.map b/dist/components.min.js.map
diff --git a/examples/data/itemSelector.json b/examples/data/itemSelector.json
@@ -45,7 +45,8 @@
   },
   {
     "id": 12,
-    "name": "Chesapeake and Delaware"
+    "name": "Chesapeake and Delaware",
+    "className": "deemphasize"
   },
   {
     "id": 13,

diff --git a/examples/index.scss b/examples/index.scss
@@ -86,4 +86,8 @@ h2:first-of-type {
   .textural-list--item + .textural-list--item {
     margin-top: 20px;
   }
+}
+
+.deemphasize {
+  color: #999;
 }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@panorama/toolkit",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Panorama visualization toolkit",
   "main": "dist/components.min.js",
   "scripts": {

diff --git a/src/ItemSelector/ItemSelector.jsx b/src/ItemSelector/ItemSelector.jsx
@@ -182,7 +182,7 @@ export default class ItemSelector extends React.Component {
 
             return (
               <li
-                className = { 'item' + (isSelected ? ' selected' : '') }
+                className = { 'item' + (isSelected ? ' selected' : '') + (item.className ? ' ' + item.className : '') }
                 data-index = { i }
                 key = { i }
                 onClick = { this.onItemClick }

diff --git a/src/ItemSelector/README.md b/src/ItemSelector/README.md
@@ -21,7 +21,8 @@ let items = [
   },
   {
     "id": 3,
-    "name": "Bald Eagle and Spring Creek Navigation"
+    "name": "Bald Eagle and Spring Creek Navigation",
+    "className": "deemphasize"
   }
 ];