@zohodesk/svg 1.0.0-temp-9 → 1.0.0-temp.40

package/src/svg/EmptySnippet.js

@@ -1,96 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptySnippet extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='snippet' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptySnippet_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySnippet_svg__cls-3,.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5,.EmptySnippet_svg__cls-7,.EmptySnippet_svg__cls-8{fill:none}.EmptySnippet_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySnippet_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySnippet_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
-          opacity={0.05}
-          fill="var(--zd_emptysvg_primary_fill)"
-        />
-        <ellipse
-          cx={156.04}
-          cy={31.69}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="EmptySnippet_svg__cls-3"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptySnippet_svg__cls-4"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptySnippet_svg__cls-8"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptySnippet_svg__cls-7"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          className="EmptySnippet_svg__cls-6"
-          d="M119.87 139.21s-11.87-8.72 1.14-35c13.82-27.89 38.05-42 47.15-31.63 4.7 5.42-31.72 67.7-48.29 66.63z"
-        />
-        <path
-          className="EmptySnippet_svg__cls-5"
-          d="M107.71 147.22l-31.65 6s-7.53-9.06-5-52.27c1.32-22.39-8.82-32.16-8.82-32.16L128.41 55s6.26 11.49 3.83 27.54C129.6 100 115.6 102.17 116.78 134a1.14 1.14 0 002.15.38c5.62-11.24 24.49-47.73 35-52.54 0 0-38.4 48.36-37.33 71.47 0 0 4.51-11.69 4.56-13.86.06-2.47-4.9-2.75-3.87 0s16.48-3.56 29.8-25.06 27.17-36.09 19.56-43.9c-11.08-11.37-44.18 23-49.23 42.72-5.82 22.72 1.45 26.5 5.41 27.16s12.66-8.83 12.66-8.83 2.14 9.75 4.22 11.94l-16.38 2.91"
-        />
-        <path
-          d="M123.26 116.23s3.32-11.21 10.42-19.74"
-          stroke="var(--zd_emptysvg_circle_fill)"
-          strokeWidth={3}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          fill="none"
-        />
-        <path
-          className="EmptySnippet_svg__cls-6"
-          d="M94.37 100.23s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.12-8.49 8 0 .02-.47-8.52-9.43-8zM88.34 121.72s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.11-8.49 8 0 .02-.47-8.51-9.43-8zM83.26 107s5.38-.77 5.38-5.79c0 0 0 5.68 4.79 5.79 0 0-4.84-.07-4.82 4.55a4.81 4.81 0 00-5.35-4.55z"
-        />
-      </SVG>
-    );
-  }
-}
-EmptySnippet.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptySnippet.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptySnippet',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptySnippet.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyStateVariables.module.css

