diff --git a/components/Carousel/Carousel.jsx b/components/Carousel/Carousel.jsx index 538398382..78aaacd7b 100644 --- a/components/Carousel/Carousel.jsx +++ b/components/Carousel/Carousel.jsx @@ -4,8 +4,8 @@ import classNames from 'classnames' import React, { Component } from 'react' import ReactDOM from 'react-dom' -import LeftArrowIcon from '../Icons/LeftArrowIcon' -import RightArrowIcon from '../Icons/RightArrowIcon' +import IconArrowMinimalLeft from '../Icons/IconArrowMinimalLeft' +import IconArrowMinimalRight from '../Icons/IconArrowMinimalRight' export default class Carousel extends Component { componentWillMount() { @@ -107,13 +107,13 @@ export default class Carousel extends Component { return (
- +
{ this.props.children.map(carouselItem) }
- +
) diff --git a/components/Icons/FacebookIcon.jsx b/components/Icons/FacebookIcon.jsx deleted file mode 100644 index 54a735d19..000000000 --- a/components/Icons/FacebookIcon.jsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react' - -const FacebookIcon = ({ width, height, fill }) => { - const f = (fill || '#3B5998') - return ( - - ico-facebook - Created with Sketch. - - - - - - - - - - - - - - ) -} - -export default FacebookIcon diff --git a/components/Icons/GPlusIcon.jsx b/components/Icons/GPlusIcon.jsx deleted file mode 100644 index 837cdf692..000000000 --- a/components/Icons/GPlusIcon.jsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react' - -const GPlusIcon = ({ width, height }) => { - return ( - - - - - - - - - - - - - - - - - - ) -} - -export default GPlusIcon diff --git a/components/Icons/HamburgerIcon.jsx b/components/Icons/HamburgerIcon.jsx deleted file mode 100644 index 5a5daeda3..000000000 --- a/components/Icons/HamburgerIcon.jsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react' - -const HamburgerIcon = ({ width, height, stroke }) => { - const s = (stroke || '#A3A3AE') - return ( - - ico-hamburger - Created with Sketch. - - - - - - - - - - - - ) -} - -export default HamburgerIcon diff --git a/components/Icons/IconArrowLogOut.jsx b/components/Icons/IconArrowLogOut.jsx new file mode 100644 index 000000000..18af438fd --- /dev/null +++ b/components/Icons/IconArrowLogOut.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconArrowLogOut = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowLogOut + + + + ) +} + +IconArrowLogOut.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowLogOut \ No newline at end of file diff --git a/components/Icons/IconArrowMinimalDown.jsx b/components/Icons/IconArrowMinimalDown.jsx new file mode 100644 index 000000000..67ec091dc --- /dev/null +++ b/components/Icons/IconArrowMinimalDown.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrowMinimalDown = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowMinimalDown + + + ) +} + +IconArrowMinimalDown.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowMinimalDown \ No newline at end of file diff --git a/components/Icons/IconArrowMinimalLeft.jsx b/components/Icons/IconArrowMinimalLeft.jsx new file mode 100644 index 000000000..d7f6ac73f --- /dev/null +++ b/components/Icons/IconArrowMinimalLeft.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrowMinimalLeft = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowMinimalLeft + + + ) +} + +IconArrowMinimalLeft.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowMinimalLeft \ No newline at end of file diff --git a/components/Icons/IconArrowMinimalRight.jsx b/components/Icons/IconArrowMinimalRight.jsx new file mode 100644 index 000000000..451d223a3 --- /dev/null +++ b/components/Icons/IconArrowMinimalRight.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrowMinimalRight = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowMinimalRight + + + ) +} + +IconArrowMinimalRight.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowMinimalRight \ No newline at end of file diff --git a/components/Icons/IconArrowMinimalUp.jsx b/components/Icons/IconArrowMinimalUp.jsx new file mode 100644 index 000000000..119d0f4fe --- /dev/null +++ b/components/Icons/IconArrowMinimalUp.jsx @@ -0,0 +1,21 @@ +import React from 'react' + +const IconArrowMinimalUp = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowMinimalUp + ) +} + +IconArrowMinimalUp.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowMinimalUp \ No newline at end of file diff --git a/components/Icons/IconArrowPriorityHigh.jsx b/components/Icons/IconArrowPriorityHigh.jsx new file mode 100644 index 000000000..37de8ae34 --- /dev/null +++ b/components/Icons/IconArrowPriorityHigh.jsx @@ -0,0 +1,22 @@ +import React from 'react' + +const IconArrowPriorityHigh = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowPriorityHigh + + + ) +} + +IconArrowPriorityHigh.propTypes = { + fill : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowPriorityHigh \ No newline at end of file diff --git a/components/Icons/IconArrowPriorityLow.jsx b/components/Icons/IconArrowPriorityLow.jsx new file mode 100644 index 000000000..4836f1f71 --- /dev/null +++ b/components/Icons/IconArrowPriorityLow.jsx @@ -0,0 +1,21 @@ +import React from 'react' + +const IconArrowPriorityLow = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowPriorityLow + + ) +} + +IconArrowPriorityLow.propTypes = { + fill : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowPriorityLow \ No newline at end of file diff --git a/components/Icons/IconArrowSelect.jsx b/components/Icons/IconArrowSelect.jsx new file mode 100644 index 000000000..60410d713 --- /dev/null +++ b/components/Icons/IconArrowSelect.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrowSelect = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowSelect + + + ) +} + +IconArrowSelect.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowSelect \ No newline at end of file diff --git a/components/Icons/IconArrowShareIcon.jsx b/components/Icons/IconArrowShareIcon.jsx new file mode 100644 index 000000000..0cf34434c --- /dev/null +++ b/components/Icons/IconArrowShareIcon.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconArrowShareIcon = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowShareIcon + + + + ) +} + +IconArrowShareIcon.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowShareIcon \ No newline at end of file diff --git a/components/Icons/IconArrowTailDown.jsx b/components/Icons/IconArrowTailDown.jsx new file mode 100644 index 000000000..a97f0d764 --- /dev/null +++ b/components/Icons/IconArrowTailDown.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrowTailDown = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowTailDown + + + ) +} + +IconArrowTailDown.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowTailDown \ No newline at end of file diff --git a/components/Icons/IconArrowTailLeft.jsx b/components/Icons/IconArrowTailLeft.jsx new file mode 100644 index 000000000..c6d4a64f5 --- /dev/null +++ b/components/Icons/IconArrowTailLeft.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrolTailLeft = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrolTailLeft + + + ) +} + +IconArrolTailLeft.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrolTailLeft \ No newline at end of file diff --git a/components/Icons/IconArrowTailRight.jsx b/components/Icons/IconArrowTailRight.jsx new file mode 100644 index 000000000..caa5a29c5 --- /dev/null +++ b/components/Icons/IconArrowTailRight.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrowTailRight = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowTailRight + + + ) +} + +IconArrowTailRight.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowTailRight \ No newline at end of file diff --git a/components/Icons/IconArrowTailUp.jsx b/components/Icons/IconArrowTailUp.jsx new file mode 100644 index 000000000..0ef6669bd --- /dev/null +++ b/components/Icons/IconArrowTailUp.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconArrowTailUp = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconArrowTailUp + + + ) +} + +IconArrowTailUp.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconArrowTailUp \ No newline at end of file diff --git a/components/Icons/IconDesignCode.jsx b/components/Icons/IconDesignCode.jsx new file mode 100644 index 000000000..c309b501a --- /dev/null +++ b/components/Icons/IconDesignCode.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconDesignCode = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconDesignCode + + + ) +} + +IconDesignCode.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconDesignCode \ No newline at end of file diff --git a/components/Icons/IconFilesSingleFoldedContent.jsx b/components/Icons/IconFilesSingleFoldedContent.jsx new file mode 100644 index 000000000..e68c8d6e2 --- /dev/null +++ b/components/Icons/IconFilesSingleFoldedContent.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconFileSingleFoldedContent = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconFileSingleFoldedContent + + + ) +} + +IconFileSingleFoldedContent.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconFileSingleFoldedContent \ No newline at end of file diff --git a/components/Icons/IconMediaImage.jsx b/components/Icons/IconMediaImage.jsx new file mode 100644 index 000000000..e81d2eacc --- /dev/null +++ b/components/Icons/IconMediaImage.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconName = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconName + + + + ) +} + +IconName.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconName \ No newline at end of file diff --git a/components/Icons/IconSocialDribbble.jsx b/components/Icons/IconSocialDribbble.jsx new file mode 100644 index 000000000..019d52cbc --- /dev/null +++ b/components/Icons/IconSocialDribbble.jsx @@ -0,0 +1,20 @@ +import React from 'react' + +const IconSocialDribble = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + + ) +} + +IconSocialDribble.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialDribble \ No newline at end of file diff --git a/components/Icons/IconSocialDropbox.jsx b/components/Icons/IconSocialDropbox.jsx new file mode 100644 index 000000000..17345d628 --- /dev/null +++ b/components/Icons/IconSocialDropbox.jsx @@ -0,0 +1,22 @@ +import React from 'react' + +const IconSocialDropbox = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + + + +) +} + +IconSocialDropbox.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialDropbox \ No newline at end of file diff --git a/components/Icons/IconSocialFacebook.jsx b/components/Icons/IconSocialFacebook.jsx new file mode 100644 index 000000000..de502b91e --- /dev/null +++ b/components/Icons/IconSocialFacebook.jsx @@ -0,0 +1,20 @@ +import React from 'react' + +const IconSocialFacebook = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + +) +} + +IconSocialFacebook.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialFacebook \ No newline at end of file diff --git a/components/Icons/IconSocialGithub.jsx b/components/Icons/IconSocialGithub.jsx new file mode 100644 index 000000000..0c53658d2 --- /dev/null +++ b/components/Icons/IconSocialGithub.jsx @@ -0,0 +1,19 @@ +import React from 'react' + +const IconSocialGithub = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + +) +} + +IconSocialGithub.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialGithub \ No newline at end of file diff --git a/components/Icons/IconSocialGooglePlus.jsx b/components/Icons/IconSocialGooglePlus.jsx new file mode 100644 index 000000000..45fe3d0f1 --- /dev/null +++ b/components/Icons/IconSocialGooglePlus.jsx @@ -0,0 +1,19 @@ +import React from 'react' + +const IconSocialGooglePlus = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + +) +} + +IconSocialGooglePlus.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialGooglePlus \ No newline at end of file diff --git a/components/Icons/IconSocialLinkedin.jsx b/components/Icons/IconSocialLinkedin.jsx new file mode 100644 index 000000000..9b67923ad --- /dev/null +++ b/components/Icons/IconSocialLinkedin.jsx @@ -0,0 +1,20 @@ +import React from 'react' + +const IconSocialLinkedin = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + +) +} + +IconSocialLinkedin.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialLinkedin \ No newline at end of file diff --git a/components/Icons/IconSocialPaypal.jsx b/components/Icons/IconSocialPaypal.jsx new file mode 100644 index 000000000..30c7f4c4a --- /dev/null +++ b/components/Icons/IconSocialPaypal.jsx @@ -0,0 +1,21 @@ +import React from 'react' + +const IconSocialPayPal = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + + + ) +} + +IconSocialPayPal.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialPayPal \ No newline at end of file diff --git a/components/Icons/IconSocialSlack.jsx b/components/Icons/IconSocialSlack.jsx new file mode 100644 index 000000000..3710866a8 --- /dev/null +++ b/components/Icons/IconSocialSlack.jsx @@ -0,0 +1,26 @@ +import React from 'react' + +const IconSocialSlack = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + + + + + + + + ) +} + +IconSocialSlack.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialSlack \ No newline at end of file diff --git a/components/Icons/IconSocialTrello.jsx b/components/Icons/IconSocialTrello.jsx new file mode 100644 index 000000000..bc5460430 --- /dev/null +++ b/components/Icons/IconSocialTrello.jsx @@ -0,0 +1,19 @@ +import React from 'react' + +const IconSocialTwitter = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + ) +} + +IconSocialTwitter.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialTwitter \ No newline at end of file diff --git a/components/Icons/IconSocialTwitter.jsx b/components/Icons/IconSocialTwitter.jsx new file mode 100644 index 000000000..bc5460430 --- /dev/null +++ b/components/Icons/IconSocialTwitter.jsx @@ -0,0 +1,19 @@ +import React from 'react' + +const IconSocialTwitter = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + ) +} + +IconSocialTwitter.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialTwitter \ No newline at end of file diff --git a/components/Icons/IconSocialYoutube.jsx b/components/Icons/IconSocialYoutube.jsx new file mode 100644 index 000000000..6504a490d --- /dev/null +++ b/components/Icons/IconSocialYoutube.jsx @@ -0,0 +1,20 @@ +import React from 'react' + +const IconSocialYouTube = (props) => { + const height = props.height || '48' + const width = props.width || '48' + + return ( + + + + + ) +} + +IconSocialYouTube.propTypes = { + height: React.PropTypes.number, + width: React.PropTypes.number +} + +export default IconSocialYouTube \ No newline at end of file diff --git a/components/Icons/IconTcCarretDown.jsx b/components/Icons/IconTcCarretDown.jsx new file mode 100644 index 000000000..c15d489a1 --- /dev/null +++ b/components/Icons/IconTcCarretDown.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconCarretDown = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '6' + const width = props.width || '10' + + return ( + + IconCarretDown + + + ) +} + +IconCarretDown.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconCarretDown \ No newline at end of file diff --git a/components/Icons/IconTcCarretUp.jsx b/components/Icons/IconTcCarretUp.jsx new file mode 100644 index 000000000..4083fb045 --- /dev/null +++ b/components/Icons/IconTcCarretUp.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconCarretUp = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '6' + const width = props.width || '10' + + return ( + + IconCarretUp + + + ) +} + +IconCarretUp.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconCarretUp \ No newline at end of file diff --git a/components/Icons/IconTcMenuBold.jsx b/components/Icons/IconTcMenuBold.jsx new file mode 100644 index 000000000..69397edf5 --- /dev/null +++ b/components/Icons/IconTcMenuBold.jsx @@ -0,0 +1,25 @@ +import React from 'react' + +const IconTcMenuBold = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconTcMenuBold + + + ) +} + +IconTcMenuBold.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcMenuBold + + diff --git a/components/Icons/IconTcSpecIconTypeColorHome.jsx b/components/Icons/IconTcSpecIconTypeColorHome.jsx new file mode 100644 index 000000000..5dbf96c9d --- /dev/null +++ b/components/Icons/IconTcSpecIconTypeColorHome.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconTcSpecIconTypeColorHome = (props) => { + const height = props.height || '46' + const width = props.width || '44' + + return ( + + IconTcSpecIconTypeColorHome + + + + + + + ) +} + +IconTcSpecIconTypeColorHome.propTypes = { + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcSpecIconTypeColorHome \ No newline at end of file diff --git a/components/Icons/IconTcSpecIconTypeGlyphHome.jsx b/components/Icons/IconTcSpecIconTypeGlyphHome.jsx new file mode 100644 index 000000000..6767f926d --- /dev/null +++ b/components/Icons/IconTcSpecIconTypeGlyphHome.jsx @@ -0,0 +1,25 @@ +import React from 'react' + +const IconTcSpecIconTypeGlyphHome = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '48' + const width = props.width || '48' + + return ( + + IconTcSpecIconTypeGlyphHome + + + + + ) +} + +IconTcSpecIconTypeGlyphHome.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcSpecIconTypeGlyphHome \ No newline at end of file diff --git a/components/Icons/IconTcSpecIconTypeOutlineHome.jsx b/components/Icons/IconTcSpecIconTypeOutlineHome.jsx new file mode 100644 index 000000000..4ecb1f2e5 --- /dev/null +++ b/components/Icons/IconTcSpecIconTypeOutlineHome.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconTcSpecIconTypeOutlineHome = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '48' + const width = props.width || '48' + + return ( + + IconTcSpecIconTypeOutlineHome + + + + ) +} + +IconTcSpecIconTypeOutlineHome.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcSpecIconTypeOutlineHome \ No newline at end of file diff --git a/components/Icons/IconTcSpecTypeSansSerif.jsx b/components/Icons/IconTcSpecTypeSansSerif.jsx new file mode 100644 index 000000000..827883ee4 --- /dev/null +++ b/components/Icons/IconTcSpecTypeSansSerif.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTcSpecTypeSansSerif = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '64' + const width = props.width || '64' + + return ( + + IconTcSpecTypeSansSerif + + + ) +} + +IconTcSpecTypeSansSerif.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcSpecTypeSansSerif \ No newline at end of file diff --git a/components/Icons/IconTcSpecTypeSerif.jsx b/components/Icons/IconTcSpecTypeSerif.jsx new file mode 100644 index 000000000..0b76e4ab9 --- /dev/null +++ b/components/Icons/IconTcSpecTypeSerif.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTcSpecTypeSerif = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '64' + const width = props.width || '64' + + return ( + + IconTcSpecTypeSerif + + + ) +} + +IconTcSpecTypeSerif.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcSpecTypeSerif \ No newline at end of file diff --git a/components/Icons/IconTcTextBold.jsx b/components/Icons/IconTcTextBold.jsx new file mode 100644 index 000000000..8f51b3f6f --- /dev/null +++ b/components/Icons/IconTcTextBold.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTcTextBold = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconTcTextBold + + + ) +} + +IconTcTextBold.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcTextBold \ No newline at end of file diff --git a/components/Icons/IconTcTextItalic.jsx b/components/Icons/IconTcTextItalic.jsx new file mode 100644 index 000000000..fcf1f54f4 --- /dev/null +++ b/components/Icons/IconTcTextItalic.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTcTextItalic = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconTcTextItalic + + + ) +} + +IconTcTextItalic.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcTextItalic \ No newline at end of file diff --git a/components/Icons/IconTcTextUnderline.jsx b/components/Icons/IconTcTextUnderline.jsx new file mode 100644 index 000000000..86e951757 --- /dev/null +++ b/components/Icons/IconTcTextUnderline.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTcTextUnderline = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconTcTextUnderline + + + ) +} + +IconTcTextUnderline.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTcTextUnderline \ No newline at end of file diff --git a/components/Icons/IconTechOutlineDesktop.jsx b/components/Icons/IconTechOutlineDesktop.jsx new file mode 100644 index 000000000..ac203c6e2 --- /dev/null +++ b/components/Icons/IconTechOutlineDesktop.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTechOutlineDesktop = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '48' + const width = props.width || '48' + + return ( + + IconTechOutlineDesktop + + + ) +} + +IconTechOutlineDesktop.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTechOutlineDesktop \ No newline at end of file diff --git a/components/Icons/IconTechOutlineMobile.jsx b/components/Icons/IconTechOutlineMobile.jsx new file mode 100644 index 000000000..cabacc979 --- /dev/null +++ b/components/Icons/IconTechOutlineMobile.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTechOutlineMobile = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '48' + const width = props.width || '48' + + return ( + + IconTechOutlineMobile + + + ) +} + +IconTechOutlineMobile.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTechOutlineMobile \ No newline at end of file diff --git a/components/Icons/IconTechOutlineTablet.jsx b/components/Icons/IconTechOutlineTablet.jsx new file mode 100644 index 000000000..e73ae59e4 --- /dev/null +++ b/components/Icons/IconTechOutlineTablet.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTechOutlineTablet = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '48' + const width = props.width || '48' + + return ( + + IconTechOutlineTablet + + + ) +} + +IconTechOutlineTablet.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTechOutlineTablet \ No newline at end of file diff --git a/components/Icons/IconTechOutlineWatchAndroid.jsx b/components/Icons/IconTechOutlineWatchAndroid.jsx new file mode 100644 index 000000000..49b74a642 --- /dev/null +++ b/components/Icons/IconTechOutlineWatchAndroid.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTechOutlineWatchAndroid = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '48' + const width = props.width || '48' + + return ( + + IconTechOutlineWatchAndroid + + + ) +} + +IconTechOutlineWatchAndroid.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTechOutlineWatchAndroid \ No newline at end of file diff --git a/components/Icons/IconTechOutlineWatchApple.jsx b/components/Icons/IconTechOutlineWatchApple.jsx new file mode 100644 index 000000000..0ad59c081 --- /dev/null +++ b/components/Icons/IconTechOutlineWatchApple.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTechOutlineWatchApple = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '48' + const width = props.width || '48' + + return ( + + IconTechOutlineWatchApple + + + ) +} + +IconTechOutlineWatchApple.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTechOutlineWatchApple \ No newline at end of file diff --git a/components/Icons/IconTextListBullet.jsx b/components/Icons/IconTextListBullet.jsx new file mode 100644 index 000000000..b3bb26022 --- /dev/null +++ b/components/Icons/IconTextListBullet.jsx @@ -0,0 +1,26 @@ +import React from 'react' + +const IconTextListBullet = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconTextListBullet + + + + + + ) +} + +IconTextListBullet.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTextListBullet \ No newline at end of file diff --git a/components/Icons/IconTextListNumbers.jsx b/components/Icons/IconTextListNumbers.jsx new file mode 100644 index 000000000..03225979e --- /dev/null +++ b/components/Icons/IconTextListNumbers.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconTextListNumbers = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconTextListNumbers + + + + ) +} + +IconTextListNumbers.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTextListNumbers \ No newline at end of file diff --git a/components/Icons/IconTextQuote.jsx b/components/Icons/IconTextQuote.jsx new file mode 100644 index 000000000..084810dc7 --- /dev/null +++ b/components/Icons/IconTextQuote.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconTextQuote = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconTextQuote + + + ) +} + +IconTextQuote.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconTextQuote \ No newline at end of file diff --git a/components/Icons/IconUIAlert.jsx b/components/Icons/IconUIAlert.jsx new file mode 100644 index 000000000..8a968e817 --- /dev/null +++ b/components/Icons/IconUIAlert.jsx @@ -0,0 +1,25 @@ +import React from 'react' + +const IconUIAlert = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIAlert + + + + + ) +} + +IconUIAlert.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIAlert \ No newline at end of file diff --git a/components/Icons/IconUIAttach.jsx b/components/Icons/IconUIAttach.jsx new file mode 100644 index 000000000..99e9f1b8f --- /dev/null +++ b/components/Icons/IconUIAttach.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIAttach = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIAttach + + + ) +} + +IconUIAttach.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIAttach \ No newline at end of file diff --git a/components/Icons/IconUIBoldAdd.jsx b/components/Icons/IconUIBoldAdd.jsx new file mode 100644 index 000000000..0aa2d23ca --- /dev/null +++ b/components/Icons/IconUIBoldAdd.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIBoldAdd = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIBoldAdd + + + ) +} + +IconUIBoldAdd.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIBoldAdd \ No newline at end of file diff --git a/components/Icons/IconUIBoldDelete.jsx b/components/Icons/IconUIBoldDelete.jsx new file mode 100644 index 000000000..2d2d7100a --- /dev/null +++ b/components/Icons/IconUIBoldDelete.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIBoldDelete = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIBoldDelete + + + ) +} + +IconUIBoldDelete.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIBoldDelete \ No newline at end of file diff --git a/components/Icons/IconUIBoldRemove.jsx b/components/Icons/IconUIBoldRemove.jsx new file mode 100644 index 000000000..eb9f18980 --- /dev/null +++ b/components/Icons/IconUIBoldRemove.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIBoldRemove = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIBoldRemove + + + ) +} + +IconUIBoldRemove.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIBoldRemove \ No newline at end of file diff --git a/components/Icons/IconUICalendarAdd.jsx b/components/Icons/IconUICalendarAdd.jsx new file mode 100644 index 000000000..699e55866 --- /dev/null +++ b/components/Icons/IconUICalendarAdd.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUICalendarAdd = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUICalendarAdd + + + ) +} + +IconUICalendarAdd.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUICalendarAdd \ No newline at end of file diff --git a/components/Icons/IconUIChat.jsx b/components/Icons/IconUIChat.jsx new file mode 100644 index 000000000..0b61da49e --- /dev/null +++ b/components/Icons/IconUIChat.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIChat = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIChat + + + ) +} + +IconUIChat.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIChat \ No newline at end of file diff --git a/components/Icons/IconUICheckBold.jsx b/components/Icons/IconUICheckBold.jsx new file mode 100644 index 000000000..052534bcd --- /dev/null +++ b/components/Icons/IconUICheckBold.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUICheckBold = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUICheckBold + + + ) +} + +IconUICheckBold.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUICheckBold \ No newline at end of file diff --git a/components/Icons/IconUICheckSimple.jsx b/components/Icons/IconUICheckSimple.jsx new file mode 100644 index 000000000..c467a7a89 --- /dev/null +++ b/components/Icons/IconUICheckSimple.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUICheckSimple = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUICheckSimple + + + ) +} + +IconUICheckSimple.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUICheckSimple \ No newline at end of file diff --git a/components/Icons/IconUIGrid.jsx b/components/Icons/IconUIGrid.jsx new file mode 100644 index 000000000..6fe6165ee --- /dev/null +++ b/components/Icons/IconUIGrid.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIGrid = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIGrid + + + ) +} + +IconUIGrid.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIGrid \ No newline at end of file diff --git a/components/Icons/IconUIHelp.jsx b/components/Icons/IconUIHelp.jsx new file mode 100644 index 000000000..d97c470a7 --- /dev/null +++ b/components/Icons/IconUIHelp.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIHelp = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIHelp + + + ) +} + +IconUIHelp.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIHelp \ No newline at end of file diff --git a/components/Icons/IconUIInfo.jsx b/components/Icons/IconUIInfo.jsx new file mode 100644 index 000000000..e804905f3 --- /dev/null +++ b/components/Icons/IconUIInfo.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIInfo = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIInfo + + + ) +} + +IconUIInfo.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIInfo \ No newline at end of file diff --git a/components/Icons/IconUILink.jsx b/components/Icons/IconUILink.jsx new file mode 100644 index 000000000..5e97ecca8 --- /dev/null +++ b/components/Icons/IconUILink.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUILink = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUILink + + + ) +} + +IconUILink.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUILink \ No newline at end of file diff --git a/components/Icons/IconUIPencil.jsx b/components/Icons/IconUIPencil.jsx new file mode 100644 index 000000000..e85667bd2 --- /dev/null +++ b/components/Icons/IconUIPencil.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIPencil = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIPencil + + + ) +} + +IconUIPencil.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIPencil \ No newline at end of file diff --git a/components/Icons/IconUISettingsGear.jsx b/components/Icons/IconUISettingsGear.jsx new file mode 100644 index 000000000..13d3809d4 --- /dev/null +++ b/components/Icons/IconUISettingsGear.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUISettingsGear = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUISettingsGear + + + ) +} + +IconUISettingsGear.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUISettingsGear \ No newline at end of file diff --git a/components/Icons/IconUITrashSimple.jsx b/components/Icons/IconUITrashSimple.jsx new file mode 100644 index 000000000..771af3acb --- /dev/null +++ b/components/Icons/IconUITrashSimple.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUITrashSimple = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUITrashSimple + + + ) +} + +IconUITrashSimple.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUITrashSimple \ No newline at end of file diff --git a/components/Icons/IconUIZoom.jsx b/components/Icons/IconUIZoom.jsx new file mode 100644 index 000000000..fb2bf078a --- /dev/null +++ b/components/Icons/IconUIZoom.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUIZoom = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUIZoom + + + ) +} + +IconUIZoom.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUIZoom \ No newline at end of file diff --git a/components/Icons/IconUsersAdd.jsx b/components/Icons/IconUsersAdd.jsx new file mode 100644 index 000000000..5c5800503 --- /dev/null +++ b/components/Icons/IconUsersAdd.jsx @@ -0,0 +1,23 @@ +import React from 'react' + +const IconUsersAdd = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUsersAdd + + + ) +} + +IconUsersAdd.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUsersAdd \ No newline at end of file diff --git a/components/Icons/IconUsersDelete.jsx b/components/Icons/IconUsersDelete.jsx new file mode 100644 index 000000000..227adfcd2 --- /dev/null +++ b/components/Icons/IconUsersDelete.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconUsersDelete = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUsersDelete + + + + ) +} + +IconUsersDelete.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUsersDelete \ No newline at end of file diff --git a/components/Icons/IconUsersMultiple.jsx b/components/Icons/IconUsersMultiple.jsx new file mode 100644 index 000000000..3f263aec8 --- /dev/null +++ b/components/Icons/IconUsersMultiple.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconUsersMultiple = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUsersMultiple + + + + ) +} + +IconUsersMultiple.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUsersMultiple \ No newline at end of file diff --git a/components/Icons/IconUsersSingle.jsx b/components/Icons/IconUsersSingle.jsx new file mode 100644 index 000000000..37065911d --- /dev/null +++ b/components/Icons/IconUsersSingle.jsx @@ -0,0 +1,24 @@ +import React from 'react' + +const IconUsersSingleUserInterface = (props) => { + const fill = props.fill || '#62AADC' + const height = props.height || '16' + const width = props.width || '16' + + return ( + + IconUsersSingleUserInterface + + + + ) +} + +IconUsersSingleUserInterface.propTypes = { + fill : React.PropTypes.string, + stroke : React.PropTypes.string, + height : React.PropTypes.number, + width : React.PropTypes.number +} + +export default IconUsersSingleUserInterface \ No newline at end of file diff --git a/components/Icons/LeftArrowIcon.jsx b/components/Icons/LeftArrowIcon.jsx deleted file mode 100644 index a4e5b13fe..000000000 --- a/components/Icons/LeftArrowIcon.jsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react' - -const LeftArrowIcon = ({ width, height, fill }) => { - const f = (fill || '#A3A3AE') - return ( - - ico-arrow-big-left - Created with Sketch. - - - - - - - - ) -} - -export default LeftArrowIcon diff --git a/components/Icons/LinkedInIcon.jsx b/components/Icons/LinkedInIcon.jsx deleted file mode 100644 index ca7b00b33..000000000 --- a/components/Icons/LinkedInIcon.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' - -const LinkedInIcon = ({ width, height, fill }) => { - const f = (fill || '#007BB5') - return ( - - - - - - - - - - - - - - ) -} - -export default LinkedInIcon diff --git a/components/Icons/MagnifyGlassIcon.jsx b/components/Icons/MagnifyGlassIcon.jsx deleted file mode 100644 index 037ecf491..000000000 --- a/components/Icons/MagnifyGlassIcon.jsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react' - -const MagnifyGlassIcon = ({ width, height, stroke }) => { - const s = (stroke || '#A3A3AE') - return ( - - ico-magnify - - - - - - - - - - - ) -} - -export default MagnifyGlassIcon diff --git a/components/Icons/PlaceholderIcon.jsx b/components/Icons/PlaceholderIcon.jsx deleted file mode 100644 index 66beca645..000000000 --- a/components/Icons/PlaceholderIcon.jsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react' - -const PlaceholderIcon = ({ width, height, fill }) => { - const f = (fill || '#B47DD6') - return ( - - - - ) -} - -export default PlaceholderIcon \ No newline at end of file diff --git a/components/Icons/RightArrowIcon.jsx b/components/Icons/RightArrowIcon.jsx deleted file mode 100644 index 73c438db9..000000000 --- a/components/Icons/RightArrowIcon.jsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react' - -const RightArrowIcon = ({ width, height, fill }) => { - const f = (fill || '#A3A3AE') - return ( - - ico-arrow-big-right - Created with Sketch. - - - - - - ) -} - -export default RightArrowIcon diff --git a/components/Icons/TwitterIcon.jsx b/components/Icons/TwitterIcon.jsx deleted file mode 100644 index 957625016..000000000 --- a/components/Icons/TwitterIcon.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' - -const TwitterIcon = ({ width, height, fill }) => { - const f = (fill || '#62AADC') - return ( - - - - - - - - - - ) -} - -export default TwitterIcon - - - - diff --git a/components/Icons/TopcoderLogo.jsx b/components/Navbar/Icons/TopcoderLogo.jsx similarity index 100% rename from components/Icons/TopcoderLogo.jsx rename to components/Navbar/Icons/TopcoderLogo.jsx diff --git a/components/Icons/TopcoderMobileLogo.jsx b/components/Navbar/Icons/TopcoderMobileLogo.jsx similarity index 100% rename from components/Icons/TopcoderMobileLogo.jsx rename to components/Navbar/Icons/TopcoderMobileLogo.jsx diff --git a/components/Navbar/Navbar.jsx b/components/Navbar/Navbar.jsx index b5f7b17cf..3a8560498 100755 --- a/components/Navbar/Navbar.jsx +++ b/components/Navbar/Navbar.jsx @@ -1,14 +1,16 @@ require('./Navbar.scss') -import MenuBar from '../MenuBar/MenuBar' import React, {PropTypes, Component} from 'react' +import MenuBar from '../MenuBar/MenuBar' import SearchBar from '../SearchBar/SearchBar' import QuickLinks from '../QuickLinks/QuickLinks' import UserDropdownMenu from '../UserDropdownMenu/UserDropdownMenu' -import TopcoderLogo from '../Icons/TopcoderLogo' -import TopcoderMobileLogo from '../Icons/TopcoderMobileLogo' -import HamburgerIcon from '../Icons/HamburgerIcon' -import MagnifyGlassIcon from '../Icons/MagnifyGlassIcon' + +import TopcoderLogo from '/Icons/TopcoderLogo' +import TopcoderMobileLogo from '/Icons/TopcoderMobileLogo' + +import IconTcMenuBold from '../Icons/IconTcMenuBold' +import IconUIZoom from '../Icons/IconUIZoom' const primaryNavigationItems = [ {img: require('./nav-community.svg'), text: 'Community', link: '/community', regex: '/community?\?'}, @@ -61,19 +63,40 @@ class Navbar extends Component { return (
- + + +
+
- + + +
+
-
+
+ + + +
+
+ +
-
-
+
+ + + +
+ +
+ +
+
@@ -96,4 +119,4 @@ Navbar.defaultProps = { mobileSearchUrl : '/search' } -export default Navbar +export default Navbar \ No newline at end of file diff --git a/components/StepRow/StepTypeSelect.cjsx b/components/StepRow/StepTypeSelect.cjsx index a8b2eb4a5..abf107b0d 100644 --- a/components/StepRow/StepTypeSelect.cjsx +++ b/components/StepRow/StepTypeSelect.cjsx @@ -19,6 +19,9 @@ types = [ , label: 'Development' value: 'code' +, + label: 'Development Final Fixes' + value: 'codeFinalFixes' ] StepRow = ({ diff --git a/components/TCFooter/TCFooter.jsx b/components/TCFooter/TCFooter.jsx index c24ae5009..462b842b9 100644 --- a/components/TCFooter/TCFooter.jsx +++ b/components/TCFooter/TCFooter.jsx @@ -1,12 +1,15 @@ import React from 'react' import MenuBar from '../MenuBar/MenuBar' import Panel from '../Panel/Panel' -import FacebookIcon from '../Icons/FacebookIcon' -import TwitterIcon from '../Icons/TwitterIcon' -import LinkedInIcon from '../Icons/LinkedInIcon' -import GPlusIcon from '../Icons/GPlusIcon' import moment from 'moment' +// Icons +import IconSocialFacebook from '../Icons/social-media/IconSocialFacebook' +import IconSocialTwitter from '../Icons/social-media/IconSocialTwitter' +import IconSocialLinkedin from '../Icons/social-media/IconSocialLinkedin' +import IconSocialGooglePlus from '../Icons/social-media/IconSocialGooglePlus' + + require('./TCFooter.scss') const TCFooter = ({domain}) => { @@ -38,16 +41,16 @@ const TCFooter = ({domain}) => {

Topcoder is also on

- + - + - + - +

© {currentYear} Topcoder. All Rights Reserved

diff --git a/components/Tooltip/Tooltip.jsx b/components/Tooltip/Tooltip.jsx index dcfc47e14..21f900515 100644 --- a/components/Tooltip/Tooltip.jsx +++ b/components/Tooltip/Tooltip.jsx @@ -7,9 +7,14 @@ import ReactDOM from 'react-dom' class Tooltip extends Component { constructor(props) { super(props) + this.tooltipHideTimeout = props.tooltipHideTimeout || 250 this.state = { isActive: false } this.showTooltip = this.showTooltip.bind(this) this.hideTooltip = this.hideTooltip.bind(this) + this.onMouseEnterTarget = this.onMouseEnterTarget.bind(this) + this.onMouseLeaveTarget = this.onMouseLeaveTarget.bind(this) + this.onMouseEnterTooltip = this.onMouseEnterTooltip.bind(this) + this.onMouseLeaveTooltip = this.onMouseLeaveTooltip.bind(this) this.onClick = this.onClick.bind(this) } @@ -102,11 +107,38 @@ class Tooltip extends Component { this.setState({ isActive: !this.state.isActive }) } + onMouseEnterTarget(evt) { + clearTimeout(this.state.hideTooltipTimeout) + this.showTooltip(evt) + } + + onMouseLeaveTarget() { + this.startHideTooltipTimeout() + } + + onMouseEnterTooltip() { + clearTimeout(this.state.hideTooltipTimeout) + } + + onMouseLeaveTooltip() { + this.startHideTooltipTimeout() + } + + startHideTooltipTimeout() { + const timeout = setTimeout(() => { + this.hideTooltip() + }, this.tooltipHideTimeout) + this.setState({hideTooltipTimeout: timeout}) + } + componentDidMount() { const target = ReactDOM.findDOMNode(this).querySelector('.tooltip-target') if (this.props.popMethod === 'hover') { - target.addEventListener('mouseenter', this.showTooltip) - target.addEventListener('mouseleave', this.hideTooltip) + target.addEventListener('mouseenter', this.onMouseEnterTarget) + target.addEventListener('mouseleave', this.onMouseLeaveTarget) + const tooltip = ReactDOM.findDOMNode(this).querySelector('.tooltip-container') + tooltip.addEventListener('mouseenter', this.onMouseEnterTooltip) + tooltip.addEventListener('mouseleave', this.onMouseLeaveTooltip) } else if (this.props.popMethod === 'click') { target.classList.add('click-pointer') target.addEventListener('click', this.onClick) @@ -115,11 +147,14 @@ class Tooltip extends Component { componentWillUnmount() { const target = ReactDOM.findDOMNode(this).querySelector('.tooltip-target') - target.removeEventListener('mouseenter', this.showTooltip) - target.removeEventListener('mouseleave', this.hideTooltip) + target.removeEventListener('mouseenter', this.onMouseEnterTarget) + target.removeEventListener('mouseleave', this.onMouseLeaveTarget) target.removeEventListener('click', this.onClick) + const tooltip = ReactDOM.findDOMNode(this).querySelector('.tooltip-container') + tooltip.removeEventListener('mouseenter', this.onMouseEnterTooltip) + tooltip.removeEventListener('mouseleave', this.onMouseLeaveTooltip) } render() { diff --git a/components/Tooltip/TooltipExamples.jsx b/components/Tooltip/TooltipExamples.jsx index 5a2590255..3c278bb9f 100644 --- a/components/Tooltip/TooltipExamples.jsx +++ b/components/Tooltip/TooltipExamples.jsx @@ -51,6 +51,26 @@ const TooltipExamples = () => (

More text.

+ + +
+ Tooltip Containing Link #1. + This tooltip will stick around for 250ms after being hovered out of. +
+
+ http://www.example.com +
+ + + +
+ Tooltip Containing Link #2. + This tooltip will stick around for 1000ms after being hovered out of. +
+
+ http://www.example.com +
+ ) diff --git a/components/Tooltip/TooltipExamples.scss b/components/Tooltip/TooltipExamples.scss index 4f560cb05..27a9204e5 100644 --- a/components/Tooltip/TooltipExamples.scss +++ b/components/Tooltip/TooltipExamples.scss @@ -46,6 +46,12 @@ height: 200px; width: 200px; } + + &#tooltip-7, &#tooltip-8 { + background-color: steelblue; + height: 200px; + width: 200px; + } } //custom theme &.blue-round {