@zohodesk/svg 1.0.0-beta.5 → 1.0.0-beta.50

package/src/index.js

@@ -1,7 +0,0 @@
-export { default as React } from 'react';
-export { default as ReactDOM } from 'react-dom';
-export { renderToStaticMarkup } from 'react-dom/server';
-import '@zohodesk/variables/lib/sizeVariables.module.css';
-
-export { default as SVG } from './svg/SVG';
-export { default as SVG__default } from './svg/docs/SVG__default.docs';

package/src/svg/EmptyAccounts.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAccounts.svg';
-export default class EmptyAccounts extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='accounts' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-
-EmptyAccounts.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyAccounts.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyAccounts.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyActiveCalls.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyActiveCalls.svg';
-export default class EmptyActiveCalls extends React.Component {
-  render() {
-    let { isRender, size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='ActiveCalls'
-        isRender={isRender}
-        size={size} className={className} alignHorizontal={alignHorizontal}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyActiveCalls.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyActiveCalls.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true
-};
-
-if (__DOCS__) {
-  EmptyActiveCalls.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyActivity.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyActivity.svg';
-export default class EmptyActivity extends React.Component {
-  render() {
-    let { isRender, size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='EmptyActivity' isRender={isRender} size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyActivity.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignCenter: PropTypes.bool
-};
-EmptyActivity.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true
-};
-
-if (__DOCS__) {
-  EmptyActivity.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyAgent.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types'
-import SVG from './SVG';
-import image from './images/EmptyAgent.svg';
-export default class EmptyAgent extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='agent' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyAgent.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyAgent.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyAgent.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyArchived.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyArchived.svg';
-export default class EmptyArchived extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='archived' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyArchived.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyArchived.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-if (__DOCS__) {
-  EmptyArchived.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyAttach.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAttach.svg';
-export default class EmptyAttach extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='attach' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyAttach.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyAttach.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-    EmptyAttach.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyBlueprint.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyBlueprint.svg';
-export default class EmptyBlueprint extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 298 123.5' name='blueprint' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyBlueprint.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyBlueprint.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyBlueprint.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyBusinessHoliday.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyBusinessHoliday.svg';
-export default class EmptyBusinessHoliday extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='businessholiday' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyBusinessHoliday.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyBusinessHoliday.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyBusinessHoliday.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyBusinessHour.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyBusinessHour.svg';
-export default class EmptyBusinessHour extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='businesshour' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyBusinessHour.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyBusinessHour.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyBusinessHour.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyCallHistory.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyCallHistory.svg';
-export default class EmptyCallHistory extends React.Component {
-  render() {
-    let { isRender, size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='CallHistoryEmpty'
-        alignHorizontal={alignHorizontal}
-        isRender={isRender}
-        size={size} className={className}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyCallHistory.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyCallHistory.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true
-};
-
-if (__DOCS__) {
-  EmptyCallHistory.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyCloud.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyCloud.svg';
-export default class EmptyCloud extends React.Component {
-  render() {
-    let { className='', size, alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 298 123.5' name='cloud' className={className} size={size} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyCloud.propTypes = {
-  className: PropTypes.string,
-  size: PropTypes.oneOf('small', 'large'),
-  alignHorizontal: PropTypes.bool
-}
-EmptyCloud.defaultProps = {
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyCloud.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyCloudDanger.js

@@ -1,104 +0,0 @@
-import React from 'react';
-import SVG from './SVG';
-export default class EmptyCloudDanger extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 298 123.5' name='cloudDanger'>
-        <g>
-          <path
-            style={{
-              opacity: '0.25',
-              fill: '#FFDDDD',
-              enableBackground: 'new'
-            }}
-            d='M288.2 78.1H211c-1.9-2.6-2.1-5.1-.7-7.7h44c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6H134.7c-1.8-2.7-1.7-5.4.2-8.2h40.7c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6H9.6c-5.3 0-9.6 4.3-9.6 9.6S4.3 43 9.6 43h59.7c1.6 2.5 1.7 5.6.2 8.2H34.7c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6h111.2c1.2 2.5 1 5.4-.6 7.7H63c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6h72c1.1 2.2 1.1 4.8 0 7h-32.6c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6h114.5c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6h-17.2c-1.4-2.1-1.4-4.9 0-7h88.7c5.3 0 9.6-4.3 9.6-9.6-.1-5.4-4.4-9.7-9.8-9.6z'
-          />
-          <polygon
-            style={{
-              opacity: '0.7',
-              fill: 'none',
-              stroke: '#FFDDDD',
-              strokeWidth: '0.75',
-              strokeMiterlimit: 10,
-              enableBackground: 'new'
-            }}
-            points='
-76.5,70.5 79.3,70.8 77.4,72.8 77.9,75.5 75.4,74.3 73,75.7 73.4,73 71.4,71.1 74.1,70.6 75.2,68.1 		'
-          />
-          <g style={{ opacity: '0.7' }}>
-            <circle
-              style={{
-                fill: 'none',
-                stroke: '#FFDDDD',
-                strokeWidth: '0.75',
-                strokeMiterlimit: 10,
-                strokeDasharray: '0.97,0.97'
-              }}
-              cx='66.6'
-              cy='22.8'
-              r='4.3'
-            />
-          </g>
-          <g style={{ opacity: '0.7' }}>
-            <circle
-              style={{
-                fill: 'none',
-                stroke: '#FFDDDD',
-                strokeWidth: '0.75',
-                strokeMiterlimit: 10,
-                strokeDasharray: '1.03,1.03'
-              }}
-              cx='192.3'
-              cy='117.8'
-              r='4.3'
-            />
-          </g>
-          <polygon
-            style={{
-              opacity: '0.7',
-              fill: 'none',
-              stroke: '#FFDDDD',
-              strokeWidth: '0.75',
-              strokeMiterlimit: 10,
-              enableBackground: 'new'
-            }}
-            points='
-139.2,17.3 141.2,17.5 139.8,18.9 140.2,20.9 138.5,20 136.7,21 137,19 135.6,17.7 137.5,17.4 138.3,15.6 		'
-          />
-          <polygon
-            style={{
-              opacity: '0.7',
-              fill: 'none',
-              stroke: '#FFDDDD',
-              strokeWidth: '0.75',
-              strokeMiterlimit: 10,
-              enableBackground: 'new'
-            }}
-            points='
-215.1,2.6 217.1,2.9 215.7,4.3 216.1,6.2 214.4,5.4 212.6,6.3 212.9,4.4 211.5,3 213.4,2.7 214.2,0.9 		'
-          />
-          <g style={{ opacity: '0.7' }}>
-            <circle
-              style={{
-                fill: 'none',
-                stroke: '#FFDDDD',
-                strokeWidth: '0.75',
-                strokeMiterlimit: 10,
-                strokeDasharray: '1.01,1.01'
-              }}
-              cx='260.9'
-              cy='54.3'
-              r={8}
-            />
-          </g>
-        </g>
-      </SVG>
-    );
-  }
-}
-
-if (__DOCS__) {
-  EmptyCloudDanger.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyContact.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyContact.svg';
-export default class EmptyContact extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='contact' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-
-EmptyContact.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyContact.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyContact.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyConversation.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyConversation.svg';
-export default class EmptyConversation extends React.Component {
-  render() {
-    let { size, className='',alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='conversation' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyConversation.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyConversation.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-    EmptyConversation.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyDashboard.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyDashboard.svg';
-export default class EmptyDashboard extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='dashboard' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    )
-  }
-}
-
-EmptyDashboard.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyDashboard.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-if (__DOCS__) {
-  EmptyDashboard.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyEdition.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types'
-import SVG from './SVG';
-import image from './images/EmptyEdition.svg';
-export default class EmptyEdition extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='edition' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyEdition.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyEdition.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyEdition.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyFromAddress.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types'
-import SVG from './SVG';
-import image from './images/EmptyFromAddress.svg';
-export default class EmptyFromAddress extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='fromAddress' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyFromAddress.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyFromAddress.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-  EmptyFromAddress.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyHappiness.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyHappiness.svg';
-export default class EmptyHappiness extends React.Component {
-  render() {
-    let { size, className='', alignHorizontal } = this.props;
-    return (
-      <SVG viewBox='0 0 181.9 139.3' name='happiness' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyHappiness.propTypes = {
-  size: PropTypes.oneOf('small','large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyHappiness.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-}
-
-if (__DOCS__) {
-    EmptyHappiness.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyHistory.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyHistory.svg';
-export default class EmptyHistory extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='accounts'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-
-EmptyHistory.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
-};
-EmptyHistory.defaultProps = {
-  size: 'large',
-  alignHorizontal: true
-};
-
-if (__DOCS__) {
-  EmptyHistory.docs = {
-    componentGroup: 'SVG'
-  };
-}