@@ -1,39 +0,0 @@
-.default {
-  /* empty svg default palette variables */
-  --zd_emptysvg_primary_fill: var(--zdt_svg_default_primary_fill);
-  --zd_emptysvg_primary_stroke: var(--zdt_svg_default_primary_stroke);
-  --zd_emptysvg_secondary_fill: var(--zdt_svg_default_secondary_fill);
-  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_default_secondary_plainfill);
-  --zd_emptysvg_plus: var(--zdt_svg_default_plus);
-  --zd_emptysvg_cross: var(--zdt_svg_default_cross);
-  --zd_emptysvg_medium_circle: var(--zdt_svg_default_medium_circle);
-  --zd_emptysvg_tiny_circle: var(--zdt_svg_default_tiny_circle);
-  --zd_emptysvg_small_circle: var(--zdt_svg_default_small_circle);
-  --zd_emptysvg_circle_fill: var(--zdt_svg_default_circle_fill);
-}
-.dark {
-  /* empty svg dark palette variables */
-  --zd_emptysvg_primary_fill: var(--zdt_svg_dark_primary_fill);
-  --zd_emptysvg_primary_stroke: var(--zdt_svg_dark_primary_stroke);
-  --zd_emptysvg_secondary_fill: var(--zdt_svg_dark_secondary_fill);
-  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_dark_secondary_plainfill);
-  --zd_emptysvg_plus: var(--zdt_svg_dark_plus);
-  --zd_emptysvg_cross: var(--zdt_svg_dark_cross);
-  --zd_emptysvg_medium_circle: var(--zdt_svg_dark_medium_circle);
-  --zd_emptysvg_tiny_circle: var(--zdt_svg_dark_tiny_circle);
-  --zd_emptysvg_small_circle: var(--zdt_svg_dark_small_circle);
-  --zd_emptysvg_circle_fill: var(--zdt_svg_dark_circle_fill);
-}
-.danger {
-  /* empty svg danger palette variables */
-  --zd_emptysvg_primary_fill: var(--zdt_svg_danger_primary_fill);
-  --zd_emptysvg_primary_stroke: var(--zdt_svg_danger_primary_stroke);
-  --zd_emptysvg_secondary_fill: var(--zdt_svg_danger_secondary_fill);
-  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_danger_secondary_plainfill);
-  --zd_emptysvg_plus: var(--zdt_svg_danger_plus);
-  --zd_emptysvg_cross: var(--zdt_svg_danger_cross);
-  --zd_emptysvg_medium_circle: var(--zdt_svg_danger_medium_circle);
-  --zd_emptysvg_tiny_circle: var(--zdt_svg_danger_tiny_circle);
-  --zd_emptysvg_small_circle: var(--zdt_svg_danger_small_circle);
-  --zd_emptysvg_circle_fill: var(--zdt_svg_danger_circle_fill);
-}

