fix: pass styles on correctly (#24)

Author: frontendphil

src/Stick.js

@@ -137,7 +137,9 @@ function Stick({
 
     return (
       <StickContext.Provider value={nestingKey}>
-        <Component {...rest}>{children}</Component>
+        <Component {...resolvedStyle} {...rest}>
+          {children}
+        </Component>
       </StickContext.Provider>
     )
   }
@@ -149,6 +151,7 @@ function Stick({
           {...rest}
           position={resolvedPosition}
           align={resolvedAlign}
+          style={resolvedStyle}
           node={
             <StickNode
               width={width}

src/StickInline.js

@@ -1,26 +1,22 @@
 // @flow
 import React from 'react'
 import { type HOC } from 'recompose'
-import { type Substyle, defaultStyle } from 'substyle'
+import { defaultStyle } from 'substyle'
 
 import { type StickInlinePropsT } from './flowTypes'
 import { getModifiers } from './utils'
 
-type PropsT = {|
-  ...StickInlinePropsT,
-
-  style: Substyle,
-|}
-
 function StickInline({
   node,
   children,
   style,
   component,
   containerRef,
   nestingKey,
+  align,
+  position,
   ...rest
-}: PropsT) {
+}: StickInlinePropsT) {
   const Component = component || 'div'
   return (
     <Component

src/flowTypes.js

@@ -74,6 +74,7 @@ type SpecificStickBasePropsT = {|
   node: ?Node,
 
   component: ?string,
+  style: Substyle,
 
   nestingKey: string,
 
@@ -94,8 +95,6 @@ export type StickPortalPropsT = {|
 
   position: PositionT,
 
-  style: Substyle,
-
   updateOnAnimationFrame: boolean,
 
   onReposition: (nodeRef: HTMLElement) => void,