-
@@ -745,10 +717,6 @@ exports[`Form component sanity renders children elements 1`] = `
viewBox="0 0 24 24"
width="24"
>
-
@@ -788,10 +756,6 @@ exports[`Form component sanity renders children elements 1`] = `
viewBox="0 0 24 24"
width="24"
>
-
@@ -805,10 +769,6 @@ exports[`Form component sanity renders children elements 1`] = `
viewBox="0 0 24 24"
width="24"
>
-
@@ -839,10 +799,6 @@ exports[`Form component sanity renders children elements 1`] = `
viewBox="0 0 24 24"
width="24"
>
-
@@ -860,10 +816,6 @@ exports[`Form component sanity renders children elements 1`] = `
-
{
it('has name', () => {
- expect(Icon.displayName).toBe('Icon');
- });
+ expect(Icon.displayName).toBe('Icon')
+ })
it('matches default snapshot', () => {
- const component = render(
);
- expect(component).toMatchSnapshot();
- });
+ const component = render(
)
+ expect(component).toMatchSnapshot()
+ })
it('matches themed snapshot', () => {
const component = render(
-
+
- );
- expect(component).toMatchSnapshot();
- });
-});
+ )
+ expect(component).toMatchSnapshot()
+ })
+})
diff --git a/src/Icon/__snapshots__/Icon.test.js.snap b/src/Icon/__snapshots__/Icon.test.js.snap
index 408835e7..5b177f37 100644
--- a/src/Icon/__snapshots__/Icon.test.js.snap
+++ b/src/Icon/__snapshots__/Icon.test.js.snap
@@ -1,13 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Icon component sanity matches default snapshot 1`] = `
-.c1 {
- -webkit-flex: none;
- -ms-flex: none;
- flex: none;
- color: inherit;
-}
-
.c0 {
box-sizing: border-box;
display: -webkit-inline-box;
@@ -19,30 +12,10 @@ exports[`Icon component sanity matches default snapshot 1`] = `
+/>
`;
exports[`Icon component sanity matches themed snapshot 1`] = `
-.c1 {
- -webkit-flex: none;
- -ms-flex: none;
- flex: none;
- color: inherit;
-}
-
.c0 {
box-sizing: border-box;
display: -webkit-inline-box;
@@ -54,18 +27,5 @@ exports[`Icon component sanity matches themed snapshot 1`] = `
+/>
`;
diff --git a/src/Input/FileInput.js b/src/Input/FileInput.js
index e7d08fd1..c9ff9dae 100644
--- a/src/Input/FileInput.js
+++ b/src/Input/FileInput.js
@@ -1,6 +1,11 @@
import React, { Component } from 'react';
import styled from 'styled-components';
import Button from '../Button';
+import {
+ CloudDone as IconCloudDone,
+ CloudUpload as IconCloudUpload,
+} from '@rimble/icons/es/md';
+import Flex from '../Flex';
const StyledFileInput = styled('input')`
& {
@@ -76,11 +81,15 @@ class FileInput extends Component {
ref={this.fileInput}
onChange={this.handleChange}
/>
-
@@ -211,17 +216,14 @@ exports[`File Input component sanity matches default snapshot 1`] = `
exports[`File Input component sanity matches themed snapshot 1`] = `
.c3 {
box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
-}
-
-.c4 {
- -webkit-flex: none;
- -ms-flex: none;
- flex: none;
- color: inherit;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
}
.c2 {
@@ -290,7 +292,6 @@ exports[`File Input component sanity matches themed snapshot 1`] = `
display: inline-flex;
}
-.c2 > div > svg,
.c2 > span.button-text {
position: relative;
z-index: 1;
@@ -356,6 +357,14 @@ exports[`File Input component sanity matches themed snapshot 1`] = `
pointer-events: none;
}
+.c4 {
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ margin-right: 8px;
+ color: inherit;
+}
+
.c1 {
width: 0;
height: 0;
@@ -386,31 +395,32 @@ exports[`File Input component sanity matches themed snapshot 1`] = `
font-weight="3"
height="3rem"
>
-
- Choose file…
+
diff --git a/src/Radio/__snapshots__/Radio.test.js.snap b/src/Radio/__snapshots__/Radio.test.js.snap
index 1e8cbf20..6bdb5dd1 100644
--- a/src/Radio/__snapshots__/Radio.test.js.snap
+++ b/src/Radio/__snapshots__/Radio.test.js.snap
@@ -119,10 +119,6 @@ exports[`Radio component sanity matches default snapshot 1`] = `
-
-