glamorous - npm Package Compare versions

Comparing version 3.11.1 to 3.11.2

package.json

 {
   "name": "glamorous",
-  "version": "3.11.1",
+  "version": "3.11.2",
   "description": "React component styling solved",
@@ -5,0 +5,0 @@ "main": "dist/glamorous.cjs.js",

README.md

@@ -1,2 +0,2 @@
-<img src="https://github.com/paypal/glamorous/raw/master/other/glamorous.png" alt="glamorous logo" title="glamorous" align="right" width="150" height="150" />
+<img src="https://github.com/paypal/glamorous/raw/master/other/logo/full.png" alt="glamorous logo" title="glamorous" align="right" width="150" height="150" />
 
@@ -17,3 +17,3 @@ # glamorous
 
-[![All Contributors](https://img.shields.io/badge/all_contributors-25-orange.svg?style=flat-square)](#contributors)
+[![All Contributors](https://img.shields.io/badge/all_contributors-26-orange.svg?style=flat-square)](#contributors)
 [![PRs Welcome][prs-badge]][prs]
@@ -850,3 +850,3 @@ [![Chat][chat-badge]][chat]
 | [<img src="https://avatars3.githubusercontent.com/u/25375401?v=3" width="100px;"/><br /><sub>jackyho112</sub>](https://github.com/jackyho112)<br />[💻](https://github.com/paypal/glamorous/commits?author=jackyho112 "Code") [⚠️](https://github.com/paypal/glamorous/commits?author=jackyho112 "Tests") | [<img src="https://avatars0.githubusercontent.com/u/3629876?v=3" width="100px;"/><br /><sub>Kurtis Kemple</sub>](https://twitter.com/kurtiskemple)<br />[💻](https://github.com/paypal/glamorous/commits?author=kkemple "Code") [⚠️](https://github.com/paypal/glamorous/commits?author=kkemple "Tests") [📖](https://github.com/paypal/glamorous/commits?author=kkemple "Documentation") | [<img src="https://avatars1.githubusercontent.com/u/38172?v=3" width="100px;"/><br /><sub>Bernardo Raposo</sub>](http://bernardoraposo.com)<br />[📖](https://github.com/paypal/glamorous/commits?author=braposo "Documentation") [💡](#example-braposo "Examples") | [<img src="https://avatars2.githubusercontent.com/u/6325382?v=3" width="100px;"/><br /><sub>Ryan Delaney</sub>](http://rdel.io)<br />[💻](https://github.com/paypal/glamorous/commits?author=rrdelaney "Code") | [<img src="https://avatars2.githubusercontent.com/u/14035529?v=3" width="100px;"/><br /><sub>Anthony Ng</sub>](http://anthonyng.me)<br />[📖](https://github.com/paypal/glamorous/commits?author=newyork-anthonyng "Documentation") | [<img src="https://avatars1.githubusercontent.com/u/37633?v=3" width="100px;"/><br /><sub>Matthew Crutchfield</sub>](http://cnn.com)<br />[💡](#example-mtcrutch "Examples") | [<img src="https://avatars1.githubusercontent.com/u/662750?v=3" width="100px;"/><br /><sub>Kye Hohenberger</sub>](https://github.com/tkh44)<br />[💻](https://github.com/paypal/glamorous/commits?author=tkh44 "Code") [⚠️](https://github.com/paypal/glamorous/commits?author=tkh44 "Tests") [📖](https://github.com/paypal/glamorous/commits?author=tkh44 "Documentation") |
-| [<img src="https://avatars3.githubusercontent.com/u/16327281?v=3" width="100px;"/><br /><sub>Bernard Lin</sub>](https://github.com/bernard-lin)<br />[📖](https://github.com/paypal/glamorous/commits?author=bernard-lin "Documentation") [🔌](#plugin-bernard-lin "Plugin/utility libraries") | [<img src="https://avatars2.githubusercontent.com/u/11799597?v=3" width="100px;"/><br /><sub>Miguel Correa</sub>](http://miguelc1221.github.io/)<br />[💻](https://github.com/paypal/glamorous/commits?author=miguelc1221 "Code") | [<img src="https://avatars2.githubusercontent.com/u/769339?v=3" width="100px;"/><br /><sub>Brian Hough</sub>](http://rallypoint.gg)<br />[💡](#example-bhough "Examples") | [<img src="https://avatars3.githubusercontent.com/u/4950425?v=3" width="100px;"/><br /><sub>Erik Cupal</sub>](https://github.com/ErikCupal)<br />[💻](https://github.com/paypal/glamorous/commits?author=ErikCupal "Code") |
+| [<img src="https://avatars3.githubusercontent.com/u/16327281?v=3" width="100px;"/><br /><sub>Bernard Lin</sub>](https://github.com/bernard-lin)<br />[📖](https://github.com/paypal/glamorous/commits?author=bernard-lin "Documentation") [🔌](#plugin-bernard-lin "Plugin/utility libraries") | [<img src="https://avatars2.githubusercontent.com/u/11799597?v=3" width="100px;"/><br /><sub>Miguel Correa</sub>](http://miguelc1221.github.io/)<br />[💻](https://github.com/paypal/glamorous/commits?author=miguelc1221 "Code") | [<img src="https://avatars2.githubusercontent.com/u/769339?v=3" width="100px;"/><br /><sub>Brian Hough</sub>](http://rallypoint.gg)<br />[💡](#example-bhough "Examples") | [<img src="https://avatars3.githubusercontent.com/u/4950425?v=3" width="100px;"/><br /><sub>Erik Cupal</sub>](https://github.com/ErikCupal)<br />[💻](https://github.com/paypal/glamorous/commits?author=ErikCupal "Code") | [<img src="https://avatars1.githubusercontent.com/u/9153498?v=3" width="100px;"/><br /><sub>Kok J Sam</sub>](https://github.com/sammkj)<br />[💻](https://github.com/paypal/glamorous/commits?author=sammkj "Code") |
 <!-- ALL-CONTRIBUTORS-LIST:END -->
@@ -853,0 +853,0 @@

typings/element-interfaces.d.ts

@@ -1,121 +0,121 @@
-import { CSSProperties, SVGAttributes } from "react";
+import { CSSProperties, SVGAttributes } from 'react'
 import {
   HtmlStyledFunction,
   SvgStyledFunction,
-} from "./glamorous";
+} from './styled-function'
 
 export interface HTMLGlamorousInterface {
-  a: HtmlStyledFunction<HTMLAnchorElement, CSSProperties>;
-  abbr: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  address: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  area: HtmlStyledFunction<HTMLAreaElement, CSSProperties>;
-  article: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  aside: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  audio: HtmlStyledFunction<HTMLAudioElement, CSSProperties>;
-  b: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  base: HtmlStyledFunction<HTMLBaseElement, CSSProperties>;
-  bdi: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  bdo: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  big: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  blockquote: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  body: HtmlStyledFunction<HTMLBodyElement, CSSProperties>;
-  br: HtmlStyledFunction<HTMLBRElement, CSSProperties>;
-  button: HtmlStyledFunction<HTMLButtonElement, CSSProperties>;
-  canvas: HtmlStyledFunction<HTMLCanvasElement, CSSProperties>;
-  caption: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  cite: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  code: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  col: HtmlStyledFunction<HTMLTableColElement, CSSProperties>;
-  colgroup: HtmlStyledFunction<HTMLTableColElement, CSSProperties>;
-  data: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  datalist: HtmlStyledFunction<HTMLDataListElement, CSSProperties>;
-  dd: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  del: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  details: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  dfn: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  dialog: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  div: HtmlStyledFunction<HTMLDivElement, CSSProperties>;
-  dl: HtmlStyledFunction<HTMLDListElement, CSSProperties>;
-  dt: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  em: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  embed: HtmlStyledFunction<HTMLEmbedElement, CSSProperties>;
-  fieldset: HtmlStyledFunction<HTMLFieldSetElement, CSSProperties>;
-  figcaption: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  figure: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  footer: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  form: HtmlStyledFunction<HTMLFormElement, CSSProperties>;
-  h1: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>;
-  h2: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>;
-  h3: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>;
-  h4: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>;
-  h5: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>;
-  h6: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>;
-  head: HtmlStyledFunction<HTMLHeadElement, CSSProperties>;
-  header: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  hgroup: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  hr: HtmlStyledFunction<HTMLHRElement, CSSProperties>;
-  html: HtmlStyledFunction<HTMLHtmlElement, CSSProperties>;
-  i: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  iframe: HtmlStyledFunction<HTMLIFrameElement, CSSProperties>;
-  img: HtmlStyledFunction<HTMLImageElement, CSSProperties>;
-  input: HtmlStyledFunction<HTMLInputElement, CSSProperties>;
-  ins: HtmlStyledFunction<HTMLModElement, CSSProperties>;
-  kbd: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  keygen: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  label: HtmlStyledFunction<HTMLLabelElement, CSSProperties>;
-  legend: HtmlStyledFunction<HTMLLegendElement, CSSProperties>;
-  li: HtmlStyledFunction<HTMLLIElement, CSSProperties>;
-  link: HtmlStyledFunction<HTMLLinkElement, CSSProperties>;
-  main: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  map: HtmlStyledFunction<HTMLMapElement, CSSProperties>;
-  mark: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  menu: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  menuitem: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  meta: HtmlStyledFunction<HTMLMetaElement, CSSProperties>;
-  meter: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  nav: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  noscript: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  object: HtmlStyledFunction<HTMLObjectElement, CSSProperties>;
-  ol: HtmlStyledFunction<HTMLOListElement, CSSProperties>;
-  optgroup: HtmlStyledFunction<HTMLOptGroupElement, CSSProperties>;
-  option: HtmlStyledFunction<HTMLOptionElement, CSSProperties>;
-  output: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  p: HtmlStyledFunction<HTMLParagraphElement, CSSProperties>;
-  param: HtmlStyledFunction<HTMLParamElement, CSSProperties>;
-  picture: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  pre: HtmlStyledFunction<HTMLPreElement, CSSProperties>;
-  progress: HtmlStyledFunction<HTMLProgressElement, CSSProperties>;
-  q: HtmlStyledFunction<HTMLQuoteElement, CSSProperties>;
-  rp: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  rt: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  ruby: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  s: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  samp: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  script: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  section: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  select: HtmlStyledFunction<HTMLSelectElement, CSSProperties>;
-  small: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  source: HtmlStyledFunction<HTMLSourceElement, CSSProperties>;
-  span: HtmlStyledFunction<HTMLSpanElement, CSSProperties>;
-  strong: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  style: HtmlStyledFunction<HTMLStyleElement, CSSProperties>;
-  sub: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  summary: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  sup: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  table: HtmlStyledFunction<HTMLTableElement, CSSProperties>;
-  tbody: HtmlStyledFunction<HTMLTableSectionElement, CSSProperties>;
-  td: HtmlStyledFunction<HTMLTableDataCellElement, CSSProperties>;
-  textarea: HtmlStyledFunction<HTMLTextAreaElement, CSSProperties>;
-  tfoot: HtmlStyledFunction<HTMLTableSectionElement, CSSProperties>;
-  th: HtmlStyledFunction<HTMLTableHeaderCellElement, CSSProperties>;
-  thead: HtmlStyledFunction<HTMLTableSectionElement, CSSProperties>;
-  time: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  title: HtmlStyledFunction<HTMLTitleElement, CSSProperties>;
-  tr: HtmlStyledFunction<HTMLTableRowElement, CSSProperties>;
-  track: HtmlStyledFunction<HTMLTrackElement, CSSProperties>;
-  u: HtmlStyledFunction<HTMLElement, CSSProperties>;
-  ul: HtmlStyledFunction<HTMLUListElement, CSSProperties>;
-  "var": HtmlStyledFunction<HTMLElement, CSSProperties>;
-  video: HtmlStyledFunction<HTMLVideoElement, CSSProperties>;
-  wbr: HtmlStyledFunction<HTMLElement, CSSProperties>;
+  a: HtmlStyledFunction<HTMLAnchorElement, CSSProperties>
+  abbr: HtmlStyledFunction<HTMLElement, CSSProperties>
+  address: HtmlStyledFunction<HTMLElement, CSSProperties>
+  area: HtmlStyledFunction<HTMLAreaElement, CSSProperties>
+  article: HtmlStyledFunction<HTMLElement, CSSProperties>
+  aside: HtmlStyledFunction<HTMLElement, CSSProperties>
+  audio: HtmlStyledFunction<HTMLAudioElement, CSSProperties>
+  b: HtmlStyledFunction<HTMLElement, CSSProperties>
+  base: HtmlStyledFunction<HTMLBaseElement, CSSProperties>
+  bdi: HtmlStyledFunction<HTMLElement, CSSProperties>
+  bdo: HtmlStyledFunction<HTMLElement, CSSProperties>
+  big: HtmlStyledFunction<HTMLElement, CSSProperties>
+  blockquote: HtmlStyledFunction<HTMLElement, CSSProperties>
+  body: HtmlStyledFunction<HTMLBodyElement, CSSProperties>
+  br: HtmlStyledFunction<HTMLBRElement, CSSProperties>
+  button: HtmlStyledFunction<HTMLButtonElement, CSSProperties>
+  canvas: HtmlStyledFunction<HTMLCanvasElement, CSSProperties>
+  caption: HtmlStyledFunction<HTMLElement, CSSProperties>
+  cite: HtmlStyledFunction<HTMLElement, CSSProperties>
+  code: HtmlStyledFunction<HTMLElement, CSSProperties>
+  col: HtmlStyledFunction<HTMLTableColElement, CSSProperties>
+  colgroup: HtmlStyledFunction<HTMLTableColElement, CSSProperties>
+  data: HtmlStyledFunction<HTMLElement, CSSProperties>
+  datalist: HtmlStyledFunction<HTMLDataListElement, CSSProperties>
+  dd: HtmlStyledFunction<HTMLElement, CSSProperties>
+  del: HtmlStyledFunction<HTMLElement, CSSProperties>
+  details: HtmlStyledFunction<HTMLElement, CSSProperties>
+  dfn: HtmlStyledFunction<HTMLElement, CSSProperties>
+  dialog: HtmlStyledFunction<HTMLElement, CSSProperties>
+  div: HtmlStyledFunction<HTMLDivElement, CSSProperties>
+  dl: HtmlStyledFunction<HTMLDListElement, CSSProperties>
+  dt: HtmlStyledFunction<HTMLElement, CSSProperties>
+  em: HtmlStyledFunction<HTMLElement, CSSProperties>
+  embed: HtmlStyledFunction<HTMLEmbedElement, CSSProperties>
+  fieldset: HtmlStyledFunction<HTMLFieldSetElement, CSSProperties>
+  figcaption: HtmlStyledFunction<HTMLElement, CSSProperties>
+  figure: HtmlStyledFunction<HTMLElement, CSSProperties>
+  footer: HtmlStyledFunction<HTMLElement, CSSProperties>
+  form: HtmlStyledFunction<HTMLFormElement, CSSProperties>
+  h1: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>
+  h2: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>
+  h3: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>
+  h4: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>
+  h5: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>
+  h6: HtmlStyledFunction<HTMLHeadingElement, CSSProperties>
+  head: HtmlStyledFunction<HTMLHeadElement, CSSProperties>
+  header: HtmlStyledFunction<HTMLElement, CSSProperties>
+  hgroup: HtmlStyledFunction<HTMLElement, CSSProperties>
+  hr: HtmlStyledFunction<HTMLHRElement, CSSProperties>
+  html: HtmlStyledFunction<HTMLHtmlElement, CSSProperties>
+  i: HtmlStyledFunction<HTMLElement, CSSProperties>
+  iframe: HtmlStyledFunction<HTMLIFrameElement, CSSProperties>
+  img: HtmlStyledFunction<HTMLImageElement, CSSProperties>
+  input: HtmlStyledFunction<HTMLInputElement, CSSProperties>
+  ins: HtmlStyledFunction<HTMLModElement, CSSProperties>
+  kbd: HtmlStyledFunction<HTMLElement, CSSProperties>
+  keygen: HtmlStyledFunction<HTMLElement, CSSProperties>
+  label: HtmlStyledFunction<HTMLLabelElement, CSSProperties>
+  legend: HtmlStyledFunction<HTMLLegendElement, CSSProperties>
+  li: HtmlStyledFunction<HTMLLIElement, CSSProperties>
+  link: HtmlStyledFunction<HTMLLinkElement, CSSProperties>
+  main: HtmlStyledFunction<HTMLElement, CSSProperties>
+  map: HtmlStyledFunction<HTMLMapElement, CSSProperties>
+  mark: HtmlStyledFunction<HTMLElement, CSSProperties>
+  menu: HtmlStyledFunction<HTMLElement, CSSProperties>
+  menuitem: HtmlStyledFunction<HTMLElement, CSSProperties>
+  meta: HtmlStyledFunction<HTMLMetaElement, CSSProperties>
+  meter: HtmlStyledFunction<HTMLElement, CSSProperties>
+  nav: HtmlStyledFunction<HTMLElement, CSSProperties>
+  noscript: HtmlStyledFunction<HTMLElement, CSSProperties>
+  object: HtmlStyledFunction<HTMLObjectElement, CSSProperties>
+  ol: HtmlStyledFunction<HTMLOListElement, CSSProperties>
+  optgroup: HtmlStyledFunction<HTMLOptGroupElement, CSSProperties>
+  option: HtmlStyledFunction<HTMLOptionElement, CSSProperties>
+  output: HtmlStyledFunction<HTMLElement, CSSProperties>
+  p: HtmlStyledFunction<HTMLParagraphElement, CSSProperties>
+  param: HtmlStyledFunction<HTMLParamElement, CSSProperties>
+  picture: HtmlStyledFunction<HTMLElement, CSSProperties>
+  pre: HtmlStyledFunction<HTMLPreElement, CSSProperties>
+  progress: HtmlStyledFunction<HTMLProgressElement, CSSProperties>
+  q: HtmlStyledFunction<HTMLQuoteElement, CSSProperties>
+  rp: HtmlStyledFunction<HTMLElement, CSSProperties>
+  rt: HtmlStyledFunction<HTMLElement, CSSProperties>
+  ruby: HtmlStyledFunction<HTMLElement, CSSProperties>
+  s: HtmlStyledFunction<HTMLElement, CSSProperties>
+  samp: HtmlStyledFunction<HTMLElement, CSSProperties>
+  script: HtmlStyledFunction<HTMLElement, CSSProperties>
+  section: HtmlStyledFunction<HTMLElement, CSSProperties>
+  select: HtmlStyledFunction<HTMLSelectElement, CSSProperties>
+  small: HtmlStyledFunction<HTMLElement, CSSProperties>
+  source: HtmlStyledFunction<HTMLSourceElement, CSSProperties>
+  span: HtmlStyledFunction<HTMLSpanElement, CSSProperties>
+  strong: HtmlStyledFunction<HTMLElement, CSSProperties>
+  style: HtmlStyledFunction<HTMLStyleElement, CSSProperties>
+  sub: HtmlStyledFunction<HTMLElement, CSSProperties>
+  summary: HtmlStyledFunction<HTMLElement, CSSProperties>
+  sup: HtmlStyledFunction<HTMLElement, CSSProperties>
+  table: HtmlStyledFunction<HTMLTableElement, CSSProperties>
+  tbody: HtmlStyledFunction<HTMLTableSectionElement, CSSProperties>
+  td: HtmlStyledFunction<HTMLTableDataCellElement, CSSProperties>
+  textarea: HtmlStyledFunction<HTMLTextAreaElement, CSSProperties>
+  tfoot: HtmlStyledFunction<HTMLTableSectionElement, CSSProperties>
+  th: HtmlStyledFunction<HTMLTableHeaderCellElement, CSSProperties>
+  thead: HtmlStyledFunction<HTMLTableSectionElement, CSSProperties>
+  time: HtmlStyledFunction<HTMLElement, CSSProperties>
+  title: HtmlStyledFunction<HTMLTitleElement, CSSProperties>
+  tr: HtmlStyledFunction<HTMLTableRowElement, CSSProperties>
+  track: HtmlStyledFunction<HTMLTrackElement, CSSProperties>
+  u: HtmlStyledFunction<HTMLElement, CSSProperties>
+  ul: HtmlStyledFunction<HTMLUListElement, CSSProperties>
+  "var": HtmlStyledFunction<HTMLElement, CSSProperties>
+  video: HtmlStyledFunction<HTMLVideoElement, CSSProperties>
+  wbr: HtmlStyledFunction<HTMLElement, CSSProperties>
 }
@@ -125,21 +125,21 @@
 export interface SVGGlamorousInterface {
-  circle: SvgStyledFunction<SVGCircleElement, SVGAttributes<any>>;
-  clipPath: SvgStyledFunction<SVGClipPathElement, SVGAttributes<any>>;
-  defs: SvgStyledFunction<SVGDefsElement, SVGAttributes<any>>;
-  ellipse: SvgStyledFunction<SVGEllipseElement, SVGAttributes<any>>;
-  g: SvgStyledFunction<SVGGElement, SVGAttributes<any>>;
-  image: SvgStyledFunction<SVGImageElement, SVGAttributes<any>>;
-  line: SvgStyledFunction<SVGLineElement,SVGAttributes<any>>;
-  linearGradient: SvgStyledFunction<SVGLinearGradientElement, SVGAttributes<any>>;
-  mask: SvgStyledFunction<SVGMaskElement, SVGAttributes<any>>;
-  path: SvgStyledFunction<SVGPathElement, SVGAttributes<any>>;
-  pattern: SvgStyledFunction<SVGPatternElement, SVGAttributes<any>>;
-  polygon: SvgStyledFunction<SVGPolygonElement, SVGAttributes<any>>;
-  polyline: SvgStyledFunction<SVGPolylineElement, SVGAttributes<any>>;
-  radialGradient: SvgStyledFunction<SVGRadialGradientElement, SVGAttributes<any>>;
-  rect: SvgStyledFunction<SVGRectElement, SVGAttributes<any>>;
-  stop: SvgStyledFunction<SVGStopElement, SVGAttributes<any>>;
-  svg: SvgStyledFunction<SVGSVGElement, SVGAttributes<any>>;
-  text: SvgStyledFunction<SVGTextElement, SVGAttributes<any>>;
-  tspan: SvgStyledFunction<SVGTSpanElement, SVGAttributes<any>>;
+  circle: SvgStyledFunction<SVGCircleElement, SVGAttributes<any>>
+  clipPath: SvgStyledFunction<SVGClipPathElement, SVGAttributes<any>>
+  defs: SvgStyledFunction<SVGDefsElement, SVGAttributes<any>>
+  ellipse: SvgStyledFunction<SVGEllipseElement, SVGAttributes<any>>
+  g: SvgStyledFunction<SVGGElement, SVGAttributes<any>>
+  image: SvgStyledFunction<SVGImageElement, SVGAttributes<any>>
+  line: SvgStyledFunction<SVGLineElement,SVGAttributes<any>>
+  linearGradient: SvgStyledFunction<SVGLinearGradientElement, SVGAttributes<any>>
+  mask: SvgStyledFunction<SVGMaskElement, SVGAttributes<any>>
+  path: SvgStyledFunction<SVGPathElement, SVGAttributes<any>>
+  pattern: SvgStyledFunction<SVGPatternElement, SVGAttributes<any>>
+  polygon: SvgStyledFunction<SVGPolygonElement, SVGAttributes<any>>
+  polyline: SvgStyledFunction<SVGPolylineElement, SVGAttributes<any>>
+  radialGradient: SvgStyledFunction<SVGRadialGradientElement, SVGAttributes<any>>
+  rect: SvgStyledFunction<SVGRectElement, SVGAttributes<any>>
+  stop: SvgStyledFunction<SVGStopElement, SVGAttributes<any>>
+  svg: SvgStyledFunction<SVGSVGElement, SVGAttributes<any>>
+  text: SvgStyledFunction<SVGTextElement, SVGAttributes<any>>
+  tspan: SvgStyledFunction<SVGTSpanElement, SVGAttributes<any>>
 }

typings/glamorous.d.ts

@@ -5,18 +5,14 @@ // Type definitions for Glamorous v3.2.0
 
-import * as React from 'react';
+import * as React from 'react'
 import {
   HTMLGlamorousInterface,
   SVGGlamorousInterface,
-} from "./element-interfaces.d";
+} from './element-interfaces'
+import {
+  StyledFunction,
+  GlamorousComponent,
+} from './styled-function'
 
-import { StyledFunction } from './styled-function'
-
 export { StyledFunction }
 
-export type GlamorousComponent<P> = React.ComponentClass<P> | React.StatelessComponent<P>;
-
-export type HtmlStyledFunction<Element, Properties> = StyledFunction<React.HTMLProps<Element>, Properties>;
-
-export type SvgStyledFunction<Element extends SVGElement, Properties> = StyledFunction<React.SVGAttributes<Element>, Properties>;
-
 export interface GlamorousOptions {
@@ -32,3 +28,3 @@ displayName: string
     options?: GlamorousOptions
-  ): StyledFunction<P, React.CSSProperties | React.SVGAttributes<any>>;
+  ): StyledFunction<P, React.CSSProperties | React.SVGAttributes<any>>
 
@@ -40,3 +36,3 @@ Div: React.StatelessComponent<React.CSSProperties>
 interface ThemeProps {
-  theme: object;
+  theme: object
 }
@@ -46,4 +42,4 @@
 
-declare const glamorous: GlamorousInterface;
+declare const glamorous: GlamorousInterface
 
-export default glamorous;
+export default glamorous

typings/styled-function.d.ts

@@ -1,8 +0,26 @@
-import { GlamorousComponent } from './glamorous'
+/**
+ * `glamorousComponentFactory` returns a ComponentClass
+ *
+ * @see {@link https://github.com/paypal/glamorous/blob/master/src/create-glamorous.js#L28-L131}
+ */
 
+export type GlamorousComponent<P> = React.ComponentClass<P & ExtraGlamorousProps>
+
+/**
+ * StaticStyles are objects of CSS Properties.
+ * 
+ * @see {@link https://github.com/paypal/glamorous/blob/master/src/create-glamorous.js#L28-L131}
+ */
 export type StaticStyles<Properties> = Partial<Properties>
+
+/**
+ * DynamicStyledFunction generates styles based on props
+ * and themes.
+ * 
+ * @see {@link https://github.com/paypal/glamorous/blob/master/src/create-glamorous.js#L28-L131}
+ */
 export type DynamicStyledFunction<Properties, CustomProps> = (
   props: CustomProps,
   theme?: object
-) => Partial<Properties>;
+) => Partial<Properties>
 
@@ -30,2 +48,5 @@ type Styles<Properties, CustomProps> = Array<DynamicStyledFunction<Properties, CustomProps> | StaticStyles<Properties>>
 
+export interface ExtraGlamorousProps {
+  innerRef?: (instance: any) => void
+}
 
@@ -44,3 +65,3 @@ export interface StyledFunction<Props, Properties> {
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -53,3 +74,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -63,3 +84,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -73,3 +94,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -83,3 +104,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -93,3 +114,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -101,3 +122,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -110,3 +131,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -119,3 +140,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -129,3 +150,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -139,3 +160,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -149,3 +170,3 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
@@ -159,3 +180,7 @@
     ...styles: Styles<Properties, CustomProps>
-  ): GlamorousComponent<Props & CustomProps>;
+  ): GlamorousComponent<Props & CustomProps>
 }
+
+export type HtmlStyledFunction<Element, Properties> = StyledFunction<React.HTMLProps<Element>, Properties>
+
+export type SvgStyledFunction<Element extends SVGElement, Properties> = StyledFunction<React.SVGAttributes<Element>, Properties>

No alert changes

Improved metrics

Total package byte prevSize

328177

increased by0.19%

Lines of code

4745

increased by0.44%

No dependency changes