Adding more colours to the examples

JedWatson · Feb 2, 2018 · 692fe67 · 692fe67
1 parent a15757c
commit 692fe67
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/examples/data.js b/examples/data.js
@@ -1,10 +1,14 @@
 export const colourOptions = [
-  { value: 'red', label: 'Red', color: '#FF5630' },
-  { value: 'purple', label: 'Purple', color: '#6554C0' },
+  { value: 'ocean', label: 'Ocean', color: '#00B8D9' },
   { value: 'blue', label: 'Blue', color: '#0052CC', disabled: true },
+  { value: 'purple', label: 'Purple', color: '#5243AA' },
+  { value: 'red', label: 'Red', color: '#FF5630' },
+  { value: 'ochre', label: 'Ochre', color: '#FF8B00' },
+  { value: 'yellow', label: 'Yellow', color: '#FFC400' },
   { value: 'green', label: 'Green', color: '#36B37E' },
-  { value: 'yellow', label: 'Yellow', color: '#FFAB00' },
-  { value: 'grey', label: 'Grey', color: '#666666' },
+  { value: 'forest', label: 'Forest', color: '#00875A' },
+  { value: 'slate', label: 'Slate', color: '#253858' },
+  { value: 'silver', label: 'Silver', color: '#666666' },
 ];
 
 export const flavourOptions = [

diff --git a/examples/pages/Styled.js b/examples/pages/Styled.js
@@ -98,7 +98,7 @@ export default class StyledApp extends Component<*, State> {
         <h4>Single Select</h4>
         <SelectWithValue
           autoFocus
-          defaultValue={colourOptions[4]}
+          defaultValue={colourOptions[2]}
           label="Single select"
           options={colourOptions}
           styles={colourStylesSingle}
@@ -107,7 +107,7 @@ export default class StyledApp extends Component<*, State> {
         <h4>Multi Select</h4>
         <SelectWithValue
           closeMenuOnSelect={false}
-          defaultValue={[colourOptions[2], colourOptions[3]]}
+          defaultValue={[colourOptions[0], colourOptions[1]]}
           isMulti
           options={colourOptions}
           styles={colourStylesMulti}