@zohodesk/svg 1.0.0-beta.38 → 1.0.0-beta.41

package/src/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='blue'] {
-	--zdt_cta_primary_fill: #0a73eb;
-	--zdt_cta_primary_stroke: #221f1f;
-	--zdt_cta_secondary_fill: rgba(10, 115, 235, 0.25);
-	--zdt_cta_secondary_plainfill: #0a73eb;
-	--zdt_cta_primary_dark_fill: #a6add7;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: #3f70b7;
-	--zdt_cta_secondary_dark_plainfill: #3f70b7
-}

package/src/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='green'] {
-	--zdt_cta_primary_fill: #26a942;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(38, 169, 66, 0.25);
-	--zdt_cta_secondary_plainfill: #26a942;
-	--zdt_cta_primary_dark_fill: #26a942;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(38, 169, 66, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #26a942
-}

package/src/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='orange'] {
-	--zdt_cta_primary_fill: #e57717;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(229, 119, 23, 0.25);
-	--zdt_cta_secondary_plainfill: #e57717;
-	--zdt_cta_primary_dark_fill: #e57717;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(229, 119, 23, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e57717
-}

package/src/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='red'] {
-	--zdt_cta_primary_fill: #de3535;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(222, 53, 53, 0.25);
-	--zdt_cta_secondary_plainfill: #de3535;
-	--zdt_cta_primary_dark_fill: #de3535;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(222, 53, 53, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #de3535
-}

package/src/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='yellow'] {
-	--zdt_cta_primary_fill: #e8b923;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(232, 185, 35, 0.25);
-	--zdt_cta_secondary_plainfill: #e8b923;
-	--zdt_cta_primary_dark_fill: #e8b923;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(232, 185, 35, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e8b923
-}

package/src/svg/EmptyAccounts.js

