@zohodesk/svg 1.0.0-beta.56 → 1.0.0-beta.58

package/deprecated/june_2022/ErrorUnauthorizedLogin.js

@@ -1,127 +1,127 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-
-export default class UnauthorizedLogin extends React.Component {
-  render() {
-    return (
-      <SVG
-        viewBox='0 -40 500 500'
-        name='UnauthorizedLogin'
-        {...this.props}
-      >
-        <defs>
-          <style>
-            {
-              ".ErrorUnauthorizedLogin_svg__cls-1,.ErrorUnauthorizedLogin_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorUnauthorizedLogin_svg__cls-1{opacity:.05}.ErrorUnauthorizedLogin_svg__cls-2{opacity:.2}.ErrorUnauthorizedLogin_svg__cls-10,.ErrorUnauthorizedLogin_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUnauthorizedLogin_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUnauthorizedLogin_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
-            }
-          </style>
-        </defs>
-        <path
-          className="ErrorUnauthorizedLogin_svg__cls-1"
-          d="M135.58 156.52s33.78-54.78 54.78-11 32.86 82.17 94 33.78 86.73-55.69 109.55-25.56S438.22 440.44 215 387.49c0 0-176.65-66.64-79.42-230.97z"
-        />
-        <circle
-          className="ErrorUnauthorizedLogin_svg__cls-1"
-          cx={92.57}
-          cy={364.54}
-          r={25.39}
-        />
-        <circle
-          className="ErrorUnauthorizedLogin_svg__cls-1"
-          cx={75.88}
-          cy={120.98}
-          r={25.39}
-        />
-        <circle
-          className="ErrorUnauthorizedLogin_svg__cls-1"
-          cx={293.35}
-          cy={73.62}
-          r={12.74}
-        />
-        <circle
-          className="ErrorUnauthorizedLogin_svg__cls-1"
-          cx={141.83}
-          cy={409.84}
-          r={12.74}
-        />
-        <circle
-          className="ErrorUnauthorizedLogin_svg__cls-1"
-          cx={376.13}
-          cy={397.82}
-          r={12.74}
-        />
-        <path
-          className="ErrorUnauthorizedLogin_svg__cls-2"
-          d="M220.15 211.69s-4.35-10 3-21.2c0 0 20.88 28.8 57.64 2.26 0 0 8.15 1.69 4 22.05 0 0 15.34-15.48 6.28-32.53 0 0 2.56-7.53-3.29-16.29s-13.24-19-28-20.74c0 0 4.07-2.48 3-4.5s-2.26-4.94-8.37-6.24-10.64 6.11-7.13 10.68c0 0-18.13.71-29.39 22.64A33.72 33.72 0 00215 176c-2 8.74-5.24 29 5.15 35.69zM201.67 235.61s-5.82 38.09 46 37.56 58.71-31.74 58.71-36.5-59.77-3.7-63.48 13.25-29.62-12.17-33.85-14.81a6 6 0 00-7.38.5z"
-        />
-        <path
-          d="M196.6 377.4c-2 0-57.79 11-52.29 0s53.69-15.82 52.29-13.76-44.72 11.69-45.41-3.45 12.39-89.42 25.46-112.13c0 0-8.25 0-10.31 4.14s-10 25.67-6.2 28.88S198 328.56 269.52 320.3v-35.78H240s-2 46.79 1.37 48.84 32.33.7 32.33.7v-15.92s64.09-11 76.61-35.53c0 0-3.06 1-2 8.15s10.72 45.16 9.71 71c0 0-30.14 12.52-33.21 11.5s32.51-14.19 35.65-9 7.31 10.66 5 12.12-49.15 6.35-50.46-1.38-1.67-14.84-6.26-18.19-30.85-21.19-30.85-21.19l-4.08-52.84s50.6-11.2 62.13-29.39c0 0-12.65-50.23-10-47.63s2.61 42.45 5.58 42.05 24.93 4.82 25.67 12.22c0 0 6.7-3 7.07-4.07s-12.65 8.14-13 12.65 13-3 14.86-1.5 5.2 8.57 0 9.68-10.76-1.49-11.51 1.12 10 11.9 14.26 11.9 17-.37 18.83-9.67-8.94-5.22-8.94-5.22 8.24 1.5 9.17-3.72-4.69-19.72-8.77-21.95-5.9.52-5.9.52 5.7-1.81 5.82-2.42-27-41-54.66-55.46c0 0-23.17-12.76-30.55-11.63s10.73 22.6-9.05 34.46c0 0 4.52-18.07-4-22 0 0-29.95 27.13-57.64-2.26 0 0-7.91 10.74-2.83 19.78 0 0 19.35 33.15 61.57 5.32 0 0 10.64-7.48 11.39-17.32s-4.49-12.69-1.12-20.43c0 0-5.78-28.52-30.93-32.36s-9.22-11.29-6.83-11 8.81 3.06 8.49 7.67-9.84 3.84-15.65 3-31.93 10.85-33.7 38.38 6.58 28.18 6.58 28.18S212 201.39 215 181.4c0 0-26.33 7.13-30.67 13.24s-6.11 32.53-5.78 35.43 5.78-28.92 1.08-34.35c0 0-39.41 27.5-48.45 50.26 0 0 14.82 12.74 17 12.34s-15.91-12-18.8-9.09-10.85 19.53-10.48 23.87 5.42 14.82 9.4 15.54 13.38 2.53 14.82 1.8 11.57-11.92 10.13-12.65-7.24.73-10.85-3.25 1.81-9.4 4-8 5.09 6.87 6.11 6.87 5.09-.36 5.43-2.9-5.09-10.51-5.09-10.51 11.53-13.12 25.46-14.57c0 0 3.54 27.28 57.33 39.35l3 47.81s-19.4 13.66-27.8 17.41-13.8 16.82-14.26 23.13c0 0-1.1-17.6 15.08-25.41s24.73-15.81 24.73-15.81l-1.39-25.5s-44.1-11.35-59.52-32.13l1.39-4.49s56.68 61.87 162.11-.35c0 0 .11-10.36-1.49-13.24s11.34 23.19 11.5 24.37"
-          strokeWidth={1.5}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          stroke="var(--zd_emptysvg_primary_stroke)"
-          fill="none"
-        />
-        <ellipse
-          cx={319.44}
-          cy={65.07}
-          rx={3.54}
-          ry={3.51}
-          strokeMiterlimit={10}
-          stroke="var(--zd_emptysvg_medium_circle)"
-          fill="none"
-        />
-        <ellipse cx={254.71} cy={426.04} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
-        <ellipse
-          cx={60.28}
-          cy={276.06}
-          rx={3.31}
-          ry={3.28}
-          stroke="var(--zd_emptysvg_tiny_circle)"
-          strokeMiterlimit={10}
-          fill="none"
-        />
-        <ellipse cx={434.38} cy={281.34} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
-        <path
-          className="ErrorUnauthorizedLogin_svg__cls-8"
-          d="M111.78 165.79l-.35 6.17M108.49 168.7l6.23.35"
-        />
-        <ellipse
-          cx={392.54}
-          cy={383.2}
-          rx={2.46}
-          ry={2.44}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          stroke="var(--zd_emptysvg_small_circle)"
-          fill="none"
-        />
-        <path
-          className="ErrorUnauthorizedLogin_svg__cls-10"
-          d="M391.61 121.34l4.15 4.62M391.36 125.71l4.65-4.12"
-        />
-      </SVG>
-    );
-  }
-}
-
-UnauthorizedLogin.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-
-UnauthorizedLogin.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'unauthorizedlogin'
-};
-
-if (__DOCS__) {
-  UnauthorizedLogin.docs = {
-    componentGroup: 'SVG'
-  };
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class UnauthorizedLogin extends React.Component {
+  render() {
+    return (
+      <SVG
+        viewBox='0 -40 500 500'
+        name='UnauthorizedLogin'
+        {...this.props}
+      >
+        <defs>
+          <style>
+            {
+              ".ErrorUnauthorizedLogin_svg__cls-1,.ErrorUnauthorizedLogin_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorUnauthorizedLogin_svg__cls-1{opacity:.05}.ErrorUnauthorizedLogin_svg__cls-2{opacity:.2}.ErrorUnauthorizedLogin_svg__cls-10,.ErrorUnauthorizedLogin_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUnauthorizedLogin_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUnauthorizedLogin_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
+            }
+          </style>
+        </defs>
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          d="M135.58 156.52s33.78-54.78 54.78-11 32.86 82.17 94 33.78 86.73-55.69 109.55-25.56S438.22 440.44 215 387.49c0 0-176.65-66.64-79.42-230.97z"
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={92.57}
+          cy={364.54}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={75.88}
+          cy={120.98}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={293.35}
+          cy={73.62}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={141.83}
+          cy={409.84}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={376.13}
+          cy={397.82}
+          r={12.74}
+        />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-2"
+          d="M220.15 211.69s-4.35-10 3-21.2c0 0 20.88 28.8 57.64 2.26 0 0 8.15 1.69 4 22.05 0 0 15.34-15.48 6.28-32.53 0 0 2.56-7.53-3.29-16.29s-13.24-19-28-20.74c0 0 4.07-2.48 3-4.5s-2.26-4.94-8.37-6.24-10.64 6.11-7.13 10.68c0 0-18.13.71-29.39 22.64A33.72 33.72 0 00215 176c-2 8.74-5.24 29 5.15 35.69zM201.67 235.61s-5.82 38.09 46 37.56 58.71-31.74 58.71-36.5-59.77-3.7-63.48 13.25-29.62-12.17-33.85-14.81a6 6 0 00-7.38.5z"
+        />
+        <path
+          d="M196.6 377.4c-2 0-57.79 11-52.29 0s53.69-15.82 52.29-13.76-44.72 11.69-45.41-3.45 12.39-89.42 25.46-112.13c0 0-8.25 0-10.31 4.14s-10 25.67-6.2 28.88S198 328.56 269.52 320.3v-35.78H240s-2 46.79 1.37 48.84 32.33.7 32.33.7v-15.92s64.09-11 76.61-35.53c0 0-3.06 1-2 8.15s10.72 45.16 9.71 71c0 0-30.14 12.52-33.21 11.5s32.51-14.19 35.65-9 7.31 10.66 5 12.12-49.15 6.35-50.46-1.38-1.67-14.84-6.26-18.19-30.85-21.19-30.85-21.19l-4.08-52.84s50.6-11.2 62.13-29.39c0 0-12.65-50.23-10-47.63s2.61 42.45 5.58 42.05 24.93 4.82 25.67 12.22c0 0 6.7-3 7.07-4.07s-12.65 8.14-13 12.65 13-3 14.86-1.5 5.2 8.57 0 9.68-10.76-1.49-11.51 1.12 10 11.9 14.26 11.9 17-.37 18.83-9.67-8.94-5.22-8.94-5.22 8.24 1.5 9.17-3.72-4.69-19.72-8.77-21.95-5.9.52-5.9.52 5.7-1.81 5.82-2.42-27-41-54.66-55.46c0 0-23.17-12.76-30.55-11.63s10.73 22.6-9.05 34.46c0 0 4.52-18.07-4-22 0 0-29.95 27.13-57.64-2.26 0 0-7.91 10.74-2.83 19.78 0 0 19.35 33.15 61.57 5.32 0 0 10.64-7.48 11.39-17.32s-4.49-12.69-1.12-20.43c0 0-5.78-28.52-30.93-32.36s-9.22-11.29-6.83-11 8.81 3.06 8.49 7.67-9.84 3.84-15.65 3-31.93 10.85-33.7 38.38 6.58 28.18 6.58 28.18S212 201.39 215 181.4c0 0-26.33 7.13-30.67 13.24s-6.11 32.53-5.78 35.43 5.78-28.92 1.08-34.35c0 0-39.41 27.5-48.45 50.26 0 0 14.82 12.74 17 12.34s-15.91-12-18.8-9.09-10.85 19.53-10.48 23.87 5.42 14.82 9.4 15.54 13.38 2.53 14.82 1.8 11.57-11.92 10.13-12.65-7.24.73-10.85-3.25 1.81-9.4 4-8 5.09 6.87 6.11 6.87 5.09-.36 5.43-2.9-5.09-10.51-5.09-10.51 11.53-13.12 25.46-14.57c0 0 3.54 27.28 57.33 39.35l3 47.81s-19.4 13.66-27.8 17.41-13.8 16.82-14.26 23.13c0 0-1.1-17.6 15.08-25.41s24.73-15.81 24.73-15.81l-1.39-25.5s-44.1-11.35-59.52-32.13l1.39-4.49s56.68 61.87 162.11-.35c0 0 .11-10.36-1.49-13.24s11.34 23.19 11.5 24.37"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          fill="none"
+        />
+        <ellipse
+          cx={319.44}
+          cy={65.07}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse cx={254.71} cy={426.04} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
+        <ellipse
+          cx={60.28}
+          cy={276.06}
+          rx={3.31}
+          ry={3.28}
+          stroke="var(--zd_emptysvg_tiny_circle)"
+          strokeMiterlimit={10}
+          fill="none"
+        />
+        <ellipse cx={434.38} cy={281.34} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-8"
+          d="M111.78 165.79l-.35 6.17M108.49 168.7l6.23.35"
+        />
+        <ellipse
+          cx={392.54}
+          cy={383.2}
+          rx={2.46}
+          ry={2.44}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_small_circle)"
+          fill="none"
+        />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-10"
+          d="M391.61 121.34l4.15 4.62M391.36 125.71l4.65-4.12"
+        />
+      </SVG>
+    );
+  }
+}
+
+UnauthorizedLogin.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool
+};
+
+UnauthorizedLogin.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'unauthorizedlogin'
+};
+
+if (__DOCS__) {
+  UnauthorizedLogin.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/SVG/SVG.module.css

@@ -1,26 +1,31 @@
-.cover {
-  height: 100%;
-}
-.large {
-  height: var(--zd_size160);
-  width: var(--zd_size160);
-}
-.small {
-  height: var(--zd_size130);
-  width: var(--zd_size130);
-}
-.svgCenter {
-  margin-left: auto;
-  margin-right: auto;
-}
-.loaderWrapper {
-  height: var(--zd_size40);
-  width: var(--zd_size40);
-}
-.center {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+.cover {
+  height: 100%;
+}
+.large {
+  height: 160px;
+  width: 160px;
+}
+.small {
+  height: 130px;
+  width: 130px;
+}
+[dir=ltr] .svgCenter {
+  margin-left: auto;
+  margin-right: auto;
+}
+[dir=rtl] .svgCenter {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.loaderWrapper {
+  height: 40px;
+  width: 40px;
+}
+.center {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/es/css/EmptyStateVariables.module.css

@@ -1,39 +1,39 @@
-.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);
+.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/es/emptystate/version3/EmptyAPIAuthentication.js

@@ -0,0 +1,92 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default class EmptyAPIAuthentication extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyApiAuthentication"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#APIAuthentication_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M200.502 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M35 293.249c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m44.501 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M428 51.999c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM311 432.748c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.251 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_cross)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#APIAuthentication_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M217.705 314.596c.151-16.029-14.665-7.141-19.453-12.504-7.227-8.104-12.557-20.427 3.162-33.142 27.102-21.904 75.162-25.429 85.19 22.326 10.028 47.755-57.878 71.135-73.356 49.623-5.812-8.075 4.397-21.754 4.457-26.303Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M240.892 308.541c2.138-1.356 2.349-6.147-1.716-6.327-4.066-.181-1.235 16.209 2.138 15.486 5.601-1.175 9.395-19.915-.392-22.868-9.787-2.953-12.166 25.971-1.415 30.461 8.763 3.645 13.4-17.867 11.202-27.508-2.168-9.431-11.022-13.589-19.845-4.068-9.786 10.515 2.048 62.639 19.845 29.015 17.827-33.594-1.927-47.725-13.732-46.339-11.804 1.386-16.803 22.928-16.291 34.618.843 19.193 23.398 47.363 38.665 14.764 15.268-32.6-3.041-55.498-17.827-60.078-14.755-4.579-27.493 13.739-27.493 39.198s22.163 51.25 41.074 40.584c21.531-12.142 29.27-89.785-19.121-88.549-14.635.361-22.104 8.014-25.446 18.469a147.162 147.162 0 0 1-3.704 10.214M200.691 353.011H179.28v-26.032M275.854 241.142h21.41v26.001M180.003 264.221v-21.422h25.988M296.541 329.902v21.422h-25.987",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M231.407 208.814c-9.606-4.097-13.521-15.637-8.432-24.796 3.704-6.628 9.967-12.986 20.326-12.654 21.351.723 16.021 23.169 10.691 22.808-5.331-.362 12.105-50.226 41.646-49.171 29.541 1.054 47.368 25.64 42.731 33.835-4.638 8.195-1.054-26.725 45.591-13.197 46.645 13.528-12.346 61.735-92.568 54.865-31.709-2.711-49.717-7.381-59.955-11.72l-.03.03Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M206.322 204.506c-10.901-10.726-10.75-43.447 29.481-49.141 33.124-4.67 41.225 28.08 33.124 29.316-8.1 1.235-9.907-30.582 0-43.266 12.377-15.818 24.121-17.415 40.232-15.004 26.59 4.007 42.851 35.944 36.286 45.856-2.349 2.019-5.932.452-6.113-2.621-.181-3.615 1.205-7.833.602-8.737-.993-1.477-7.528-4.731-7.528-4.731-.813.362-4.427 9.16-8.221 8.045-3.794-1.115-5.541-10.274-5.541-10.274s-9.756 1.265-9.546 2.591c.211 1.326 1.747 10.394-.241 11.539-1.987 1.145-10.419-2.38-10.419-2.38s-5.3 5.875-4.908 7.291c.391 1.417 7.468 4.339 6.595 9.702-.362 2.139-7.95 7.291-9.335 6.207-.693-.543 1.987 7.592 1.987 7.592 1.957 1.657 7.468-2.35 11.142.091 3.674 2.44-2.078 10.304-.693 12.563 1.385 2.26 7.167 3.194 7.167 3.194 2.921-3.826 8.613-7.984 10.63-6.417 2.018 1.566 2.469 8.134 4.758 8.315 2.289.181 7.498-1.506 8.101-2.199.602-.693-1.024-9.581.331-10.997 1.355-1.416 9.455 1.928 10.81 2.079 1.355.15 2.861-.633 4.156-5.062 1.295-4.429-4.577-4.821-6.866-9.34 0 0-1.867-7.834 2.409-7.502 4.276.331 9.787.18 9.787.18s-.181-9.611-1.204-10.123c-1.024-.512-9.215-.151-10.028-.693-5.722-3.977 10.208-17.505 22.374-20.548 41.135-11.238 70.344 43.386 28.638 63.211-3.674 1.747-7.92 3.435-12.648 5.032l-6.474 1.566-12.738 3.887c-29.21 6.99-66.43 10.786-94.104 7.773 0 0-79.107-8.798-80.884-49.743 0 0-8.733-38.053 63.358-36.727.271-4.761 2.108-9.039 5.902-12.805-60.919.12-132.166 2.38-134.545 5.061-4.186 4.61-2.108 225.698-2.168 233.622-.061 7.924 222.807.15 222.807.15s2.499-63.994 3.523-125.216",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M317.861 183.536c2.138-1.657-.602-2.682-.392-3.887.302-1.807 1.386-3.796 4.698-3.073 5.752 1.266 11.262 7.261 5.993 13.619-5.27 6.357-15.479-.181-14.274-4.49.452-1.627 3.343-1.717 3.945-2.169h.03Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M321.686 193.719c5.023 0 9.094-4.073 9.094-9.099 0-5.025-4.071-9.099-9.094-9.099s-9.094 4.074-9.094 9.099c0 5.026 4.071 9.099 9.094 9.099Z",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "APIAuthentication_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(25 50)",
+      d: "M0 0h450v400H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "APIAuthentication_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(118 124)",
+      d: "M0 0h298v252H0z"
+    }))));
+  }
+}
+EmptyAPIAuthentication.propTypes = EmptyStateProps;
+EmptyAPIAuthentication.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyApiAuthentication'
+};
+// if (__DOCS__) {
+//   EmptyAPIAuthentication.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyAPIConfiguration.js

