Semantic-Org · Feb 4, 2019 · Feb 4, 2019 · Feb 4, 2019 · Feb 11, 2019 · Feb 11, 2019
diff --git a/.babel-preset.js b/.babel-preset.js
@@ -48,7 +48,7 @@ const plugins = [
     'filter-imports',
     {
       imports: {
-        debug: ['default'],
+        './makeDebugger': ['default'],
         '../../lib': ['makeDebugger'],
       },
     },

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,36 @@
 # Change Log
 
+## [v0.85.0](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.85.0) (2019-02-04)
+[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.84.0...v0.85.0)
+
+**Merged pull requests:**
+
+- fix\(Portal\): fix onBlur handling in IE11 [\#3407](https://github.com/Semantic-Org/Semantic-UI-React/pull/3407) ([layershifter](https://github.com/layershifter))
+- BREAKING\(Ref\): add support for forwardRef API [\#3405](https://github.com/Semantic-Org/Semantic-UI-React/pull/3405) ([layershifter](https://github.com/layershifter))
+- docs\(ComponentExample\): allow to disable HTML preview [\#3404](https://github.com/Semantic-Org/Semantic-UI-React/pull/3404) ([layershifter](https://github.com/layershifter))
+- docs\(Examples\): add ability to export examples to CodeSandbox [\#3399](https://github.com/Semantic-Org/Semantic-UI-React/pull/3399) ([layershifter](https://github.com/layershifter))
+- fix\(docs\): fix a polyfill loading for IE11 [\#3395](https://github.com/Semantic-Org/Semantic-UI-React/pull/3395) ([oolleegg55](https://github.com/oolleegg55))
+- fix\(Icon\): update typings for `corner` prop [\#3393](https://github.com/Semantic-Org/Semantic-UI-React/pull/3393) ([areading314](https://github.com/areading314))
+- fix\(Dropdown\): prevent calling onChange unless value changed [\#3391](https://github.com/Semantic-Org/Semantic-UI-React/pull/3391) ([zarend](https://github.com/zarend))
+- chore\(package\): upgrade keyboard-key [\#3390](https://github.com/Semantic-Org/Semantic-UI-React/pull/3390) ([levithomason](https://github.com/levithomason))
+- chore\(package\): update karma and webpack [\#3383](https://github.com/Semantic-Org/Semantic-UI-React/pull/3383) ([layershifter](https://github.com/layershifter))
+- chore\(tests\): make reporter more silent [\#3382](https://github.com/Semantic-Org/Semantic-UI-React/pull/3382) ([layershifter](https://github.com/layershifter))
+- fix\(Input\): add `select` to type definitions [\#3380](https://github.com/Semantic-Org/Semantic-UI-React/pull/3380) ([skeate](https://github.com/skeate))
+- feat\(Popup\): add `disabled` prop [\#3377](https://github.com/Semantic-Org/Semantic-UI-React/pull/3377) ([husseyexplores](https://github.com/husseyexplores))
+- docs\(Responsive\): clarify SSR usage [\#3373](https://github.com/Semantic-Org/Semantic-UI-React/pull/3373) ([layershifter](https://github.com/layershifter))
+- docs\(Prototypes\): add examples with `pure-react-carousel` [\#3372](https://github.com/Semantic-Org/Semantic-UI-React/pull/3372) ([layershifter](https://github.com/layershifter))
+- fix\(Icon\): add `mail outline` as name [\#3371](https://github.com/Semantic-Org/Semantic-UI-React/pull/3371) ([layershifter](https://github.com/layershifter))
+- chore\(package\): point manually to correct SUI version [\#3367](https://github.com/Semantic-Org/Semantic-UI-React/pull/3367) ([layershifter](https://github.com/layershifter))
+- feat\(Icon\): `disabled` prop disables `onClick` [\#3358](https://github.com/Semantic-Org/Semantic-UI-React/pull/3358) ([shuminyang](https://github.com/shuminyang))
+- docs\(Responsive\): update ResponsiveExampleMaxWidth.js \(added two words to clarify\) [\#3354](https://github.com/Semantic-Org/Semantic-UI-React/pull/3354) ([janderudder](https://github.com/janderudder))
+- fix\(Checkbox\): prevent `onClick` from being called twice [\#3351](https://github.com/Semantic-Org/Semantic-UI-React/pull/3351) ([Fabianopb](https://github.com/Fabianopb))
+- fix\(Textarea\): fix broken ctrl-z on firefox [\#3343](https://github.com/Semantic-Org/Semantic-UI-React/pull/3343) ([ericls](https://github.com/ericls))
+- docs\(Placeholder\): remove extra HTML and classes [\#3340](https://github.com/Semantic-Org/Semantic-UI-React/pull/3340) ([levithomason](https://github.com/levithomason))
+- BREAKING \(Sidebar\): remove `duration` prop [\#3336](https://github.com/Semantic-Org/Semantic-UI-React/pull/3336) ([Fabianopb](https://github.com/Fabianopb))
+- docs\(Props\): fix "Props" checkbox [\#3332](https://github.com/Semantic-Org/Semantic-UI-React/pull/3332) ([layershifter](https://github.com/layershifter))
+- chore\(build\): drop DLL stage [\#3324](https://github.com/Semantic-Org/Semantic-UI-React/pull/3324) ([layershifter](https://github.com/layershifter))
+- fix\(Popup\): default open position [\#3029](https://github.com/Semantic-Org/Semantic-UI-React/pull/3029) ([levithomason](https://github.com/levithomason))
+
 ## [v0.84.0](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.84.0) (2018-12-10)
 [Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.83.0...v0.84.0)
 
@@ -266,107 +297,6 @@
 - chore\(package\): Prettier integration [\#2597](https://github.com/Semantic-Org/Semantic-UI-React/pull/2597) ([thetric](https://github.com/thetric))
 - breaking\(Tab\): change menu.aligned prop to menuPosition and infer menu.tabular from it [\#2499](https://github.com/Semantic-Org/Semantic-UI-React/pull/2499) ([amankkg](https://github.com/amankkg))
 
-## [v0.79.1](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.79.1) (2018-04-04)
-[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.79.0...v0.79.1)
-
-**Merged pull requests:**
-
-- fix\(CarbonAd\): prevent duplicate ads [\#2701](https://github.com/Semantic-Org/Semantic-UI-React/pull/2701) ([levithomason](https://github.com/levithomason))
-- docs\(List\): fix typo [\#2698](https://github.com/Semantic-Org/Semantic-UI-React/pull/2698) ([billfienberg](https://github.com/billfienberg))
-- docs\(layouts\): fix typo in GridLayout [\#2695](https://github.com/Semantic-Org/Semantic-UI-React/pull/2695) ([eltronix](https://github.com/eltronix))
-- docs\(readme\): add microsoft teams [\#2685](https://github.com/Semantic-Org/Semantic-UI-React/pull/2685) ([levithomason](https://github.com/levithomason))
-- docs\(ads\): fix adblock detect, add opt out [\#2679](https://github.com/Semantic-Org/Semantic-UI-React/pull/2679) ([levithomason](https://github.com/levithomason))
-- fix\(docs\): show vertically divided grid in grid layout [\#2677](https://github.com/Semantic-Org/Semantic-UI-React/pull/2677) ([fspinnenhirn](https://github.com/fspinnenhirn))
-- docs\(usage\): fix missing space [\#2667](https://github.com/Semantic-Org/Semantic-UI-React/pull/2667) ([flppv](https://github.com/flppv))
-- fix\(icon\): omit aria-hidden attribute when aria-label prop is truthy [\#2666](https://github.com/Semantic-Org/Semantic-UI-React/pull/2666) ([benbakhar](https://github.com/benbakhar))
-- fix\(Search\): strict validation to avoid errors when not using title [\#2654](https://github.com/Semantic-Org/Semantic-UI-React/pull/2654) ([eightnoteight](https://github.com/eightnoteight))
-- feat\(Popup\): add keepInView prop \(\#2472\) [\#2569](https://github.com/Semantic-Org/Semantic-UI-React/pull/2569) ([paulcmason](https://github.com/paulcmason))
-
-## [v0.79.0](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.79.0) (2018-03-19)
-[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.78.3...v0.79.0)
-
-**Merged pull requests:**
-
-- docs\(carbonads\): setup carbon ads [\#2664](https://github.com/Semantic-Org/Semantic-UI-React/pull/2664) ([levithomason](https://github.com/levithomason))
-- chore\(package\): restore babel option `modules: false` for ESM builds [\#2663](https://github.com/Semantic-Org/Semantic-UI-React/pull/2663) ([thetric](https://github.com/thetric))
-- fix\(Checkbox\): only add "fitted" class if label is nil [\#2660](https://github.com/Semantic-Org/Semantic-UI-React/pull/2660) ([skindstrom](https://github.com/skindstrom))
-- docs\(changelog\): capture all PRs [\#2659](https://github.com/Semantic-Org/Semantic-UI-React/pull/2659) ([levithomason](https://github.com/levithomason))
-- docs\(readme\): add Distense to the built with list [\#2655](https://github.com/Semantic-Org/Semantic-UI-React/pull/2655) ([JohnAllen](https://github.com/JohnAllen))
-- docs\(Responsive\): fix spelling [\#2653](https://github.com/Semantic-Org/Semantic-UI-React/pull/2653) ([dyyyl](https://github.com/dyyyl))
-- docs\(Search\): debounce search change handler [\#2650](https://github.com/Semantic-Org/Semantic-UI-React/pull/2650) ([ryanflowers](https://github.com/ryanflowers))
-- fix\(Input\): add missing accept prop [\#2647](https://github.com/Semantic-Org/Semantic-UI-React/pull/2647) ([fastman](https://github.com/fastman))
-- fix\(factories\): fix typo in exception [\#2645](https://github.com/Semantic-Org/Semantic-UI-React/pull/2645) ([eightnoteight](https://github.com/eightnoteight))
-- Update README.md [\#2644](https://github.com/Semantic-Org/Semantic-UI-React/pull/2644) ([brianespinosa](https://github.com/brianespinosa))
-- fix\(Visibility\): cancel RAF on component unmount [\#2635](https://github.com/Semantic-Org/Semantic-UI-React/pull/2635) ([layershifter](https://github.com/layershifter))
-- fix\(Layouts\): fix behaviour of Sidebar in mobile view [\#2634](https://github.com/Semantic-Org/Semantic-UI-React/pull/2634) ([layershifter](https://github.com/layershifter))
-- fix\(Responsive\): fix types in typings [\#2633](https://github.com/Semantic-Org/Semantic-UI-React/pull/2633) ([layershifter](https://github.com/layershifter))
-- fix\(Pagination\): call `onPageChange` only when change is occurred [\#2632](https://github.com/Semantic-Org/Semantic-UI-React/pull/2632) ([layershifter](https://github.com/layershifter))
-- docs\(Layouts\): fix typo in StickyLayout [\#2630](https://github.com/Semantic-Org/Semantic-UI-React/pull/2630) ([felippenardi](https://github.com/felippenardi))
-- fix\(Modal\): fix positioning when "as" prop is a component [\#2623](https://github.com/Semantic-Org/Semantic-UI-React/pull/2623) ([trevorharwell](https://github.com/trevorharwell))
-- breaking\(Pagination\): rename `ariaLabel` prop `aria-label` [\#2607](https://github.com/Semantic-Org/Semantic-UI-React/pull/2607) ([AndreiEnache](https://github.com/AndreiEnache))
-- chore\(package\): switch to `babel-preset-env` [\#2594](https://github.com/Semantic-Org/Semantic-UI-React/pull/2594) ([thetric](https://github.com/thetric))
-- fix\(docs\): fix return in ComponentPropsComponents [\#2581](https://github.com/Semantic-Org/Semantic-UI-React/pull/2581) ([layershifter](https://github.com/layershifter))
-
-## [v0.78.3](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.78.3) (2018-02-26)
-[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.78.2...v0.78.3)
-
-**Merged pull requests:**
-
-- fix\(Transition\): add slide left [\#2576](https://github.com/Semantic-Org/Semantic-UI-React/pull/2576) ([levithomason](https://github.com/levithomason))
-- fix\(Dropdown\): allow bool item value [\#2572](https://github.com/Semantic-Org/Semantic-UI-React/pull/2572) ([levithomason](https://github.com/levithomason))
-- fix\(Accordion\): update signature of `onTitleClick` in typings [\#2568](https://github.com/Semantic-Org/Semantic-UI-React/pull/2568) ([layershifter](https://github.com/layershifter))
-- fix\(examples\): add `react-hot-loader` to deps in webpack3 example [\#2567](https://github.com/Semantic-Org/Semantic-UI-React/pull/2567) ([layershifter](https://github.com/layershifter))
-- fix\(Card\): fix typo in CardExampleLinkCardProp [\#2562](https://github.com/Semantic-Org/Semantic-UI-React/pull/2562) ([ryanpcmcquen](https://github.com/ryanpcmcquen))
-- fix\(examples\): fix in webpack3 examples [\#2561](https://github.com/Semantic-Org/Semantic-UI-React/pull/2561) ([layershifter](https://github.com/layershifter))
-- fix\(Layouts\): fix typo in HomepageLayout [\#2554](https://github.com/Semantic-Org/Semantic-UI-React/pull/2554) ([jbraithwaite](https://github.com/jbraithwaite))
-- test\(Portal\): fix tests with timeouts [\#2538](https://github.com/Semantic-Org/Semantic-UI-React/pull/2538) ([levithomason](https://github.com/levithomason))
-- fix\(Pagination\): allow to override props in PaginationItem [\#2537](https://github.com/Semantic-Org/Semantic-UI-React/pull/2537) ([aivins](https://github.com/aivins))
-- feat\(Dropdown\): add direction prop [\#2536](https://github.com/Semantic-Org/Semantic-UI-React/pull/2536) ([levithomason](https://github.com/levithomason))
-- docs\(TableExamplePagination\): order icon names per docs [\#2534](https://github.com/Semantic-Org/Semantic-UI-React/pull/2534) ([searene](https://github.com/searene))
-- feat\(Dropdown\): 'wrapSelecion' prop: option to disable "infinity" list [\#2533](https://github.com/Semantic-Org/Semantic-UI-React/pull/2533) ([GCrispino](https://github.com/GCrispino))
-- fix\(Responsive\): use root element client width [\#2531](https://github.com/Semantic-Org/Semantic-UI-React/pull/2531) ([Autarc](https://github.com/Autarc))
-- fix\(ComponentDoc\): clickable subcomponent props menu [\#2526](https://github.com/Semantic-Org/Semantic-UI-React/pull/2526) ([levithomason](https://github.com/levithomason))
-- docs\(Pagination\): add missing prop in PaginationExampleOptions [\#2510](https://github.com/Semantic-Org/Semantic-UI-React/pull/2510) ([elliottspirit](https://github.com/elliottspirit))
-- fix\(Progress\): use correct width for value/total [\#2503](https://github.com/Semantic-Org/Semantic-UI-React/pull/2503) ([rachelslurs](https://github.com/rachelslurs))
-- docs\(README\): add 173app to the built with list [\#2495](https://github.com/Semantic-Org/Semantic-UI-React/pull/2495) ([Carrotzpc](https://github.com/Carrotzpc))
-- docs\(ComponentExample\): fix code editor body regex [\#2481](https://github.com/Semantic-Org/Semantic-UI-React/pull/2481) ([nieroda](https://github.com/nieroda))
-- feat\(MountNode\): add component [\#2407](https://github.com/Semantic-Org/Semantic-UI-React/pull/2407) ([layershifter](https://github.com/layershifter))
-- docs\(webpack\): add webpack3 boilerplate with theming [\#2371](https://github.com/Semantic-Org/Semantic-UI-React/pull/2371) ([layershifter](https://github.com/layershifter))
-
-## [v0.78.2](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.78.2) (2018-02-06)
-[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.78.1...v0.78.2)
-
-**Merged pull requests:**
-
-- Accept HTMLFormElement form event [\#2501](https://github.com/Semantic-Org/Semantic-UI-React/pull/2501) ([corydeppen](https://github.com/corydeppen))
-
-## [v0.78.1](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.78.1) (2018-02-05)
-[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.78.0...v0.78.1)
-
-**Merged pull requests:**
-
-- fix\(doesNodeContainClick\): only use x/y if !e.target [\#2494](https://github.com/Semantic-Org/Semantic-UI-React/pull/2494) ([levithomason](https://github.com/levithomason))
-
-## [v0.78.0](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.78.0) (2018-02-04)
-[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.77.2...v0.78.0)
-
-**Merged pull requests:**
-
-- feat\(ComponentDoc\): add virtual whitespace for sidebar [\#2492](https://github.com/Semantic-Org/Semantic-UI-React/pull/2492) ([levithomason](https://github.com/levithomason))
-- chore\(.github\): add probot configurations [\#2491](https://github.com/Semantic-Org/Semantic-UI-React/pull/2491) ([levithomason](https://github.com/levithomason))
-- fix\(AccordionTitle\): allow strings in index PropType [\#2483](https://github.com/Semantic-Org/Semantic-UI-React/pull/2483) ([bharatzvm](https://github.com/bharatzvm))
-- docs\(ComponentPropEnum\): update for value changes [\#2482](https://github.com/Semantic-Org/Semantic-UI-React/pull/2482) ([levithomason](https://github.com/levithomason))
-- docs\(Grid\): fix column/row typo [\#2480](https://github.com/Semantic-Org/Semantic-UI-React/pull/2480) ([levithomason](https://github.com/levithomason))
-- fix\(Sticky\): scrollContext changes cause memory leak and incorrect scroll events [\#2464](https://github.com/Semantic-Org/Semantic-UI-React/pull/2464) ([fracmak](https://github.com/fracmak))
-- feat\(Card\): add centered prop to Card.Group [\#2463](https://github.com/Semantic-Org/Semantic-UI-React/pull/2463) ([sudheerDev](https://github.com/sudheerDev))
-- fix\(Visibility\): context changes cause memory leak and incorrect scroll events [\#2458](https://github.com/Semantic-Org/Semantic-UI-React/pull/2458) ([fracmak](https://github.com/fracmak))
-- Fix\(Portal\) check for rootNode rendering to prevent race condition  [\#2457](https://github.com/Semantic-Org/Semantic-UI-React/pull/2457) ([Brantron](https://github.com/Brantron))
-- breaking\(popup\): verticalOffset [\#2450](https://github.com/Semantic-Org/Semantic-UI-React/pull/2450) ([adam-26](https://github.com/adam-26))
-- docs\(README\): Add Hürriyet Oto to built with list [\#2445](https://github.com/Semantic-Org/Semantic-UI-React/pull/2445) ([eabay](https://github.com/eabay))
-- Fix\(typo\): Rectifiying spelling in the examples [\#2426](https://github.com/Semantic-Org/Semantic-UI-React/pull/2426) ([ahmedu007](https://github.com/ahmedu007))
-- fix\(Responsive\): use setState\(\) safely [\#2421](https://github.com/Semantic-Org/Semantic-UI-React/pull/2421) ([layershifter](https://github.com/layershifter))
-- docs\(layouts\): make HomepageLayout responsive [\#2396](https://github.com/Semantic-Org/Semantic-UI-React/pull/2396) ([layershifter](https://github.com/layershifter))
-
 
 
 \* *This Change Log was automatically generated by [github_changelog_generator](https://github.com/skywinder/Github-Changelog-Generator)*
diff --git a/docs/public/images/prototypes/react-textarea-autosize.png b/docs/public/images/prototypes/react-textarea-autosize.png
diff --git a/docs/public/style.css b/docs/public/style.css
@@ -1,10 +1,11 @@
-html, body {
+html,
+body {
   background: #f7f7f7 !important;
 }
 
 .anchorjs-link {
   position: absolute;
-  transition: margin-left .25s, color .25s, opacity 0.25s;
+  transition: margin-left 0.25s, color 0.25s, opacity 0.25s;
   margin-left: -0.2em;
   color: #777;
   opacity: 0;
@@ -45,12 +46,24 @@ code:not(.hljs) {
 
 code:not(.hljs)::before {
   letter-spacing: -0.2em;
-  content: "\00a0";
+  content: '\00a0';
 }
 
 code:not(.hljs)::after {
   letter-spacing: -0.2em;
-  content: "\00a0";
+  content: '\00a0';
+}
+
+.docs-example {
+  position: relative;
+  background: #fff;
+  box-shadow: 0 1px 2px #ccc;
+}
+.docs-example:hover {
+  box-shadow: 0 2px 8px #bbb;
+}
+.docs-example.active {
+  box-shadow: 0 8px 32px #aaa;
 }
 
 .docs-icon-set-column {
@@ -80,40 +93,32 @@ code:not(.hljs)::after {
 }
 
 #carbonads {
-  line-height: 1.4;
-}
-
-#carbonads span {
-  display: block;
+  padding: 8px 8px;
+  line-height: 1.2;
+  background: #222;
+  box-shadow: 0 0 2em black;
+  border-top: 1px solid #444;
 }
 
-.carbon-img {
+#carbonads img {
   display: block;
-}
-
-.carbon-img img {
-  display: block;
-  width: 98px;
-  height: 75px;
+  margin: 0 auto 4px auto;
 }
 
 .carbon-text {
-  display: block;
-  margin-top: 0.25em;
-  font-size: 0.9em;
+  font-size: 13px;
   color: #aaa;
 }
 .carbon-text:hover {
-  color: #ddd
+  color: #ddd;
 }
 
 .carbon-poweredby {
-  display: block;
-  margin-top: 0.125em;
-  font-size: 0.75em;
-  text-align: right;
-  color: #ffffff;
+  margin-left: 8px;
+  font-size: 10px;
+  color: #fff;
   opacity: 0.5;
+  white-space: nowrap;
 }
 .carbon-poweredby:hover {
   color: #ddd;

diff --git a/docs/src/components/CarbonAd/CarbonAd.js b/docs/src/components/CarbonAd/CarbonAd.js
@@ -3,12 +3,6 @@ import React, { Component } from 'react'
 
 import { isBrowser } from 'src/lib'
 
-const style = {
-  padding: '0.5rem',
-  background: '#222',
-  boxShadow: '0 0 2rem black',
-}
-
 let isLoading = true
 let script
 
@@ -61,7 +55,7 @@ class CarbonAd extends Component {
   }
 
   render() {
-    return <div id='docs-carbonads' style={style} />
+    return <div id='docs-carbonads' />
   }
 }
 

diff --git a/docs/src/components/CarbonAd/CarbonAdNative.js b/docs/src/components/CarbonAd/CarbonAdNative.js
@@ -1,12 +1,12 @@
-import React, { Component } from 'react'
+import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 
 import { Label } from 'semantic-ui-react'
 import { makeDebugger } from '../../../../src/lib'
 
 const debug = makeDebugger('carbon-ad-native')
 
-class CarbonAdNative extends Component {
+class CarbonAdNative extends PureComponent {
   static propTypes = {
     inverted: PropTypes.bool,
   }