TypeScript releases (#1581)

* Release 0.23.2

* Use node 10 in jenkins

* Fix in jenkins node version

* Compare master versions with beta tagged ones (test 1)

* Test 2

* Last references to cosmos-tokens

* Fix cosmos-fonts versions

* Fix typing issue in Alert (release 0.23.7)

* Fix avatar block typing

* Release 0.23.8

* 0.23.8 changelog

* Catchup

Author: Franco Correa

Jenkinsfile

@@ -4,7 +4,7 @@ pipeline {
   }
 
   tools {
-    nodejs '8.9.1'
+    nodejs '10.15.1'
   }
 
   environment {

changelog.md

@@ -5,6 +5,24 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/). Currently, this project is using an `0.x` versioning system to indicate its preview status. As such, it does _not_ currently adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html). Once we reach production readiness, we will
 follow semver beginning with our `1.0` release. In the meantime, please read this changelog for information on breaking changes!
 
+## 0.23.8 [April 22, 2019]
+
+### Fixed
+
+- [Avatar Block] Fixed issue with title prop typing.
+
+## 0.23.7 [April 16, 2019]
+
+### Fixed
+
+- [Alert] Fixed issue with title prop typing.
+
+## 0.23.6 [April 15, 2019]
+
+### Added
+
+- Refactored Cosmos using Typescript. [#1576]
+
 ## 0.23.1 [March 20, 2019]
 
 ### Fixed

core/babel-preset/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@auth0/babel-preset-cosmos",
   "description": "babel preset to use cosmos",
-  "version": "0.23.1",
+  "version": "0.23.8",
   "repository": "auth0/cosmos",
   "main": "index.js",
   "author": "siddharthkp",

core/components/atoms/alert/alert.tsx

@@ -18,7 +18,7 @@ export interface IAlertProps {
   type?: IAlertAppearance // deprecated: use appearance
   appearance?: IAlertAppearance
   icon?: string
-  title?: string
+  title?: string | React.ReactNode
   /** @deprecated:children  */
   text?: string
   /** @deprecated:children  */
@@ -61,16 +61,13 @@ class Alert extends React.Component<IAlertProps, IAlertState> {
     this.state = { visible: true }
   }
 
-
-
   componentDidMount() {
     if (this.props.dismissAfterSeconds) {
       /* timer to auto dismiss the component */
       this.timer = window.setTimeout(this.dismiss, this.props.dismissAfterSeconds * 1000)
     }
   }
 
-
   componentWillUnmount() {
     /*
       clear timer on unmount

core/components/molecules/avatar-block/avatar-block.tsx

@@ -72,7 +72,7 @@ export interface IAvatarBlockProps {
   /** An image URL to display. */
   image?: string
   /** The primary line of text to display. */
-  title: string
+  title: string | React.ReactNode
   /** The type of item represented by the avatar block. */
   type: 'user' | 'resource'
   /** The size of the avatar block. */
@@ -82,7 +82,7 @@ export interface IAvatarBlockProps {
   /** @deprecated:link If specified, the main text will be rendered as a hyperlink */
   href?: string
   /** If specified, the main text will be rendered as a hyperlink */
-  link?: string | { href: string, target?: string }
+  link?: string | { href: string; target?: string }
   onClick?: Function
 }
 
@@ -114,7 +114,6 @@ AvatarBlock.Element = styled.span`
   justify-content: start;
 `
 
-
 AvatarBlock.defaultProps = {
   size: 'default'
 }

core/components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@auth0/cosmos",
   "description": "Component library for Auth0 Design System",
-  "version": "0.23.1",
+  "version": "0.23.8",
   "repository": "auth0/cosmos",
   "scripts": {},
   "keywords": [],

examples/perf-tests/package.json

@@ -10,11 +10,11 @@
     "start": "cosmos-scripts start"
   },
   "dependencies": {
-    "@auth0/cosmos": "0.23.1",
+    "@auth0/cosmos": "0.23.8",
     "react": "16.8.4",
     "react-dom": "16.8.4"
   },
   "devDependencies": {
-    "@auth0/cosmos-scripts": "0.23.1"
+    "@auth0/cosmos-scripts": "0.23.8"
   }
 }

examples/webpack-hello-world/package.json

@@ -10,12 +10,12 @@
     "start": "cosmos-scripts start"
   },
   "dependencies": {
-    "@auth0/cosmos": "0.23.1",
-    "@auth0/cosmos-fonts": "0.0.1",
+    "@auth0/cosmos": "0.23.8",
+    "@auth0/cosmos-fonts": "0.0.5",
     "react": "16.8.4",
     "react-dom": "16.8.4"
   },
   "devDependencies": {
-    "@auth0/cosmos-scripts": "0.23.1"
+    "@auth0/cosmos-scripts": "0.23.8"
   }
 }

internal/cosmos-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/cosmos-scripts",
-  "version": "0.23.1",
+  "version": "0.23.8",
   "description": "",
   "bin": {
     "cosmos-scripts": "cli.js"

internal/docs/docs-components/list.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import { fonts } from '@auth0/cosmos-tokens'
+import { fonts } from '@auth0/cosmos/tokens'
 
 const List = styled.ul`
   list-style: ${props => (props.nested ? 'circle' : 'disc')};