@@ -0,0 +1,84 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default class EmptyAPIConfiguration extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyApiConfiguration"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#APIConfiguration_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M200.502 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M35 293.249c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m44.501 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M428 51.999c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM311 432.748c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.251 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_cross)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M223.856 310.471c0-6.873-6.271-3.005-8.339-5.284-3.101-3.454-5.41-8.703 1.275-14.194 11.509-9.428 32.046-11.086 36.422 9.324 4.377 20.41-24.534 30.563-31.184 21.412-2.516-3.454 1.826-9.325 1.826-11.258Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M279.954 315.754c1.344-3.039 19.952 3.799 19.952 3.799l1.688-13.054s.276-8.807-.069-10.844c-.344-2.038-17.574.103-24.362-7.978-6.788-8.081 8.649-22.067 8.615-25.452-.035-3.384-15.265-13.123-15.265-13.123s-16.472 12.951-21.537 11.638c-5.065-1.312-7.236-22.309-7.581-25.348-.344-3.039-22.639.138-22.639.138s1.826 21.308-5.927 26.108c-7.753 4.801-21.019-12.398-23.052-12.709-2.033-.31-16.782 14.988-16.782 14.988s6.823 8.772 11.234 13.469c4.411 4.697 3.101 10.809.069 14.228-3.033 3.419-20.916 1.831-22.95 2.832-2.033 1.002-2.653 6.458-2.653 6.458l-.103 7.839s-1.413 7.287 4.686 8.116c6.099.829 24.672-1.589 22.433 9.773-2.24 11.362-14.99 15.817-9.442 24.796 5.582 8.979 9.338 9.842 12.233 8.668 2.894-1.174 18.779-13.503 22.57-11.189 3.79 2.314 5.651 22.966 7.408 24.105 1.758 1.14 14.232 1.658 19.159-.103 4.928-1.762 1.93-16.612 5.376-21.274 3.446-4.662 18.607 1.036 27.325 7.701l9.339-7.873",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M247.77 202.791c-10.992-4.697-15.472-17.923-9.648-28.422 4.238-7.598 11.405-14.884 23.259-14.504 24.431.828 18.332 26.557 12.233 26.142-6.099-.414 13.852-57.569 47.656-56.36 33.803 1.209 54.203 29.389 48.896 38.782-5.306 9.394-1.206-30.632 52.17-15.126 53.376 15.506-14.128 70.761-105.925 62.887-36.285-3.108-56.891-8.461-68.606-13.434l-.035.035Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M219.066 197.852c-12.474-12.294-12.301-49.799 33.735-56.326 37.904-5.352 47.174 32.187 37.904 33.603-9.269 1.416-11.337-35.053 0-49.592 14.163-18.131 27.601-19.961 46.037-17.198 30.426 4.593 49.034 41.199 41.522 52.561-2.688 2.314-6.788.518-6.995-3.004-.207-4.144 1.378-8.979.689-10.015-1.137-1.692-8.615-5.422-8.615-5.422-.93.414-5.065 10.498-9.407 9.221-4.341-1.278-6.34-11.777-6.34-11.777s-11.165 1.451-10.923 2.97c.241 1.52 1.998 11.915-.276 13.227-2.274 1.312-11.923-2.728-11.923-2.728s-6.064 6.734-5.616 8.357c.448 1.623 8.545 4.973 7.546 11.12-.413 2.452-9.097 8.358-10.682 7.114-.793-.621 2.274 8.703 2.274 8.703 2.24 1.9 8.546-2.694 12.75.104 4.204 2.797-2.378 11.811-.793 14.401s8.201 3.66 8.201 3.66c3.343-4.386 9.856-9.151 12.164-7.356 2.309 1.796 2.826 9.325 5.445 9.532 2.618.207 8.58-1.727 9.269-2.521.689-.794-1.172-10.982.379-12.605 1.551-1.623 10.82 2.21 12.371 2.383 1.55.172 3.273-.725 4.755-5.802 1.481-5.077-5.238-5.526-7.857-10.706 0 0-2.136-8.979 2.757-8.599 4.893.38 11.199.207 11.199.207s-.207-11.016-1.378-11.603c-1.172-.587-10.545-.173-11.475-.795-6.547-4.558 11.681-20.064 25.603-23.552 47.07-12.882 80.494 49.73 32.769 72.453-4.203 2.003-9.062 3.937-14.472 5.768l-7.409 1.795-14.576 4.455c-33.424 8.012-76.015 12.364-107.682 8.91 0 0-90.522-10.084-92.555-57.016 0 0-9.993-43.617 72.5-42.098.31-5.456 2.412-10.36 6.754-14.677-69.709.138-151.238 2.728-153.96 5.802-4.79 5.284-2.412 258.698-2.481 267.781-.034 6.423 127.496 3.868 202.167 1.796l-3.135-3.523c-22.26-24.347-55.547-50.144-79.358-56.809 0 0-13.197 3.764-25.534-6.044-12.336-9.808-9.303-25.348-6.409-26.315 2.895-.967 10.372 11.5 17.16 12.501 6.789 1.002 18.436.104 17.609-18.856 0 0-3.343-9.013-16.919-13.986 0 0-6.306-3.212 1.964-6.32s26.429 5.526 29.289 16.473c2.86 10.982 2.757 24.105-10.406 36.192 0 0 12.129 2.28 16.643-19.132 0 0 47.243 48.556 91.418 84.299l20.469-.138s2.86-73.352 4.031-143.526",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M346.7 173.816c2.447-1.899-.689-3.073-.448-4.455.345-2.072 1.585-4.351 5.376-3.522 6.581 1.45 12.887 8.322 6.857 15.609-6.03 7.287-17.712-.207-16.333-5.145.516-1.865 3.824-1.969 4.514-2.487h.034Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M351.076 185.489c5.748 0 10.407-4.67 10.407-10.43s-4.659-10.429-10.407-10.429c-5.747 0-10.406 4.669-10.406 10.429 0 5.76 4.659 10.43 10.406 10.43Z",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "APIConfiguration_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(25 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+}
+EmptyAPIConfiguration.propTypes = EmptyStateProps;
+EmptyAPIConfiguration.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyApiConfiguration'
+};
+// if (__DOCS__) {
+//   EmptyAPIConfiguration.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }