From bce9731477ec37924c309ab0097457aa22432fe2 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Mon, 13 May 2019 23:25:17 +0300
Subject: [PATCH 01/12] Add FileInput buttonText prop

---
 .../src/components/forms/_file-input.scss     |  2 +-
 .../core/src/components/forms/fileInput.tsx   | 36 ++++++++++++++++++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/components/forms/_file-input.scss b/packages/core/src/components/forms/_file-input.scss
index 69a677e1a6..748f555015 100644
--- a/packages/core/src/components/forms/_file-input.scss
+++ b/packages/core/src/components/forms/_file-input.scss
@@ -102,7 +102,7 @@ $file-input-button-padding-large: ($pt-input-height-large - $pt-button-height) /
     width: $file-input-button-width;
     text-align: center;
     line-height: $pt-button-height-small;
-    content: "Browse";
+    content: attr(button-text);
   }
 
   &:hover::after {
diff --git a/packages/core/src/components/forms/fileInput.tsx b/packages/core/src/components/forms/fileInput.tsx
index 041e0e3111..3ce210fce9 100644
--- a/packages/core/src/components/forms/fileInput.tsx
+++ b/packages/core/src/components/forms/fileInput.tsx
@@ -68,6 +68,12 @@ export interface IFileInputProps extends React.LabelHTMLAttributes<HTMLLabelElem
      * @default "Choose file..."
      */
     text?: React.ReactNode;
+
+    /**
+     * The button text.
+     * @default "Browse"
+     */
+    buttonText?: string;
 }
 
 // TODO: write tests (ignoring for now to get a build passing quickly)