@@ -1,121 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyAccounts extends React.Component {
-  render() {
-    return (
-      <SVG viewBox="0 0 200 200" name="accounts" {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyAccounts_svg__cls-7,.EmptyAccounts_svg__cls-9{fill:var(--zd_emptysvg_secondary_fill)}.EmptyAccounts_svg__cls-3,.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5,.EmptyAccounts_svg__cls-6,.EmptyAccounts_svg__cls-8{fill:none}.EmptyAccounts_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAccounts_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAccounts_svg__cls-6{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="EmptyAccounts_svg__cls-8"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyAccounts_svg__cls-4"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyAccounts_svg__cls-6"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyAccounts_svg__cls-3"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <g opacity={0.3}>
-          <ellipse
-            className="EmptyAccounts_svg__cls-7"
-            cx={70.01}
-            cy={92.77}
-            rx={13.53}
-            ry={13.42}
-          />
-          <path
-            className="EmptyAccounts_svg__cls-7"
-            d="M128.12 74.12s5.37-7.3 17.62-.47 3.25 28-11.37 26.24c0 0-4.75-.87-6.36-2-.01-.02 4.36-11.67.11-23.77z"
-          />
-          <ellipse
-            className="EmptyAccounts_svg__cls-7"
-            cx={104.52}
-            cy={81.92}
-            rx={18.72}
-            ry={18.56}
-          />
-        </g>
-        <g>
-          <ellipse
-            className="EmptyAccounts_svg__cls-9"
-            cx={70.01}
-            cy={92.77}
-            rx={13.53}
-            ry={13.42}
-          />
-          <path
-            className="EmptyAccounts_svg__cls-9"
-            d="M128.12 74.12s5.37-7.3 17.62-.47 3.25 28-11.37 26.24c0 0-4.75-.87-6.36-2-.01-.02 4.36-11.67.11-23.77z"
-          />
-          <ellipse
-            className="EmptyAccounts_svg__cls-9"
-            cx={104.52}
-            cy={81.92}
-            rx={18.72}
-            ry={18.56}
-          />
-        </g>
-        <path
-          className="EmptyAccounts_svg__cls-5"
-          d="M43.12 137.27s26.19 17.89 43.6 1.66a6.4 6.4 0 002-4c.65-6.42 1-24.27-14.68-29.35a17.28 17.28 0 007.88-8.3c2.6-6.49 1.34-16.24-9-18.38-17.24-3.58-19.41 15-13 22.12l3.78 4.56s-18.89 12.48-16.32 23.95c0 0 13.38 12.34 30.06 7.68 0 0 23 28.3 52.82 2.18a7.2 7.2 0 002.43-5.47c-.07-8.11-1.8-29-17-36.76 0 0-13.62 12.11-26.54-3.49s3-32.37 14.56-31 23 5.12 19.49 30.5c0 0 7.75 12.35 20.9 3.5s5.17-20.73 1.65-23.06-13.1-5.77-17.62.47a35.44 35.44 0 01-7.18 35.44 29.18 29.18 0 00-6 10.41c-.88 2.75-1.33 5.66-.39 7.71 2.27 4.95 26.73 11 40.87-2.31a4.65 4.65 0 001.47-3.5c-.06-4.26-1.32-13.89-10.87-18.18 0 0 11.51 20.26 2.12 32.84"
-        />
-      </SVG>
-    );
-  }
-}
-
-EmptyAccounts.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyAccounts.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAccounts',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyAccounts.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyActiveCalls.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyActiveCalls extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='ActiveCalls' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyActiveCalls_svg__cls-4,.EmptyActiveCalls_svg__cls-5,.EmptyActiveCalls_svg__cls-6,.EmptyActiveCalls_svg__cls-7,.EmptyActiveCalls_svg__cls-8{fill:none}.EmptyActiveCalls_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyActiveCalls_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyActiveCalls_svg__cls-5,.EmptyActiveCalls_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyActiveCalls_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyActiveCalls_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"
-          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="EmptyActiveCalls_svg__cls-7"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyActiveCalls_svg__cls-5"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyActiveCalls_svg__cls-8"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyActiveCalls_svg__cls-4"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          d="M79.93 53.67c6.28.38 9.53 13.52 8.06 18.09s-6.15 4.54-10.33-1.48-2-16.09-2-16.09c.53-.82 4.27-.52 4.27-.52zm15.35 57.76s3.88 8.57 9.94 10.57 8.88 3.58 10.12-.5c0 0-2.21-10.29-14.9-12.13 0-.02-2.16-.24-5.16 2.06z"
-          fill="var(--zd_emptysvg_secondary_fill)"
-        />
-        <path
-          className="EmptyActiveCalls_svg__cls-6"
-          d="M64.76 119.92h18.49S67.07 90.31 65.72 83.25s-3.66-20.63 3.86-26 13.67-4.2 15.79 0 6.75 22-4 17c0 0-7.13-4.2-6.55-17a3.4 3.4 0 00-3 2.82c-.61 2.7.49 12.49 6.46 16a7.05 7.05 0 01-4.77 1.67s6.92 21.53 19.17 36.42c0 0 5.39-8.09 13-3.32s11.51 8.81 9 15-12.39 9.25-19 6.65-10.5-9.69-10.5-9.69 12.1 12.72 24.34 3.76c0 0-12.09-2.75-13.84-10 0 0 .57-2.1 1.19-2.1a21.06 21.06 0 0016.49 9.68s-4.48 8-3.5 9.25 8.47 18.38 20.72 13.88 9.31-21.6 20.65-24.75 17.93-2.92 17.93-2.92"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyActiveCalls.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyActiveCalls.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyActiveCalls',
-  palette: 'default'
-};
-
-if (__DOCS__) {
-  EmptyActiveCalls.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyActivity.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyActivity extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='EmptyActivity' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyActivity_svg__cls-4,.EmptyActivity_svg__cls-5,.EmptyActivity_svg__cls-6,.EmptyActivity_svg__cls-7,.EmptyActivity_svg__cls-8{fill:none}.EmptyActivity_svg__cls-4,.EmptyActivity_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyActivity_svg__cls-7{stroke:var(--zd_emptysvg_cross)}.EmptyActivity_svg__cls-5,.EmptyActivity_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyActivity_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyActivity_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"
-          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="EmptyActivity_svg__cls-4"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyActivity_svg__cls-5"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyActivity_svg__cls-8"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyActivity_svg__cls-7"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          d="M52.32 87.6s-.42-19.95 4.36-22.43 82.26.24 82.26.24 7.43-.07 8.34 6.9a37.49 37.49 0 010 11.36H62.64S53 83.55 52.32 87.6zm89.31 9.77c-.65.6 1.27 3.73 4.3 7s6 5.44 6.66 4.84-1.27-3.73-4.29-7-6.01-5.43-6.67-4.84zM110 108.52c.64.62 3.68-1.48 6.78-4.68s5.1-6.28 4.46-6.89-3.67 1.48-6.78 4.68-5.07 6.28-4.46 6.89z"
-          fill="var(--zd_emptysvg_secondary_fill)"
-        />
-        <path
-          className="EmptyActivity_svg__cls-6"
-          d="M122 123.76s12.07-.32 12.07 1-3.38 2.87-3.54-1.92-.16-14.52-.16-14.52 17.86.32 16.25 16.44-17.86 15.32-24 12.13-10.61-12.54-6.33-23.21c5-12.39 30.24-9.43 33.14 5.09s-7 25.49-22.51 22.64C112.5 138.71 110 125.7 112 117.22a17.58 17.58 0 016-10.89l.35-.35-.37-.55a1.59 1.59 0 00-2.43-.17c-1.28 1.34-3.74 3.7-5.07 3.5-1.86-.28-.29-3-.29-3s8.62-10.24 10.48-9.26-2.35 6-2.35 6l1.56 1.7c11.62-4 22.6.73 22.6.73l1.57-1.69s-4.21-5-2.35-6 10.47 9.26 10.47 9.26 1.57 2.68-.28 3-5.9-4.39-5.9-4.39c-.62-.18-1.31.55-2 1.61l.34.27a18.55 18.55 0 016.8 14.75l-.29 14.66c-.51 7.15-7.41 8.22-7.41 8.22s-74.65.31-81.77 0-8-7.22-8-7.22.56-38.08 0-46.42 9-7.31 9-7.31h83.61a3.73 3.73 0 013.43 2.28c3.69 8.88 2 14.37 1.2 14.4-1.06 0-.06-22.19-.06-22.19 0-1.56 0-3.48.06-5.81.11-8.23-12.84-7-12.84-7l-6.89.15s-2.09 8-6.13 8.17-2.1-16.48.45-17.67 4.34 8.46 2.54 9.2c-.9.38-3.79.4-8.6.31L88 65.45h-5.59s-2.09 8-6.13 8.17-2.08-16.46.46-17.62 4.35 8.46 2.55 9.2c-.9.38-5.32.38-10.13.28h-4.71c-4.81-.09-12.1-.6-13.45 1.16-1.53 2-1 2.19-1.28 5.58v41.65"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyActivity.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyActivity.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyActivity',
-  palette: 'default'
-};
-
-if (__DOCS__) {
-  EmptyActivity.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyAgent.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyAgent extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='agent' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-6,.EmptyAgent_svg__cls-7,.EmptyAgent_svg__cls-8{fill:none}.EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAgent_svg__cls-7{stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-6{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_primary_stroke)}"
-            }
-          </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="EmptyAgent_svg__cls-7"
-          cx={79.62}
-          cy={29.6}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyAgent_svg__cls-5"
-          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
-        />
-        <ellipse
-          className="EmptyAgent_svg__cls-6"
-          cx={165.88}
-          cy={154.09}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyAgent_svg__cls-4"
-          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
-        />
-        <path
-          fill="var(--zd_emptysvg_secondary_fill)"
-          d="M111.64 85.73l1.75 40.55 1.95 22.31-9.37 9.13-5.97-8.39 6.04-62.68 5.6-.92z"
-        />
-        <path
-          className="EmptyAgent_svg__cls-8"
-          d="M98 91.85s-14.11-6.36-10.33-20.51 31.89-9.38 34.22 0-12.37 19.5-23 14-11.07-19.2.87-24.83 29.56 3.61 27.81 12.56-14.24 25.8-23 21.65-.82-14 2.79-12.85 5.5 1.74 4.92 16.46 3.06 50.24 3.06 50.24-8.74 11.55-9.46 11.27-8.16-9.39-7.72-10.69 5.39-50.24 5.39-50.24l.89-10.79s2.23-5.83 6.6-1 8.56 33.64 19.28 34.05"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyAgent.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyAgent.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAgent',
-  palette: 'default'
-};
-
-if (__DOCS__) {
-  EmptyAgent.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyAgentQueue.js

@@ -1,94 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyAgentQueue extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='EmptyAgentQueue' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".agentQueue_svg__cls-4,.agentQueue_svg__cls-6{fill:var(--zd_emptysvg_primary_fill)}.agentQueue_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.agentQueue_svg__cls-7{fill:var(--zd_emptysvg_cross)}.agentQueue_svg__cls-5{fill:var(--zd_emptysvg_small_circle)}.agentQueue_svg__cls-8{fill:var(--zd_emptysvg_primary_stroke);}.agentQueue_svg__cls-6{opacity:.25}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M80.12 59.9S127 29.06 150.78 38.35s40 87.37-26.06 122.41-95.89-41.18-96.15-54.69c-.24-13.07 0-44.23 51.55-46.17z"
-          opacity={0.05}
-          fill="var(--zd_emptysvg_primary_fill)"
-        />
-        <path
-          d="M149.64 33.09a4 4 0 114-4 4 4 0 01-4 4zm0-7a3 3 0 103 3 3 3 0 00-3-3.01z"
-          fill="var(--zd_emptysvg_medium_circle)"
-        />
-        <path
-          className="agentQueue_svg__cls-3"
-          d="M73.22 29.58A2.6 2.6 0 1175.84 27a2.6 2.6 0 01-2.62 2.58zm0-4.19A1.6 1.6 0 1074.84 27a1.6 1.6 0 00-1.62-1.61z"
-        />
-        <path
-          className="agentQueue_svg__cls-4"
-          d="M16.54 104.91a.5.5 0 01-.47-.53l.35-6.16a.48.48 0 01.53-.47.5.5 0 01.47.52l-.42 6.17a.51.51 0 01-.46.47z"
-        />
-        <path
-          className="agentQueue_svg__cls-4"
-          d="M19.82 102l-6.21-.35a.49.49 0 01-.47-.52.5.5 0 01.52-.48l6.22.35a.5.5 0 010 1z"
-        />
-        <path
-          className="agentQueue_svg__cls-5"
-          d="M159.49 154.41a2.93 2.93 0 112.95-2.93 2.95 2.95 0 01-2.95 2.93zm0-4.86a1.93 1.93 0 101.95 1.93 1.94 1.94 0 00-1.95-1.93z"
-        />
-        <path
-          className="agentQueue_svg__cls-7"
-          transform="rotate(-42.02 171.283 116.905)"
-          d="M170.78 113.8h1v6.2h-1z"
-        />
-        <path
-          className="agentQueue_svg__cls-7"
-          transform="rotate(-41.56 171.287 116.897)"
-          d="M168.18 116.4h6.2v1h-6.2z"
-        />
-        <path
-          className="agentQueue_svg__cls-6"
-          d="M115.79 72.81l-25.52 61.32s-1.07 3.78 2.36 5a66.5 66.5 0 007.93 2.21s4.42-8 11.63-4.91 2.23 8.77 2.23 8.77l11.67 3.24a4.94 4.94 0 005.81-2.7l20.94-45.89s4.79-11.12 3-15.47L146 79.19s-5.17 8.9-11 6.71-4.28-11.28-4.28-11.28l-11.63-2.73s-2.26-.83-3.3.92z"
-        />
-        <path
-          d="M114.13 109.91l6-.86 3-5.38a.35.35 0 01.43 0l2.71 5.48 6.5.76c.22 0 .33.21.11.43l-4.88 4.3 1.19 5.91c0 .21-.1.32-.32.21l-5.2-2.69-5.64 2.8c-.11.11-.32 0-.32-.22l.54-6-4.34-4.2a.79.79 0 01.22-.54z"
-          fill="var(--zd_emptysvg_circle_fill)"
-        />
-        <ellipse
-          className="agentQueue_svg__cls-6"
-          cx={79.29}
-          cy={65.74}
-          rx={13.25}
-          ry={13.63}
-        />
-        <path
-          className="agentQueue_svg__cls-8"
-          d="M129 149.35a5 5 0 01-1.22-.15l-13.46-3.47a.5.5 0 01-.33-.29.49.49 0 010-.44s1.8-3.41.79-5.84A4 4 0 00112 137c-7.62-2.3-10.9 4.36-11 4.65a.51.51 0 01-.59.26l-7.92-2.21a4.16 4.16 0 01-2.69-5.72l12.73-28.2a.5.5 0 01.66-.25.51.51 0 01.25.67l-12.71 28.14a3.15 3.15 0 002 4.35l7.55 2.1a10.08 10.08 0 0112-4.8 4.91 4.91 0 013.36 2.79c.93 2.24 0 5-.56 6.13l12.92 3.32a4 4 0 004.52-2.09c20.19-41.22 25.07-58.75 22.91-61.41-1.19-1.45-4.26-3.11-9.15-4.91-.86 1.79-4.5 8.26-11.44 6.57a6.6 6.6 0 01-4.5-3.26c-1.58-2.95-.7-6.77-.3-8.15-4.42-1.12-8.45-2-11.09-2.6a3.12 3.12 0 00-3.72 2.29C113.94 79.78 112.1 85 110.32 90c-.81 2.3-1.62 4.56-2.35 6.77 4.85 7.86 3.41 14.85 3.34 15.14-.93 3.78-3 4.87-4.61 4.63s-3.27-2-3.13-4.85c.22-4.51 1.56-9.5 3.3-14.79-.33-.45-11.36-15.31-27.07-15.57h-1.18l-.63.07A28.61 28.61 0 0065.74 85C52 92.6 48 104.64 50.12 113.21c1.65 6.63 6.74 10.82 13.28 10.93h.36c9.64 0 11.63-6.65 12-9.54.82-5.79-2.28-13.31-8-14.85a.52.52 0 01-.35-.62.5.5 0 01.61-.35c6.34 1.7 9.65 9.63 8.76 16-.93 6.63-6 10.52-13.4 10.39-7-.12-12.47-4.6-14.23-11.69-2.22-8.94 1.9-21.47 16.11-29.28a30.8 30.8 0 019.27-3.39 14.82 14.82 0 118.38-.21c13 1.73 22.24 12.53 24.34 15.19.68-2 1.4-4 2.13-6.09 1.77-5 3.6-10.18 4.88-15.24a4.12 4.12 0 014.9-3c2.75.6 7 1.56 11.64 2.74a.48.48 0 01.32.25.47.47 0 010 .4s-1.64 4.68.08 7.87a5.64 5.64 0 003.85 2.76c7.13 1.74 10.33-6.08 10.47-6.41a.5.5 0 01.63-.29c5.39 2 8.67 3.72 10 5.38 4.4 5.42-14.47 45.5-22.79 62.48a5 5 0 01-4.36 2.71zM107.56 98a54.86 54.86 0 00-3 13.7c-.11 2.27 1.06 3.64 2.27 3.82s2.73-.75 3.5-3.86A21.17 21.17 0 00107.56 98zm-29.2-46.15a14.23 14.23 0 000 28.45h.22l2.33-.24a14.27 14.27 0 00-2.55-28.21z"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyAgentQueue.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyAgentQueue.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAgentQueue',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyAgentQueue.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyApproval.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class EmptyApproval extends React.Component {
-  render() {
-    return (
-      <SVG viewBox='0 0 200 200' name='archived' {...this.props}>
-        <defs>
-          <style>
-            {
-              ".EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5,.EmptyApproval_svg__cls-6,.EmptyApproval_svg__cls-7{fill:none}.EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyApproval_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyApproval_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
-            }
-          </style>
-        </defs>
-        <path
-          d="M86.43 62.37s46.91-30.84 70.66-21.56 40 87.37-26.06 122.42-95.89-41.23-96.15-54.7c-.24-13.07 0-44.22 51.55-46.16z"
-          opacity={0.05}
-          fill="var(--zd_emptysvg_primary_fill)"
-        />
-        <ellipse
-          cx={155.95}
-          cy={31.55}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse
-          className="EmptyApproval_svg__cls-3"
-          cx={79.53}
-          cy={29.45}
-          rx={2.12}
-          ry={2.1}
-        />
-        <path
-          className="EmptyApproval_svg__cls-4"
-          d="M23.2 100.71l-.35 6.16M19.92 103.62l6.21.34"
-        />
-        <ellipse
-          className="EmptyApproval_svg__cls-7"
-          cx={165.8}
-          cy={153.94}
-          rx={2.45}
-          ry={2.43}
-        />
-        <path
-          className="EmptyApproval_svg__cls-6"
-          d="M175.52 117.06l4.15 4.61M175.27 121.42l4.65-4.11"
-        />
-        <path
-          d="M77.45 70.19l5-1.59a12.76 12.76 0 01-.64-4.46c0-4.34 3.25-7 7.26-7.24 4.36-.32 7.76 4.27 9 7.19l7.81-2.14c1.3-.33 2.74-.42 3.14.85l1 3.23a2.5 2.5 0 01-1.64 3.13L80 78.15a2.52 2.52 0 01-3.15-1.58l-1.23-3.68c-.5-1.31.5-2.28 1.83-2.7z"
-          fill="var(--zd_emptysvg_secondary_fill)"
-        />
-        <ellipse cx={89.66} cy={63.02} rx={2.24} ry={2.22} fill="var(--zd_emptysvg_circle_fill)" />
-        <path
-          className="EmptyApproval_svg__cls-5"
-          d="M146 125.33c1.79 5.74 4.39 16.67-1 18.42s-55.63 19.49-59.78 17-29.38-83.41-23.29-85.61 19.54-7.18 20.29-7c0 0-2-7.78 3.15-9.91s8.27-2.57 12.82 5c0 0 19.34-5.5 21.33-5s25.87 67.59 25.3 80.56c0 0 0 1.13-4.26 3.66s-48.34 16-53.45 14.1S65.5 89.2 64.93 83s51.44-20.27 53.71-17.45c2.13 2.63 7.5 19.17 13.53 35.9q1.31 3.63 2.28 7.36l1.79 6.91s-14.47-2.46-15.29-.55.54 10.38 1.77 7.24 1.91-7.51-2.59-14.89-8.88-13.92-5.19-20.07c0 0-6.15-2.46-8.6 4s5.59 12.29 3.14 14.48-18.08-1.1-18.62 4.36 8.78 5.74 9 4.37-9.46-1.09-9.6 3.14 9.19 4.92 9.19 3.15-8.64-1.23-8 3.68 9.87 3.55 9.74 3-7.91-1.76-8.55 1.41 13.55 4.69 18.76 2.72 12.12-1.34 12.12-1.34"
-        />
-      </SVG>
-    );
-  }
-}
-EmptyApproval.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyApproval.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyArchived',
-  palette: 'default'
-};
-if (__DOCS__) {
-  EmptyApproval.docs = {
-    componentGroup: 'SVG'
-  };
-}