fix(Select): inline prop showed the input two times

src/components/List/_list.scss

@@ -8,7 +8,6 @@
 @import '../../globals/scss/typography';
 @import '../../globals/scss/helper-mixins';
 @import '../../globals/scss/import-once';
-@import '../../globals/scss/css--reset';
 
 @include exports('list') {
   .#{$prefix}--list {

src/components/RadioButtonGroup/README.md

@@ -1,3 +1,29 @@
-## Use with React Final Form or Redux Form
+## Use with React Final Form (Redux form)
 
-Use a container with a .wfp--radio-button-group className instead
+Add `controlled={false}` to allow final-form to hand the state.
+
+```js
+<RadioButtonGroup
+  controlled={false}
+  labelText="Tracking frequency"
+  helperText="How often the position will be updated">
+  <Field
+    component={ReduxFormWrapper}
+    inputComponent={RadioButton}
+    id="radioButton-1"
+    name="radioButton"
+    value={5}
+    labelText="Radiobutton 1"
+    type="radio"
+  />
+  <Field
+    component={ReduxFormWrapper}
+    inputComponent={RadioButton}
+    id="radioButton-2"
+    name="radioButton"
+    value={10}
+    labelText="Radiobutton 2"
+    type="radio"
+  />
+</RadioButtonGroup>
+```

src/components/Select/Select.js

@@ -99,23 +99,9 @@ const Select = React.forwardRef(
       <div className={`${prefix}--form-item`}>
         <div className={selectClasses}>
           {labelTextComponent}
-          {!inline && helper}
-          {inline && (
-            <>
-              <div className={`${prefix}--select-input--inline__wrapper`}>
-                <div
-                  className={`${prefix}--select-input__wrapper`}
-                  data-invalid={invalid || null}>
-                  {input}
-                </div>
-                {error}
-              </div>
-              {helper}
-            </>
-          )}
+          {helper}
           {input}
-          {inline && helper}
-          {!inline && error}
+          {error}
         </div>
       </div>
     );

src/components/Story/_story.scss

@@ -101,6 +101,10 @@
       margin-top: $spacing-2xl;
     }
 
+    ul + h2 {
+      margin-top: $spacing-xl;
+    }
+
     p + h3 {
       margin-top: $spacing-2xl;
     }

src/documentation/Colours/_colours.scss

@@ -1,10 +1,12 @@
+$css--reset: false;
 @import '../../globals/scss/vars';
-@import '../../globals/scss/theme';
-@import '../../globals/scss/colors';
-@import '../../globals/scss/typography';
 @import '../../globals/scss/spacing';
 @import '../../globals/scss/helper-mixins';
+/*@import '../../globals/scss/theme';
+@import '../../globals/scss/colors';
+@import '../../globals/scss/typography';
 
+*/
 .color--list {
   display: flex;
   flex-wrap: wrap;

src/documentation/Credits-story.js

@@ -7,7 +7,7 @@ import Page from './Page';
 
 storiesOf('Design|Getting started', module)
   .addParameters({ options: { showPanel: false, isToolshown: false } })
-  .add('Credits', () => (
+  .add('Credits & Development', () => (
     <Page
       title="Credits & License"
       subTitle="Introduction to the new WFP UI Kit">
@@ -45,5 +45,30 @@ storiesOf('Design|Getting started', module)
           </Link>
         </li>
       </ul>
+      <h2>Contributing</h2>
+      <p>
+        Development is made on a GitHub repository. Feel free create an Issue or
+        submit a pull request.{' '}
+        <Link href="https://github.com/wfp/ui" target="_blank">
+          Project on GitHub
+        </Link>
+      </p>
+      <br />
+      <iframe
+        title="GitHub Like"
+        src="https://ghbtns.com/github-btn.html?user=wfp&repo=ui&type=star&count=true&size=large"
+        frameBorder="0"
+        scrolling="0"
+        width="160px"
+        height="30px"
+      />
+      <h3>NPM</h3>
+      <p>
+        npm is a package manager for the JavaScript programming language. All
+        versions of the UI Kit will be published there.{' '}
+        <Link href="https://www.npmjs.com/package/@wfp/ui" target="_blank">
+          View package on npm
+        </Link>
+      </p>
     </Page>
   ));