@@ -76,13 +82,27 @@ export class FileInput extends React.PureComponent<IFileInputProps, {}> {
     public static displayName = `${DISPLAYNAME_PREFIX}.FileInput`;
 
     public static defaultProps: IFileInputProps = {
+        buttonText: "Browse",
         hasSelection: false,
         inputProps: {},
         text: "Choose file...",
     };
 
+    private input: HTMLSpanElement | null = null;
+
+    public componentDidMount() {
+        this.changeButtonText(this.props.buttonText);
+    }
+
+    public componentWillReceiveProps(newProps: IFileInputProps) {
+        if (this.props.buttonText !== newProps.buttonText) {
+            this.changeButtonText(newProps.buttonText);
+        }
+    }
+
     public render() {
         const {
+            buttonText,
             className,
             disabled,
             fill,
@@ -108,11 +128,25 @@ export class FileInput extends React.PureComponent<IFileInputProps, {}> {
         return (
             <label {...htmlProps} className={rootClasses}>
                 <input {...inputProps} onChange={this.handleInputChange} type="file" disabled={disabled} />
-                <span className={Classes.FILE_UPLOAD_INPUT}>{text}</span>
+                <span ref={this.createRef} className={Classes.FILE_UPLOAD_INPUT}>
+                    {text}
+                </span>
             </label>
         );
     }
 
+    private createRef = (input: HTMLSpanElement | null) => {
+        if (input !== null) {
+            this.input = input;
+        }
+    };
+
+    private changeButtonText = (text: string) => {
+        if (this.input) {
+            this.input.setAttribute("button-text", text);
+        }
+    };
+
     private handleInputChange = (e: React.FormEvent<HTMLInputElement>) => {
         Utils.safeInvoke(this.props.onInputChange, e);
         Utils.safeInvoke(this.props.inputProps.onChange, e);

From 7c7c3b5230db47b3baa8f3afb5ac4f8efd8416bf Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Mon, 13 May 2019 23:25:45 +0300
Subject: [PATCH 02/12] Change FileInput docs

---
 .../src/components/forms/_file-input.scss     |  5 ++
 .../core/src/components/forms/file-input.md   |  3 +
 .../core-examples/fileInputExample.tsx        | 66 +++++++++++++++++++
 .../src/examples/core-examples/index.ts       |  1 +
 4 files changed, 75 insertions(+)
 create mode 100644 packages/docs-app/src/examples/core-examples/fileInputExample.tsx

diff --git a/packages/core/src/components/forms/_file-input.scss b/packages/core/src/components/forms/_file-input.scss
index 748f555015..a842fd1d07 100644
--- a/packages/core/src/components/forms/_file-input.scss
+++ b/packages/core/src/components/forms/_file-input.scss
@@ -143,6 +143,11 @@ $file-input-button-padding-large: ($pt-input-height-large - $pt-button-height) /
   }
 }
 
+#blueprint-documentation [data-example-id="file-input"] .#{$ns}-file-upload-input::after {
+  content: "Browse";
+}
+
+
 // hack to force the button shadow to display since
 // it doesn't render correct via the `pt-button` mixin
 // stylelint-disable-next-line
diff --git a/packages/core/src/components/forms/file-input.md b/packages/core/src/components/forms/file-input.md
index 46060095e6..85ec4397e3 100644
--- a/packages/core/src/components/forms/file-input.md
+++ b/packages/core/src/components/forms/file-input.md
@@ -3,6 +3,9 @@
 Use the standard `input type="file"` along with a `span` with class `@ns-file-upload-input`.
 Wrap that all in a `label` with class `@ns-file-input`.
 
+
+@reactExample FileInputExample
+
 @## Props
 
 This component is a lightweight wrapper around the underlying `<label>` element
diff --git a/packages/docs-app/src/examples/core-examples/fileInputExample.tsx b/packages/docs-app/src/examples/core-examples/fileInputExample.tsx
new file mode 100644
index 0000000000..6721376502
--- /dev/null
+++ b/packages/docs-app/src/examples/core-examples/fileInputExample.tsx
@@ -0,0 +1,66 @@
+/*
+ * Copyright 2019 Palantir Technologies, Inc. All rights reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import * as React from "react";
+
+import { FileInput, FormGroup, H5, InputGroup } from "@blueprintjs/core";
+import { Example, IExampleProps } from "@blueprintjs/docs-theme";
+
+interface IFileInputExampleState {
+    buttonText: string;
+    text: string;
+}
+
+export class FileInputExample extends React.PureComponent<IExampleProps, IFileInputExampleState> {
+
+    public state: IFileInputExampleState = {
+        buttonText: "Browse",
+        text: "Choose file...",
+    };
+
+    public render() {
+        const { text, buttonText } = this.state;
+
+        return (
+            <Example options={this.renderOptions()} {...this.props}>
+                <FileInput text={text} buttonText={buttonText} />
+            </Example>
+        );
+    }
+
+    private renderOptions = () => {
+        const { text, buttonText } = this.state;
+
+        return (
+            <>
+                <H5>Props</H5>
+                <FormGroup label="Text">
+                    <InputGroup onChange={this.handleTextChange} value={text} />
+                </FormGroup>
+                <FormGroup label="Button text">
+                    <InputGroup onChange={this.handleButtonTextChange} value={buttonText} />
+                </FormGroup>
+            </>
+        );
+    };
+
+    private handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        this.setState({ text: e.target.value });
+    };
+
+    private handleButtonTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        this.setState({ buttonText: e.target.value });
+    };
+}
diff --git a/packages/docs-app/src/examples/core-examples/index.ts b/packages/docs-app/src/examples/core-examples/index.ts
index 4571f17dc7..0e2cfc2d05 100644
--- a/packages/docs-app/src/examples/core-examples/index.ts
+++ b/packages/docs-app/src/examples/core-examples/index.ts
@@ -32,6 +32,7 @@ export * from "./dividerExample";
 export * from "./drawerExample";
 export * from "./dropdownMenuExample";
 export * from "./editableTextExample";
+export * from "./fileInputExample";
 export * from "./focusExample";
 export * from "./formGroupExample";
 export * from "./hotkeyPiano";

From 1fae3761a1854ea54f6560d54079e98f3f35f14f Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Tue, 14 May 2019 12:09:56 +0300
Subject: [PATCH 03/12] Change FileInputExample

---
 .../examples/core-examples/fileInputExample.tsx    | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/docs-app/src/examples/core-examples/fileInputExample.tsx b/packages/docs-app/src/examples/core-examples/fileInputExample.tsx
index 6721376502..7c6bbb5d39 100644
--- a/packages/docs-app/src/examples/core-examples/fileInputExample.tsx
+++ b/packages/docs-app/src/examples/core-examples/fileInputExample.tsx
@@ -19,16 +19,12 @@ import { FileInput, FormGroup, H5, InputGroup } from "@blueprintjs/core";
 import { Example, IExampleProps } from "@blueprintjs/docs-theme";
 
 interface IFileInputExampleState {
-    buttonText: string;
-    text: string;
+    buttonText?: string;
+    text?: string;
 }
 
 export class FileInputExample extends React.PureComponent<IExampleProps, IFileInputExampleState> {
-
-    public state: IFileInputExampleState = {
-        buttonText: "Browse",
-        text: "Choose file...",
-    };
+    public state: IFileInputExampleState = {};
 
     public render() {
         const { text, buttonText } = this.state;
@@ -47,10 +43,10 @@ export class FileInputExample extends React.PureComponent<IExampleProps, IFileIn
             <>
                 <H5>Props</H5>
                 <FormGroup label="Text">
-                    <InputGroup onChange={this.handleTextChange} value={text} />
+                    <InputGroup placeholder="Choose file..." onChange={this.handleTextChange} value={text} />
                 </FormGroup>
                 <FormGroup label="Button text">
-                    <InputGroup onChange={this.handleButtonTextChange} value={buttonText} />
+                    <InputGroup placeholder="Browse" onChange={this.handleButtonTextChange} value={buttonText} />
                 </FormGroup>
             </>
         );

From d3a5da0498c319c2be6d6f89b14ca3f124f44c8c Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Tue, 18 Jun 2019 23:37:35 +0300
Subject: [PATCH 04/12] Change attribute name

---
 packages/core/src/components/forms/_file-input.scss | 2 +-
 packages/core/src/components/forms/fileInput.tsx    | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/components/forms/_file-input.scss b/packages/core/src/components/forms/_file-input.scss
index a842fd1d07..e9443fa20a 100644
--- a/packages/core/src/components/forms/_file-input.scss
+++ b/packages/core/src/components/forms/_file-input.scss
@@ -102,7 +102,7 @@ $file-input-button-padding-large: ($pt-input-height-large - $pt-button-height) /
     width: $file-input-button-width;
     text-align: center;
     line-height: $pt-button-height-small;
-    content: attr(button-text);
+    content: attr(#{$ns}-button-text);
   }
 
   &:hover::after {
diff --git a/packages/core/src/components/forms/fileInput.tsx b/packages/core/src/components/forms/fileInput.tsx
index 3ce210fce9..aea4f8f871 100644
--- a/packages/core/src/components/forms/fileInput.tsx
+++ b/packages/core/src/components/forms/fileInput.tsx
@@ -143,7 +143,8 @@ export class FileInput extends React.PureComponent<IFileInputProps, {}> {
 
     private changeButtonText = (text: string) => {
         if (this.input) {
-            this.input.setAttribute("button-text", text);
+            const NS = Classes.getClassNamespace();
+            this.input.setAttribute(`${NS}-button-text`, text);
         }
     };
 

From 8da917207367c050baf3d5e2c786b18adbbbd3bf Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Tue, 18 Jun 2019 23:38:55 +0300
Subject: [PATCH 05/12] Add text overflow

---
 packages/core/src/components/forms/_file-input.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/core/src/components/forms/_file-input.scss b/packages/core/src/components/forms/_file-input.scss
index e9443fa20a..bdb537c27c 100644
--- a/packages/core/src/components/forms/_file-input.scss
+++ b/packages/core/src/components/forms/_file-input.scss
@@ -3,6 +3,7 @@
 
 @import "../../common/variables";
 @import "../button/common";
+@import "../../common/mixins";
 
 /*
 File input
@@ -94,6 +95,7 @@ $file-input-button-padding-large: ($pt-input-height-large - $pt-button-height) /
   &::after {
     @include pt-button();
     @include pt-button-height($pt-button-height-small);
+    @include overflow-ellipsis();
     position: absolute;
     top: 0;
     right: 0;

From 68597c3e73d3446ac6a42a8f3a64b83567ac0718 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Wed, 19 Jun 2019 00:24:19 +0300
Subject: [PATCH 06/12] Move paragraph

---
 packages/core/src/components/forms/file-input.md | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/forms/file-input.md b/packages/core/src/components/forms/file-input.md
index 85ec4397e3..cd77c579ff 100644
--- a/packages/core/src/components/forms/file-input.md
+++ b/packages/core/src/components/forms/file-input.md
@@ -1,9 +1,5 @@
 @# File input
 
-Use the standard `input type="file"` along with a `span` with class `@ns-file-upload-input`.
-Wrap that all in a `label` with class `@ns-file-input`.
-
-
 @reactExample FileInputExample
 
 @## Props
@@ -27,4 +23,7 @@ Use `inputProps` to apply props to the `<input>` element.
 
 @## CSS
 
+Use the standard `input type="file"` along with a `span` with class `@ns-file-upload-input`.
+Wrap that all in a `label` with class `@ns-file-input`.
+
 @css file-input

From a37d9462dfe35710f23c0289d7580ce71d67e8c6 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Wed, 19 Jun 2019 00:24:43 +0300
Subject: [PATCH 07/12] Change style for docs

---
 packages/core/src/components/forms/_file-input.scss | 5 -----
 packages/docs-app/src/styles/_examples.scss         | 6 ++++++
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/core/src/components/forms/_file-input.scss b/packages/core/src/components/forms/_file-input.scss
index bdb537c27c..f697cd9275 100644
--- a/packages/core/src/components/forms/_file-input.scss
+++ b/packages/core/src/components/forms/_file-input.scss
@@ -145,11 +145,6 @@ $file-input-button-padding-large: ($pt-input-height-large - $pt-button-height) /
   }
 }
 
-#blueprint-documentation [data-example-id="file-input"] .#{$ns}-file-upload-input::after {
-  content: "Browse";
-}
-
-
 // hack to force the button shadow to display since
 // it doesn't render correct via the `pt-button` mixin
 // stylelint-disable-next-line
diff --git a/packages/docs-app/src/styles/_examples.scss b/packages/docs-app/src/styles/_examples.scss
index 7556d3e5b7..12494bb322 100644
--- a/packages/docs-app/src/styles/_examples.scss
+++ b/packages/docs-app/src/styles/_examples.scss
@@ -502,3 +502,9 @@
     padding: 0;
   }
 }
+
+#{example("file-input")} {
+  .#{$ns}-file-upload-input::after {
+    content: "Browse";
+  }
+}

From 37ef0af6b9d6924fc11bdf87ff16863af2463581 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Thu, 27 Jun 2019 13:05:02 +0300
Subject: [PATCH 08/12] Use new sheet

---
 packages/core/src/components/forms/_file-input.scss |  2 +-
 packages/core/src/components/forms/fileInput.tsx    | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/components/forms/_file-input.scss b/packages/core/src/components/forms/_file-input.scss
index f697cd9275..ec03c10626 100644
--- a/packages/core/src/components/forms/_file-input.scss
+++ b/packages/core/src/components/forms/_file-input.scss
@@ -104,7 +104,7 @@ $file-input-button-padding-large: ($pt-input-height-large - $pt-button-height) /
     width: $file-input-button-width;
     text-align: center;
     line-height: $pt-button-height-small;
-    content: attr(#{$ns}-button-text);
+    content: "Browse";
   }
 
   &:hover::after {
diff --git a/packages/core/src/components/forms/fileInput.tsx b/packages/core/src/components/forms/fileInput.tsx
index aea4f8f871..41ac163d63 100644
--- a/packages/core/src/components/forms/fileInput.tsx
+++ b/packages/core/src/components/forms/fileInput.tsx
@@ -91,6 +91,10 @@ export class FileInput extends React.PureComponent<IFileInputProps, {}> {
     private input: HTMLSpanElement | null = null;
 
     public componentDidMount() {
+        const sheet = this.createSheet();
+        const NS = Classes.getClassNamespace();
+        sheet.insertRule(`.${NS}-file-upload-input::after { content: attr(${NS}-button-text); }`, 0);
+
         this.changeButtonText(this.props.buttonText);
     }
 
@@ -135,6 +139,14 @@ export class FileInput extends React.PureComponent<IFileInputProps, {}> {
         );
     }
 
+    private createSheet = () => {
+        const style = document.createElement("style");
+        style.appendChild(document.createTextNode(""));
+        document.head.appendChild(style);
+
+        return style.sheet as CSSStyleSheet;
+    };
+
     private createRef = (input: HTMLSpanElement | null) => {
         if (input !== null) {
             this.input = input;

From d02313b653ad6add0cc9a1ab5d23eb2a05443225 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Thu, 4 Jul 2019 20:08:29 +0300
Subject: [PATCH 09/12] Add file-upload-input-custom-text class

---
 packages/core/src/common/classes.ts                 | 1 +
 packages/core/src/components/forms/_file-input.scss | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/core/src/common/classes.ts b/packages/core/src/common/classes.ts
index ffe0eb7697..aacbeaa6a9 100644
--- a/packages/core/src/common/classes.ts
+++ b/packages/core/src/common/classes.ts
@@ -154,6 +154,7 @@ export const SWITCH_INNER_TEXT = `${SWITCH}-inner-text`;
 export const FILE_INPUT = `${NS}-file-input`;
 export const FILE_INPUT_HAS_SELECTION = `${NS}-file-input-has-selection`;
 export const FILE_UPLOAD_INPUT = `${NS}-file-upload-input`;
+export const FILE_UPLOAD_INPUT_CUSTOM_TEXT = `${NS}-file-upload-input-custom-text`;
 
 export const KEY = `${NS}-key`;
 export const KEY_COMBO = `${KEY}-combo`;
diff --git a/packages/core/src/components/forms/_file-input.scss b/packages/core/src/components/forms/_file-input.scss
index ec03c10626..32db71f651 100644
--- a/packages/core/src/components/forms/_file-input.scss
+++ b/packages/core/src/components/forms/_file-input.scss
@@ -79,6 +79,10 @@ $file-input-button-padding-large: ($pt-input-height-large - $pt-button-height) /
   .#{$ns}-large & {
     height: $pt-input-height-large;
   }
+
+  .#{$ns}-file-upload-input-custom-text::after {
+    content: attr(#{$ns}-button-text);
+  }
 }
 
 .#{$ns}-file-upload-input {

From ad36948b77ca9d70a7ecb84a9779045189721728 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Thu, 4 Jul 2019 20:08:48 +0300
Subject: [PATCH 10/12] Remove extra rule

---
 packages/docs-app/src/styles/_examples.scss | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/docs-app/src/styles/_examples.scss b/packages/docs-app/src/styles/_examples.scss
index 12494bb322..b017b4462c 100644
--- a/packages/docs-app/src/styles/_examples.scss
+++ b/packages/docs-app/src/styles/_examples.scss
@@ -503,8 +503,3 @@
   }
 }
 
-#{example("file-input")} {
-  .#{$ns}-file-upload-input::after {
-    content: "Browse";
-  }
-}

From 7a0aebcfa1fb760ef8aa43378211e04aa734a7d4 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Thu, 4 Jul 2019 20:11:17 +0300
Subject: [PATCH 11/12] Remove ref

---
 .../core/src/components/forms/fileInput.tsx   | 51 ++++---------------
 1 file changed, 10 insertions(+), 41 deletions(-)

diff --git a/packages/core/src/components/forms/fileInput.tsx b/packages/core/src/components/forms/fileInput.tsx
index 41ac163d63..862aa6ba0e 100644
--- a/packages/core/src/components/forms/fileInput.tsx
+++ b/packages/core/src/components/forms/fileInput.tsx
@@ -82,28 +82,11 @@ export class FileInput extends React.PureComponent<IFileInputProps, {}> {
     public static displayName = `${DISPLAYNAME_PREFIX}.FileInput`;
 
     public static defaultProps: IFileInputProps = {
-        buttonText: "Browse",
         hasSelection: false,
         inputProps: {},
         text: "Choose file...",
     };
 
-    private input: HTMLSpanElement | null = null;
-
-    public componentDidMount() {
-        const sheet = this.createSheet();
-        const NS = Classes.getClassNamespace();
-        sheet.insertRule(`.${NS}-file-upload-input::after { content: attr(${NS}-button-text); }`, 0);
-
-        this.changeButtonText(this.props.buttonText);
-    }
-
-    public componentWillReceiveProps(newProps: IFileInputProps) {
-        if (this.props.buttonText !== newProps.buttonText) {
-            this.changeButtonText(newProps.buttonText);
-        }
-    }
-
     public render() {
         const {
             buttonText,
@@ -129,37 +112,23 @@ export class FileInput extends React.PureComponent<IFileInputProps, {}> {
             className,
         );
 
+        const NS = Classes.getClassNamespace();
+
+        const uploadProps = {
+            [`${NS}-button-text`]: buttonText,
+            className: classNames(Classes.FILE_UPLOAD_INPUT, {
+                [Classes.FILE_UPLOAD_INPUT_CUSTOM_TEXT]: !!buttonText,
+            }),
+        };
+
         return (
             <label {...htmlProps} className={rootClasses}>
                 <input {...inputProps} onChange={this.handleInputChange} type="file" disabled={disabled} />
-                <span ref={this.createRef} className={Classes.FILE_UPLOAD_INPUT}>
-                    {text}
-                </span>
+                <span {...uploadProps}>{text}</span>
             </label>
         );
     }
 
-    private createSheet = () => {
-        const style = document.createElement("style");
-        style.appendChild(document.createTextNode(""));
-        document.head.appendChild(style);
-
-        return style.sheet as CSSStyleSheet;
-    };
-
-    private createRef = (input: HTMLSpanElement | null) => {
-        if (input !== null) {
-            this.input = input;
-        }
-    };
-
-    private changeButtonText = (text: string) => {
-        if (this.input) {
-            const NS = Classes.getClassNamespace();
-            this.input.setAttribute(`${NS}-button-text`, text);
-        }
-    };
-
     private handleInputChange = (e: React.FormEvent<HTMLInputElement>) => {
         Utils.safeInvoke(this.props.onInputChange, e);
         Utils.safeInvoke(this.props.inputProps.onChange, e);

From 37a6870a6b88a8be0e390f9204234904928a3881 Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Thu, 4 Jul 2019 20:18:38 +0300
Subject: [PATCH 12/12] Remove new line

---
 packages/docs-app/src/styles/_examples.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/docs-app/src/styles/_examples.scss b/packages/docs-app/src/styles/_examples.scss
index b017b4462c..7556d3e5b7 100644
--- a/packages/docs-app/src/styles/_examples.scss
+++ b/packages/docs-app/src/styles/_examples.scss
@@ -502,4 +502,3 @@
     padding: 0;
   }
 }
-