package/src/svg/EmptyTag.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyTag extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='tag' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyTag_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTag_svg__cls-4,.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6,.EmptyTag_svg__cls-8,.EmptyTag_svg__cls-9{fill:none}.EmptyTag_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTag_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTag_svg__cls-9{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
-          fill="var(--zd_emptysvg_primary_fill)"
-          opacity={0.05}
-        />
-        <ellipse
-          cx={156.04}
-          cy={31.69}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="EmptyTag_svg__cls-4"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyTag_svg__cls-5"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyTag_svg__cls-9"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyTag_svg__cls-8"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          className="EmptyTag_svg__cls-7"
-          d="M136.3 107.68s-1.24 51.51-2.14 54-45.41-1.83-46.59-3.82 42.71-48.51 48.73-50.18z"
-        />
-        <path
-          className="EmptyTag_svg__cls-6"
-          d="M171.12 53.1s-13.85 5.78-26.25-4.34-24.4 19.63-22.61 32.54c1.88 13.51-10.34 16.07-13.93 9.4s5-15.45 16.66-11.06c0 0 5.45 2 7 4.14 8.94 12.74 1.59 22-.92 25s-5.81 6.85-7.71 7.78c-3.52 1.71 7.3-9.4 12.14-8.93v4c-.15 17.83-.08 49.91-2.14 50-3.82.19-36.94-2.54-42.79-2.34a5 5 0 01-5-3.46 2.86 2.86 0 01.19-2.29c1.12-1.95 20.44-20.1 28.67-27.8a.23.23 0 01.33.32c-14.36 16.07-32.8 36-34.33 35.56-2.07-.61-27-24.87-35.67-33.4a4.37 4.37 0 01-.12-6.14c8.5-9 33.4-33.91 43-43.49A16.41 16.41 0 0196.7 74c6.6-1.05 16.18-2.64 17.87-2.46"
-        />
-        <path
-          className="EmptyTag_svg__cls-7"
-          d="M78.39 112.58l7.92-1.15 4-7.14a.44.44 0 01.57 0l3.61 7.29 8.64 1c.29 0 .43.28.14.57l-6.48 5.71 1.59 7.86c0 .28-.15.43-.44.28l-6.91-3.57-7.49 3.72c-.15.14-.43 0-.43-.29l.72-8-5.77-5.57a1.08 1.08 0 01.33-.71z"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyTag.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyTag.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyTag',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyTag.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyTask.js

@@ -1,97 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyTask extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='task' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyTask_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTask_svg__cls-3,.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5,.EmptyTask_svg__cls-7,.EmptyTask_svg__cls-8{fill:none}.EmptyTask_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTask_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTask_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
-          opacity={0.05}
-          fill="var(--zd_emptysvg_primary_fill)"
-        />
-        <ellipse
-          cx={156.04}
-          cy={31.69}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="EmptyTask_svg__cls-3"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyTask_svg__cls-4"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyTask_svg__cls-8"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyTask_svg__cls-7"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          className="EmptyTask_svg__cls-6"
-          d="M131.83 70.33l-5-1.58a12.76 12.76 0 00.65-4.46c0-4.34-3.26-7-7.26-7.24-4.36-.32-7.77 4.26-9 7.19l-7.81-2.14c-1.3-.34-2.73-.43-3.14.84l-1 3.24a2.49 2.49 0 001.64 3.12l28.47 9a2.51 2.51 0 003.15-1.58l1.19-3.72c.44-1.28-.56-2.24-1.89-2.67z"
-        />
-        <ellipse cx={119.62} cy={63.17} rx={2.24} ry={2.22} fill="var(--zd_emptysvg_circle_fill)" />
-        <path
-          className="EmptyTask_svg__cls-6"
-          d="M98.47 118.8a3.76 3.76 0 01-.38-5.18c2.23-2.79 14.36-17.82 14.36-17.82s10.41 4.26 6.92 8.45l-15.86 19z"
-        />
-        <path
-          className="EmptyTask_svg__cls-5"
-          d="M63.28 125.48c-1.79 5.74-4.38 16.66 1 18.42s55.64 19.48 59.79 17 29.34-83.43 23.25-85.62-19.54-7.18-20.29-7c0 0 2-7.78-3.15-9.91s-8.28-2.58-12.83 5c0 0-19.33-5.49-21.32-5S63.89 126 64.46 139c0 0 0 1.12 4.27 3.66s48.33 16 53.45 14.1 21.61-67.38 22.18-73.58-51.44-20.3-53.72-17.48c-2.12 2.63-7.5 19.17-13.52 35.9a78.29 78.29 0 00-2.28 7.36l-3.17 12.18a3.35 3.35 0 002.54 4.1 164 164 0 0016.41 2.14l10.8-2.82-6.87-5.94s-3.37 9.13-3.33 9.45 10.85-3.07 10.85-3.07l17.3-20.71s3-2.14-.33-4.15c-1.84-1.12-5.62-5.41-6.59-4.3-1.41 1.63-10.19 12.61-14.36 17.82a3.81 3.81 0 00.38 5.18c2.47 2.3 5.94 5.42 6.75 5.52s26.14-.32 42.29-.62"
-        />
-        <path
-          stroke="var(--zd_emptysvg_circle_fill)"
-          strokeWidth={2}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          fill="none"
-          d="M108.63 112.84l5.97-7.49"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyTask.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyTask.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyTask',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyTask.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyTeams.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyTeams extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='team' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyTeams_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTeams_svg__cls-4,.EmptyTeams_svg__cls-5,.EmptyTeams_svg__cls-6,.EmptyTeams_svg__cls-8,.EmptyTeams_svg__cls-9{fill:none}.EmptyTeams_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTeams_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTeams_svg__cls-5,.EmptyTeams_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTeams_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTeams_svg__cls-9{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
-          fill="var(--zd_emptysvg_primary_fill)"
-          opacity={0.05}
-        />
-        <ellipse
-          cx={156.04}
-          cy={31.69}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="EmptyTeams_svg__cls-4"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyTeams_svg__cls-5"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyTeams_svg__cls-9"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyTeams_svg__cls-8"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          className="EmptyTeams_svg__cls-7"
-          d="M80.06 113.44s.91 20.72-13 19.13-7.94-24.92-7.94-24.92 10.06 7.35 20.94 5.79zM93.18 68.15s-1.87 5-3.85 7.13c0 0-3.54 17.77 13.45 18.78 0 0 10.14 2 13-15.13a27 27 0 01-22.6-10.78zM122.61 127.05s1.68-16 5.8-14 2 1.09 11.37-2c0 0 7.62-1.56 9.18 10.63 0 0-.3 7.33-1.66 10.27 0 0-6.2-5.51-14-3.82a85.63 85.63 0 00-10.69 2.87z"
-        />
-        <path
-          className="EmptyTeams_svg__cls-6"
-          d="M79.93 111.64s2.31 19-10.4 20.93S58 107.65 59.14 107.65s13.24 9.55 25.08 4.61c0 0-3.27-16.21-15.91-14.23s-12.63 14-14 21.66-5.22 13.84-2.2 19.86 28.17 14.12 34-5.72c4.76-16.26-2-31-10.1-37.08a6.43 6.43 0 01-1-9.31 32 32 0 018.28-7c8.59-5 10.51-13.83 10.34-15s-2.49-.3-1.93.79S101.66 81 119 78.68c0 0 3.29-22.93-13.47-23.37s-16.57 13.36-16 25.94S101.39 94.06 105 94.06c8.2 0 11.5-14.28 11.13-19.53s-6.86 1.86 4.07 7.62c6.56 3.46 11.92 10.11 15.15 15 2.49 3.75 2.82 6.93 5.83 10 3.16 3.22 7.38 8 6.79 14.95 0 0-1.69-12.37-8.17-11s-7.44 4.53-11.37 2-5.8 14-5.8 14-6.27-19.34 10.24-22.24 17.52 11.25 15.16 24.44-18.89 19.55-25.4 1.72c0 0 14.49-6.6 21.72 0s-28 17.46-57.43 9.71"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyTeams.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyTeams.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyTeams',
-  palette: 'default'
-};
-
-if (__DOCS__) {
-  EmptyTeams.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyTemplate.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyTemplate extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='accounts' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".template_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.template_svg__cls-3,.template_svg__cls-4,.template_svg__cls-5,.template_svg__cls-6,.template_svg__cls-8{fill:none}.template_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.template_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.template_svg__cls-4,.template_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.template_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.template_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
-          opacity={0.05}
-          fill="var(--zd_emptysvg_primary_fill)"
-        />
-        <ellipse
-          cx={156.04}
-          cy={31.69}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="template_svg__cls-3"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="template_svg__cls-4"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="template_svg__cls-8"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="template_svg__cls-6"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <g opacity={0.25}>
-          <path
-            className="template_svg__cls-7"
-            d="M71.15 144.21s-1.36-1.61-1.35-6.74-2.71-38.94.83-45.79c0 0 17.44-4.94 30-2 0 0 2.84 1.37 2.88 3.89s1.67 48.5 1.67 48.5-.2 4.64-7.2 4.4-26.83-2.26-26.83-2.26zM116.79 116.73s-2.87-14.92-.55-25.24c0 0 .31-2.36 4.15-2.72s19.83-2.45 20.89-.06.73 25.61.5 26.58-2 2.63-5.08 2.65-17.12 2.67-19.91-1.21zM116.21 133.28s-.16-9.66 1.5-10.76 24.49-3 25.57-.13 1.05 21-1.26 22.71-25.19 0-25.19 0z"
-          />
-        </g>
-        <circle className="template_svg__cls-7" cx={67.38} cy={68.33} r={3.09} />
-        <circle className="template_svg__cls-7" cx={77.13} cy={68.33} r={3.09} />
-        <path
-          className="template_svg__cls-5"
-          d="M44.61 81.45A10.42 10.42 0 0055 71v-7.7a7.53 7.53 0 014.22-6.9 6.53 6.53 0 013.19-.59c4.83.32 81.74 0 81.74 0s7.4.34 7.72 5.17 0 80.45 0 80.45.32 5.47-4.82 7.08c-4.69 1.46-73 .26-85.3 0-1.09 0-2.95-.76-3-1.84-.45-8-1.14-39.36.6-57.61a8.15 8.15 0 011.9-4.59A4 4 0 0164 83c2.53-.16 62.3-1.29 72.73-1.49a5.41 5.41 0 014.56 2.19 5.14 5.14 0 01.77 1.67c.74 3 .65 28.32-.46 30.91s-25.23 3.69-26.42.33c-1.62-4.56-2-24.92.18-26.85s25.93-2.68 28.27-1.68 1.42 50.31-1.15 57c0 0-26.13 1.18-27.12 0s-.76-20.85.2-22.17c1.28-1.79 25.4-1.64 27.12-1.19 2.56.67 3.18 22.27 1.84 23.5-2.4 2.2-70.53 2.23-74.29-1.53s-4-50.48-1-52.46 23.36-3.62 31.47-1.51c0 0 3 1.71 2.88 3.89s1.67 48.5 1.67 48.5-.18 3.47-5.8 5.19-45.67 2-45.67-7 .63-52.68.63-52.68.13-6.06 5.49-7l95.46-.77a4.22 4.22 0 014.25 4.22v4.41a4.22 4.22 0 004.22 4.23"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyTemplate.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyTemplate.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyTemplate',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyTemplate.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyTicket.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyTicket extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='ticket' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyTicket_svg__cls-3,.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5,.EmptyTicket_svg__cls-6,.EmptyTicket_svg__cls-7{fill:none}.EmptyTicket_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTicket_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTicket_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
-          opacity={0.05}
-          fill="var(--zd_emptysvg_primary_fill)"
-        />
-        <ellipse
-          cx={156.04}
-          cy={31.69}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="EmptyTicket_svg__cls-3"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyTicket_svg__cls-4"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyTicket_svg__cls-7"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyTicket_svg__cls-6"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          d="M92.47 136.92c5.86 6.12 3.36 12.57 1.4 15.86a3.49 3.49 0 00.57 4.28l4.19 4.16a3.49 3.49 0 004.9 0 355.81 355.81 0 0055-54.57 3.4 3.4 0 000-4.86l-2.72-2.7a6.17 6.17 0 00-7.02-1.09 13 13 0 01-14.73-2.47 12.64 12.64 0 01-2.76-13.82c2.95-3.95.37-6.61-2-9l-1.38-1.37a3.48 3.48 0 00-4.91 0L68 126a3.42 3.42 0 000 4.86l4.15 4.14a3.59 3.59 0 004.31.57c3.43-2.03 10.24-4.67 16.01 1.35z"
-          fill="var(--zd_emptysvg_secondary_fill)"
-        />
-        <path
-          className="EmptyTicket_svg__cls-5"
-          d="M67.59 117.27q-1.25-28.22 0-55.94a3.5 3.5 0 013.52-3.49h5.47a3.75 3.75 0 013.66 2.87 12.84 12.84 0 0025 0 3.73 3.73 0 013.66-2.87h5.46a3.5 3.5 0 013.52 3.49v5.8a21.87 21.87 0 01-2.72 10.63c-5.23 9.46-11.82 19-32.25 37.78-3.26 3-5.58.08-3.68-2.52C88.69 100.09 123 71.54 123 71.54a3.49 3.49 0 014.9 0l3.93 3.9a3.7 3.7 0 01.54 4.59 12.52 12.52 0 001.81 15.68A12.9 12.9 0 00150 97.55a3.78 3.78 0 014.66.52l3.91 3.87a3.42 3.42 0 010 4.86 371.77 371.77 0 01-54.91 54.44 3.49 3.49 0 01-4.9 0l-3.67-3.64a4.39 4.39 0 01-.78-5.25c1.89-3.38 3.85-9.51-1.7-15.4-6.64-5.53-12.31-3.94-15.51-2a4.54 4.54 0 01-5.53-.63l-3.46-3.44a3.39 3.39 0 010-4.85l5.76-5.72a5.41 5.41 0 013.55-1.62c1.08 0 1.91.34.92 2-2 3.27-24.61 3.6-24.61 3.6"
-        />
-        <path
-          d="M98.5 116.52l6.91-1 3.52-6.23a.39.39 0 01.5 0l3.14 6.36 7.54.87c.25 0 .38.25.13.5l-5.66 5 1.39 6.85c0 .25-.13.38-.38.25l-6-3.11-6.59 3.21c-.13.13-.38 0-.38-.24l.63-7-5-4.86a1 1 0 01.25-.6z"
-          fill="var(--zd_emptysvg_circle_fill)"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyTicket.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyTicket.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyTicket',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyTicket.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyTimeEntry.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyTimeEntry extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='timeEntry' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyTimeEntry_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTimeEntry_svg__cls-4,.EmptyTimeEntry_svg__cls-5,.EmptyTimeEntry_svg__cls-6,.EmptyTimeEntry_svg__cls-8,.EmptyTimeEntry_svg__cls-9{fill:none}.EmptyTimeEntry_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTimeEntry_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTimeEntry_svg__cls-5,.EmptyTimeEntry_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTimeEntry_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTimeEntry_svg__cls-9{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
-          fill="var(--zd_emptysvg_primary_fill)"
-          opacity={0.05}
-        />
-        <ellipse
-          cx={156.04}
-          cy={31.69}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="EmptyTimeEntry_svg__cls-4"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyTimeEntry_svg__cls-5"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyTimeEntry_svg__cls-9"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyTimeEntry_svg__cls-8"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          className="EmptyTimeEntry_svg__cls-7"
-          d="M124.41 65.47a4.64 4.64 0 01-.66-7.84A15.42 15.42 0 01140 56.47a15.17 15.17 0 018.12 14 4.7 4.7 0 01-6.92 3.85zM86.72 73.16a4.69 4.69 0 01-6.62-4.33 15.17 15.17 0 019.11-13.35 15.41 15.41 0 0116.08 2.3 4.65 4.65 0 01-1.23 7.78z"
-        />
-        <ellipse
-          className="EmptyTimeEntry_svg__cls-7"
-          cx={123.01}
-          cy={102.52}
-          rx={26.27}
-          ry={31.53}
-        />
-        <path
-          className="EmptyTimeEntry_svg__cls-6"
-          d="M34.94 145.49h43.51a22.78 22.78 0 0020-11.75 2.31 2.31 0 014.32 1.33v.11c-.51 3.88-5.6 8.79-11.89 3.3-5.7-5-20.15-14.36-16.54-38.88a33.9 33.9 0 018.4-18c3.15-3.43 7.27-6.45 12.1-6.54 0 0 .29.07.72.22a1.43 1.43 0 001.78-1.9l-.73-1.73a2 2 0 011-2.67c3.48-1.64 10.77-5.14 11-5.81.25-.87-1-7.2-5.57-7.27-2.65 0-14.54.5-15.17 1.88s3.42.5 2.91-3-5.56-1.88-4.8.51 2 3.05.44 4.31c-.55.45-11.81 6.75-8.16 12.36.67 1 1.21 1.8 1.64 2.4a3.26 3.26 0 003.92 1.06c3.06-1.32 8.37-3.59 8.73-3.59s1.39 2.76 8.22-.87 14.66-5 16.06-4.77c0 0 1.14.11 1.23-1.56 0-.91.1-4.38 5.56-7.27 2.35-1.24 14.54.5 15.18 1.88s-3.42.5-2.91-3 5.56-1.88 4.8.5-.76 4.14-.25 4.64 11.13 6.14 8 12S145 77.8 145 77.8s-13.52-12.52-23.08-11.48a1.54 1.54 0 01-1.14-.31c-.78-.64-.61-1.54 1.52-1.61 3.24-.11 31.9 5.92 32.28 36.9s-24.9 39.16-34.48 36.87c-9-2.13-27.94-6.36-28.26-39.11a28.89 28.89 0 018.39-20.89c6.09-6 16.2-10.61 32.3-4.81 0 0 22.82 9.5 16.3 38.78s-38.15 26.23-48.12 8.93S97 81.15 107.56 76.4s20.26-4.22 15 24.57c0 0-3.77-1-2.32-22.89 0 0 .43-2.59 3-.87s-.38 27.46-1.89 28.51c-.61.42-3.4-2.43-2-4.32a2.64 2.64 0 014.93 1.3c0 2.56-16.41 12.38-17.86 11.66s11.18-8.21 11.18-8.21"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyTimeEntry.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyTimeEntry.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyTimeEntry',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyTimeEntry.docs = {
-    componentGroup: 'SVG'
-  };
-}