@zohodesk/svg 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +8 -0
  2. package/es/v1/emptystate/version3/Export.js +70 -35
  3. package/es/v1/emptystate/version3/Import.js +55 -27
  4. package/es/v1/emptystate/version3/MultiLayout.js +96 -0
  5. package/lib/v1/emptystate/version3/Export.js +65 -28
  6. package/lib/v1/emptystate/version3/Import.js +57 -27
  7. package/lib/v1/emptystate/version3/MultiLayout.js +117 -0
  8. package/package.json +4 -4
  9. package/css_layer_config.json +0 -94
package/README.md CHANGED
@@ -2,6 +2,14 @@
2
2
 
3
3
  This Bundle Contains EmptyState Images.
4
4
 
5
+ # 1.2.2
6
+
7
+ - v1 => Import and Export svg components changed.
8
+
9
+ # 1.2.1
10
+
11
+ - v1 => MultiLayout svg added.
12
+
5
13
  # 1.2.0
6
14
 
7
15
  - Css Layer introduced.
package/es/v1/emptystate/version3/Export.js CHANGED
@@ -2,43 +2,78 @@ import React from 'react';
2
2
  import { EmptyStateProps } from "../props/propTypes";
3
3
  import { EmptyStateDefaultProps } from "../props/defaultProps";
4
4
  import SVG from "../../SVG/SVG";
5
+ const fillNone = {
6
+ fill: 'none'
7
+ };
5
8
  export default function Export(props) {
6
9
  return /*#__PURE__*/React.createElement(SVG, {
7
- viewBox: "0 0 200 200",
8
- name: "export",
9
- ...props
10
- }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.cls-2{fill:var(--zd_emptysvg_plus)}.cls-3{fill:var(--zd_emptysvg_medium_circle)}.cls-4{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
11
- d: "M80.46 58s46.65-31.17 70.27-21.79 39.74 88.3-25.92 123.72-95.36-41.62-95.62-55.27C29 91.42 29.19 59.93 80.46 58Z",
12
- style: {
13
- fill: 'var(--zd_emptysvg_primary_fill)',
14
- opacity: 0.1
15
- }
16
- }), /*#__PURE__*/React.createElement("path", {
17
- className: "cls-2",
18
- d: "M14.22 119.11a.51.51 0 0 1-.47-.53l.42-7.47a.48.48 0 0 1 .52-.47.51.51 0 0 1 .47.53l-.41 7.47a.51.51 0 0 1-.53.47Z"
19
- }), /*#__PURE__*/React.createElement("path", {
20
- className: "cls-2",
21
- d: "m18.1 115.58-7.34-.42a.49.49 0 0 1-.47-.52.49.49 0 0 1 .52-.47l7.35.42a.5.5 0 0 1 0 1Z"
22
- }), /*#__PURE__*/React.createElement("path", {
23
- className: "cls-3",
24
- d: "M171.41 22.61a4.75 4.75 0 1 0 4.67 4.74 4.72 4.72 0 0 0-4.67-4.74Zm0 8.5a3.76 3.76 0 1 1 3.68-3.76 3.73 3.73 0 0 1-3.68 3.76ZM124.66 174.88a3.45 3.45 0 1 0 3.39 3.45 3.43 3.43 0 0 0-3.39-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.45 2.43 2.43 0 0 1-2.4 2.45Z"
25
- }), /*#__PURE__*/React.createElement("path", {
26
- className: "cls-4",
27
- d: "M81.16 21.77a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM190.08 131.62a.49.49 0 0 0-.7 0l-2.38 2.11-2.11-2.4a.5.5 0 1 0-.75.65l2.13 2.42-2.38 2.17a.49.49 0 0 0 0 .7.49.49 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.12 2.41a.5.5 0 0 0 .7.05.51.51 0 0 0 .05-.71l-2.13-2.42 2.38-2.16a.49.49 0 0 0 0-.7Z"
28
- }), /*#__PURE__*/React.createElement("path", {
29
- d: "M53.45 128.89c-5.58-3.24-7.84-12.38-4.89-19.6 2.15-5.25 5.78-10.27 11.79-10 12.39.57 9.29 18.31 6.19 18s7-39.72 24.18-38.87 27.48 20.28 24.79 26.76-.62-21.1 26.49-10.39-7.17 48.8-53.72 43.38c-18.44-2.17-28.9-5.84-34.83-9.28Z",
30
- style: {
31
- fill: 'var(--zd_emptysvg_secondary_fill)'
32
- }
33
- }), /*#__PURE__*/React.createElement("path", {
34
- d: "M176 115.21h-68.14l-.52-17.59c5.47-.73 17.21-2.53 14.5 1.58-1 1.51-22.85-18.41-20.3-18S81.32 100 79.86 98.52s15-.73 15-.73l-.37 16.4-42.14 1s-22.72.85-22.13-20.64c.26-9.2 6.89-17.2 16-18.27 5.52-.65 12.12 1.14 18.79 8.89 0 0-10.32 15.21.36-8.69s47.76-37.24 69.31-12.73c23.61 26.86 2.56 38.62 2.38 36.63s2.5-7.37 15.56-1.27c16.91 7.89 11.26 41.8-21 29.29 0 0-54.89 29.46-89.6-5.46",
35
- style: {
36
- fill: 'none',
37
- stroke: 'var(--zd_emptysvg_primary_stroke)',
38
- strokeLinecap: 'round',
39
- strokeLinejoin: 'round'
40
- }
41
- }));
10
+ viewBox: "0 0 500 500",
11
+ name: "Export",
12
+ ...props,
13
+ styleName: fillNone
14
+ }, /*#__PURE__*/React.createElement("g", {
15
+ "clip-path": "url(#clip0_8054_29303)"
16
+ }, /*#__PURE__*/React.createElement("path", {
17
+ opacity: "0.1",
18
+ d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.002 291.25 72.252 257.25C71.752 224 72.252 145.5 200.502 140.5Z",
19
+ fill: "var(--zd_emptysvg_primary_fill)"
20
+ }), /*#__PURE__*/React.createElement("path", {
21
+ d: "M35 293.249C34.75 293.249 35 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z",
22
+ fill: "var(--zd_emptysvg_plus)"
23
+ }), /*#__PURE__*/React.createElement("path", {
24
+ d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z",
25
+ fill: "var(--zd_emptysvg_plus)"
26
+ }), /*#__PURE__*/React.createElement("path", {
27
+ d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
28
+ fill: "var(--zd_emptysvg_medium_circle)"
29
+ }), /*#__PURE__*/React.createElement("path", {
30
+ d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
31
+ fill: "var(--zd_emptysvg_small_circle)"
32
+ }), /*#__PURE__*/React.createElement("path", {
33
+ d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
34
+ fill: "var(--zd_emptysvg_tiny_circle)"
35
+ }), /*#__PURE__*/React.createElement("path", {
36
+ d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
37
+ fill: "var(--zd_emptysvg_cross)"
38
+ }), /*#__PURE__*/React.createElement("path", {
39
+ opacity: "0.1",
40
+ d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5022 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
41
+ fill: "var(--zd_emptysvg_primary_fill)"
42
+ })), /*#__PURE__*/React.createElement("g", {
43
+ "clip-path": "url(#clip1_8054_29303)"
44
+ }, /*#__PURE__*/React.createElement("path", {
45
+ d: "M169.27 231.823C169.27 231.823 154.634 241.172 169.858 244.109C185.081 247.047 255.274 244.697 250.012 237.672C244.75 230.648 169.27 231.823 169.27 231.823Z",
46
+ fill: "var(--zd_emptysvg_secondary_fill)"
47
+ }), /*#__PURE__*/React.createElement("path", {
48
+ d: "M169.27 276.191C169.27 276.191 154.634 285.54 169.858 288.477C185.081 291.415 255.274 289.065 250.012 282.04C244.75 275.016 169.27 276.191 169.27 276.191Z",
49
+ fill: "var(--zd_emptysvg_secondary_fill)"
50
+ }), /*#__PURE__*/React.createElement("path", {
51
+ d: "M167.635 316.496C167.635 316.496 149.627 326.586 168.35 329.728C187.099 332.869 273.587 330.366 267.099 322.78C260.612 315.194 167.635 316.471 167.635 316.471V316.496Z",
52
+ fill: "var(--zd_emptysvg_secondary_fill)"
53
+ }), /*#__PURE__*/React.createElement("path", {
54
+ d: "M345.567 293.304C345.567 293.304 348.556 393.969 343.984 399.436C339.437 404.902 115.144 398.542 110.597 402.169C106.051 405.796 112.232 419.027 114.659 406.843C117.085 394.659 110.367 194.53 110.367 194.53L179.333 115.857L179.155 122.626L180.074 181.35C180.074 181.35 117.698 184.542 112.692 184.083C107.685 183.623 180.534 108.961 180.534 108.961L301.455 108.756L322.885 83.622C322.885 83.622 399.514 170.596 400.868 175.168C402.222 179.715 356.244 176.088 356.244 176.088C356.244 176.088 356.704 273.126 357.164 276.778C357.624 280.431 293.409 279.511 293.409 279.511C293.409 279.511 290.216 177.416 292.055 172.001C293.868 166.586 303.447 171.541 306.614 174.734C309.782 177.927 255.171 178.821 247.431 177.467C239.692 176.113 324.367 69.1136 325.618 66.3805C326.87 63.6474 410.779 163.137 410.779 163.137C410.779 163.137 428.097 185.079 425.542 187.199C422.988 189.319 370.855 190.596 370.855 190.596L371.289 237.187",
55
+ stroke: "var(--zd_emptysvg_primary_stroke)",
56
+ "stroke-width": "2.5543",
57
+ "stroke-linecap": "round",
58
+ "stroke-linejoin": "round"
59
+ }), /*#__PURE__*/React.createElement("path", {
60
+ d: "M300.203 269.907V167.863C300.203 167.863 262.936 173.712 262.936 170.647C262.936 167.582 318.364 90.876 323.294 94.8863C328.223 98.8965 392.592 167.556 390.114 169.114C387.636 170.672 351.927 164.491 351.927 171.566C351.927 178.642 354.712 269.09 350.088 269.907C345.465 270.724 321.455 267.25 316.525 269.907C311.595 272.563 300.203 269.907 300.203 269.907Z",
61
+ fill: "var(--zd_emptysvg_secondary_fill)"
62
+ })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
63
+ id: "clip0_8054_29303"
64
+ }, /*#__PURE__*/React.createElement("rect", {
65
+ width: "450",
66
+ height: "400",
67
+ fill: "white",
68
+ transform: "translate(25 50)"
69
+ })), /*#__PURE__*/React.createElement("clipPath", {
70
+ id: "clip1_8054_29303"
71
+ }, /*#__PURE__*/React.createElement("rect", {
72
+ width: "319.39",
73
+ height: "348.151",
74
+ fill: "white",
75
+ transform: "translate(107.737 65)"
76
+ }))));
42
77
  }
43
78
  Export.propTypes = EmptyStateProps;
44
79
  Export.defaultProps = { ...EmptyStateDefaultProps,
package/es/v1/emptystate/version3/Import.js CHANGED
@@ -2,57 +2,85 @@ import React from 'react';
2
2
  import { EmptyStateProps } from "../props/propTypes";
3
3
  import { EmptyStateDefaultProps } from "../props/defaultProps";
4
4
  import SVG from "../../SVG/SVG";
5
+ const fillNone = {
6
+ fill: 'none'
7
+ };
5
8
  export default function Import(props) {
6
9
  return /*#__PURE__*/React.createElement(SVG, {
7
10
  viewBox: "0 0 500 500",
8
11
  name: "import",
9
- ...props
12
+ ...props,
13
+ styleName: fillNone
10
14
  }, /*#__PURE__*/React.createElement("g", {
11
- clipPath: "url(#Import_svg__clip0)"
15
+ "clip-path": "url(#clip0_8054_29261)"
12
16
  }, /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#Import_svg__clip1)"
17
+ "clip-path": "url(#clip1_8054_29261)"
14
18
  }, /*#__PURE__*/React.createElement("path", {
15
- opacity: 0.1,
16
- 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",
19
+ opacity: "0.1",
20
+ d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.002 291.25 72.252 257.25C71.752 224 72.252 145.5 200.502 140.5Z",
17
21
  fill: "var(--zd_emptysvg_primary_fill)"
18
22
  }), /*#__PURE__*/React.createElement("path", {
19
- d: "M35 293.249s-.25 0 0 0c-.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",
23
+ d: "M35 293.249C34.75 293.249 35 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z",
20
24
  fill: "var(--zd_emptysvg_plus)"
21
25
  }), /*#__PURE__*/React.createElement("path", {
22
- d: "M44.501 284.498l-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",
26
+ d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z",
23
27
  fill: "var(--zd_emptysvg_plus)"
24
28
  }), /*#__PURE__*/React.createElement("path", {
25
- 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",
29
+ d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
26
30
  fill: "var(--zd_emptysvg_medium_circle)"
27
31
  }), /*#__PURE__*/React.createElement("path", {
28
- 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",
32
+ d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
33
+ fill: "var(--zd_emptysvg_small_circle)"
34
+ }), /*#__PURE__*/React.createElement("path", {
35
+ d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
29
36
  fill: "var(--zd_emptysvg_tiny_circle)"
30
37
  }), /*#__PURE__*/React.createElement("path", {
31
- opacity: 0.1,
32
- 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",
38
+ d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
39
+ fill: "var(--zd_emptysvg_cross)"
40
+ }), /*#__PURE__*/React.createElement("path", {
41
+ opacity: "0.1",
42
+ d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5022 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
33
43
  fill: "var(--zd_emptysvg_primary_fill)"
44
+ })), /*#__PURE__*/React.createElement("g", {
45
+ "clip-path": "url(#clip2_8054_29261)"
46
+ }, /*#__PURE__*/React.createElement("path", {
47
+ d: "M150.052 242.996C150.052 242.996 134.913 252.666 150.66 255.704C166.406 258.743 239.009 256.312 233.566 249.047C228.124 241.781 150.052 242.996 150.052 242.996Z",
48
+ fill: "var(--zd_emptysvg_secondary_fill)"
49
+ }), /*#__PURE__*/React.createElement("path", {
50
+ d: "M150.052 288.888C150.052 288.888 134.913 298.558 150.66 301.596C166.406 304.634 239.009 302.204 233.566 294.938C228.124 287.673 150.052 288.888 150.052 288.888Z",
51
+ fill: "var(--zd_emptysvg_secondary_fill)"
34
52
  }), /*#__PURE__*/React.createElement("path", {
35
- d: "M103.272 292.867c-15.153-8.693-21.106-33.684-13.259-53.242 5.683-14.126 15.695-27.98 31.93-27.165 33.554 1.63 25.165 49.711 16.777 48.896-8.388-.815 18.941-107.842 65.483-105.669 46.272 2.173 74.413 55.143 67.107 72.8-7.306 17.657-1.623-57.316 71.437-28.251 73.059 29.066-19.483 132.562-145.309 117.894-49.788-5.977-77.93-16.027-94.166-25.263z",
53
+ d: "M148.361 330.579C148.361 330.579 129.735 341.015 149.101 344.265C168.494 347.514 257.953 344.925 251.242 337.078C244.531 329.232 148.361 330.553 148.361 330.553V330.579Z",
36
54
  fill: "var(--zd_emptysvg_secondary_fill)"
37
55
  }), /*#__PURE__*/React.createElement("path", {
38
- d: "M442.326 285.26H107.333s-61.425 2.445-59.801-55.958c.811-24.992 18.67-46.723 43.294-49.711 14.883-1.63 32.742 2.988 50.872 24.176 0 0-27.871 41.29 1.082-23.633s129.073-101.323 187.521-34.77c63.859 73.072 7.035 104.854 6.494 99.421-.541-5.433 10.282-26.077 42.212-3.531 31.93 22.546-8.929 93.445-78.742 85.567l-47.354-1.901-1.082 44.549s44.377 1.902 40.318-1.901c-4.059-4.075-65.483 46.179-58.718 47.266 7.035 1.086-52.225-53.242-54.931-48.896-7.306 11.137 24.354 6.248 39.236 4.346l-1.353-47.809s-114.19 22.818-147.202-27.707",
56
+ d: "M330.001 267.859C330.001 267.859 256.05 184.503 254.65 179.8C253.25 175.097 300.806 178.849 300.806 178.849C300.806 178.849 300.331 78.4783 299.855 74.7002C299.38 70.9221 365.8 71.8733 365.8 71.8733C365.8 71.8733 369.103 177.475 367.201 183.076C365.325 188.677 355.417 183.552 352.141 180.249C348.865 176.947 405.351 176.022 413.357 177.422C421.362 178.823 333.779 289.497 332.484 292.324C331.19 295.151 244.399 192.244 244.399 192.244C244.399 192.244 226.486 169.549 229.128 167.356C231.77 165.163 285.694 163.842 285.694 163.842L285.245 115.652L160.171 115.863C160.171 115.863 84.794 193.142 89.9723 193.618C95.1507 194.094 159.669 190.791 159.669 190.791L158.718 130.051L158.903 123.049L87.5945 204.424C87.5945 204.424 94.5431 411.427 92.0331 424.029C89.5232 436.632 83.1559 422.946 87.8323 419.194C92.5087 415.443 324.505 422.021 329.235 416.367C333.937 410.713 330.873 306.591 330.873 306.591",
39
57
  stroke: "var(--zd_emptysvg_primary_stroke)",
40
- fill: "transparent",
41
- strokeWidth: 2.5,
42
- strokeMiterlimit: 10,
43
- strokeLinecap: "round",
44
- strokeLinejoin: "round"
58
+ "stroke-width": "2.64203",
59
+ "stroke-linecap": "round",
60
+ "stroke-linejoin": "round"
61
+ }), /*#__PURE__*/React.createElement("path", {
62
+ d: "M361.15 82.5718V188.121C361.15 188.121 399.697 182.071 399.697 185.241C399.697 188.411 342.365 267.752 337.266 263.604C332.167 259.456 265.588 188.438 268.151 186.826C270.713 185.215 307.649 191.608 307.649 184.29C307.649 176.972 304.769 83.4172 309.551 82.5718C314.333 81.7263 339.168 85.3195 344.268 82.5718C349.367 79.8241 361.15 82.5718 361.15 82.5718Z",
63
+ fill: "var(--zd_emptysvg_secondary_fill)"
45
64
  }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
46
- id: "Import_svg__clip0"
47
- }, /*#__PURE__*/React.createElement("path", {
48
- fill: "#fff",
49
- d: "M0 0h500v500H0z"
65
+ id: "clip0_8054_29261"
66
+ }, /*#__PURE__*/React.createElement("rect", {
67
+ width: "500",
68
+ height: "500",
69
+ fill: "white"
50
70
  })), /*#__PURE__*/React.createElement("clipPath", {
51
- id: "Import_svg__clip1"
52
- }, /*#__PURE__*/React.createElement("path", {
53
- fill: "#fff",
54
- transform: "translate(25 50)",
55
- d: "M0 0h450v400H0z"
71
+ id: "clip1_8054_29261"
72
+ }, /*#__PURE__*/React.createElement("rect", {
73
+ width: "450",
74
+ height: "400",
75
+ fill: "white",
76
+ transform: "translate(25 50)"
77
+ })), /*#__PURE__*/React.createElement("clipPath", {
78
+ id: "clip2_8054_29261"
79
+ }, /*#__PURE__*/React.createElement("rect", {
80
+ width: "330.359",
81
+ height: "360.109",
82
+ fill: "white",
83
+ transform: "translate(84.8203 70.4453)"
56
84
  }))));
57
85
  }
58
86
  Import.propTypes = EmptyStateProps;
package/es/v1/emptystate/version3/MultiLayout.js ADDED
@@ -0,0 +1,96 @@
1
+ import React from 'react';
2
+ import { EmptyStateProps } from "../props/propTypes";
3
+ import { EmptyStateDefaultProps } from "../props/defaultProps";
4
+ import SVG from "../../SVG/SVG";
5
+ export default function MultiLayout(props) {
6
+ return /*#__PURE__*/React.createElement(SVG, {
7
+ viewBox: "0 0 500 500",
8
+ name: "emptyMultiLayout",
9
+ styleName: {
10
+ fill: 'none'
11
+ },
12
+ ...props
13
+ }, /*#__PURE__*/React.createElement("g", {
14
+ "clip-path": "url(#clip0_8054_29284)"
15
+ }, /*#__PURE__*/React.createElement("path", {
16
+ opacity: "0.1",
17
+ d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z",
18
+ fill: "var(--zd_emptysvg_primary_fill)"
19
+ }), /*#__PURE__*/React.createElement("path", {
20
+ d: "M35 293.25C34.75 293.25 35 293.25 35 293.25C34.25 293.25 33.75 292.5 33.75 292L34.75 273.25C34.75 272.5 35.25 272 36 272C36.75 272 37.25 272.5 37.25 273.25L36.25 292C36 292.75 35.5 293.25 35 293.25Z",
21
+ fill: "var(--zd_emptysvg_plus)"
22
+ }), /*#__PURE__*/React.createElement("path", {
23
+ d: "M44.501 284.5L26.001 283.5C25.251 283.5 24.751 282.75 24.751 282.25C24.751 281.5 25.501 281 26.001 281L44.251 282C45.001 282 45.501 282.75 45.501 283.25C45.751 284 45.251 284.5 44.501 284.5Z",
24
+ fill: "var(--zd_emptysvg_plus)"
25
+ }), /*#__PURE__*/React.createElement("path", {
26
+ d: "M428 51.9995C421.5 51.9995 416.25 57.2495 416.25 63.7495C416.25 70.2495 421.5 75.4995 428 75.4995C434.5 75.4995 439.75 70.2495 439.75 63.7495C439.75 57.2495 434.25 51.9995 428 51.9995ZM428 73.2495C423 73.2495 418.75 68.9995 418.75 63.7495C418.75 58.4995 423 54.2495 428 54.2495C433 54.2495 437.25 58.4995 437.25 63.7495C437.25 68.9995 433 73.2495 428 73.2495Z",
27
+ fill: "var(--zd_emptysvg_medium_circle)"
28
+ }), /*#__PURE__*/React.createElement("path", {
29
+ d: "M311 432.749C306.25 432.749 302.5 436.499 302.5 441.249C302.5 445.999 306.25 449.749 311 449.749C315.75 449.749 319.5 445.999 319.5 441.249C319.5 436.749 315.75 432.749 311 432.749ZM311 447.499C307.75 447.499 305 444.749 305 441.249C305 437.749 307.75 434.999 311 434.999C314.25 434.999 317 437.749 317 441.249C317 444.749 314.25 447.499 311 447.499Z",
30
+ fill: "var(--zd_emptysvg_medium_circle)"
31
+ }), /*#__PURE__*/React.createElement("path", {
32
+ d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
33
+ fill: "var(--zd_emptysvg_tiny_circle)"
34
+ }), /*#__PURE__*/React.createElement("path", {
35
+ d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
36
+ fill: "var(--zd_emptysvg_tiny_circle)"
37
+ }), /*#__PURE__*/React.createElement("path", {
38
+ opacity: "0.1",
39
+ d: "M289.502 162.5C289.502 162.5 196.252 100.25 149.002 119C101.752 137.75 69.5017 295.5 200.752 366.25C332.002 437 391.502 283 392.002 255.75C392.502 229.25 392.002 166.25 289.502 162.5Z",
40
+ fill: "var(--zd_emptysvg_primary_fill)"
41
+ }), /*#__PURE__*/React.createElement("g", {
42
+ "clip-path": "url(#clip1_8054_29284)"
43
+ }, /*#__PURE__*/React.createElement("path", {
44
+ d: "M317.375 309.542C317.375 309.542 100.221 302.587 137.999 328.74C187.53 362.961 113.094 372.699 129.884 379.654C146.674 386.61 337.523 394.957 329.967 372.421C322.692 349.884 335.844 306.76 317.375 309.542Z",
45
+ fill: "var(--zd_emptysvg_secondary_fill)"
46
+ }), /*#__PURE__*/React.createElement("path", {
47
+ d: "M212.157 245.551C212.157 245.551 282.116 247.499 301.985 250.003C323.252 252.507 314.577 260.019 305.902 261.688C297.228 263.357 201.803 265.305 205.721 260.019C209.639 254.732 202.922 244.716 212.157 245.551Z",
48
+ fill: "var(--zd_emptysvg_secondary_fill)"
49
+ }), /*#__PURE__*/React.createElement("path", {
50
+ d: "M212.157 207.713C212.157 207.713 282.116 209.66 301.984 212.164C323.252 214.668 314.577 222.18 305.902 223.85C297.507 225.519 201.803 227.466 205.721 222.18C209.638 217.172 202.922 207.156 212.157 207.713Z",
51
+ fill: "var(--zd_emptysvg_secondary_fill)"
52
+ }), /*#__PURE__*/React.createElement("path", {
53
+ d: "M95.746 169.04C101.31 169.04 105.82 164.556 105.82 159.024C105.82 153.492 101.31 149.008 95.746 149.008C90.1822 149.008 85.6719 153.492 85.6719 159.024C85.6719 164.556 90.1822 169.04 95.746 169.04Z",
54
+ fill: "var(--zd_emptysvg_secondary_fill)"
55
+ }), /*#__PURE__*/React.createElement("path", {
56
+ d: "M130.445 169.04C136.009 169.04 140.519 164.556 140.519 159.024C140.519 153.492 136.009 149.008 130.445 149.008C124.881 149.008 120.371 153.492 120.371 159.024C120.371 164.556 124.881 169.04 130.445 169.04Z",
57
+ fill: "var(--zd_emptysvg_secondary_fill)"
58
+ }), /*#__PURE__*/React.createElement("path", {
59
+ d: "M152.553 113.395C158.116 113.395 162.627 108.911 162.627 103.379C162.627 97.8476 158.116 93.3633 152.553 93.3633C146.989 93.3633 142.479 97.8476 142.479 103.379C142.479 108.911 146.989 113.395 152.553 113.395Z",
60
+ fill: "var(--zd_emptysvg_secondary_fill)"
61
+ }), /*#__PURE__*/React.createElement("path", {
62
+ d: "M187.252 113.395C192.816 113.395 197.326 108.911 197.326 103.379C197.326 97.8476 192.816 93.3633 187.252 93.3633C181.688 93.3633 177.178 97.8476 177.178 103.379C177.178 108.911 181.688 113.395 187.252 113.395Z",
63
+ fill: "var(--zd_emptysvg_secondary_fill)"
64
+ }), /*#__PURE__*/React.createElement("path", {
65
+ d: "M99.1023 229.135C103.02 202.148 143.037 195.47 158.428 211.329C173.819 227.188 172.14 264.469 149.473 271.981C126.806 279.215 118.971 272.26 118.971 272.26C118.971 272.26 110.296 268.643 104.139 258.905C104.139 258.905 80.0734 226.353 77.8347 155.128C77.8347 155.128 77.8347 149.842 78.954 138.156C80.0734 128.14 390.692 135.931 391.812 147.059C392.931 158.188 398.528 412.206 389.573 415.544C380.618 418.883 72.2379 428.899 72.2379 412.206C72.2379 395.512 71.3984 182.95 71.3984 182.95C71.3984 182.95 361.869 178.499 362.988 187.402C364.108 196.305 364.108 394.399 356.272 395.512C348.437 396.625 105.818 402.19 105.818 396.625C105.818 391.061 103.58 292.292 106.938 292.292C110.296 292.292 319.894 291.457 319.894 297.021C319.894 297.021 339.482 319.836 329.968 372.142C329.968 372.142 433.787 384.105 433.787 374.924C433.787 365.742 459.532 82.7901 435.746 81.1207C411.96 79.4514 127.646 72.2176 124.008 79.4514C120.37 86.9634 120.37 112.56 120.37 112.56",
66
+ stroke: "var(--zd_emptysvg_primary_stroke)",
67
+ "stroke-width": "2.5",
68
+ "stroke-miterlimit": "10",
69
+ "stroke-linecap": "round",
70
+ "stroke-linejoin": "round"
71
+ }), /*#__PURE__*/React.createElement("path", {
72
+ d: "M105.82 265.026C105.82 265.026 104.421 244.437 124.289 245.55C144.158 246.663 164.026 263.357 164.026 263.357C164.026 263.357 136.322 286.727 105.82 265.026Z",
73
+ fill: "var(--zd_emptysvg_secondary_fill)"
74
+ }), /*#__PURE__*/React.createElement("path", {
75
+ d: "M127.366 245.829C134.321 245.829 139.959 240.223 139.959 233.309C139.959 226.394 134.321 220.789 127.366 220.789C120.411 220.789 114.773 226.394 114.773 233.309C114.773 240.223 120.411 245.829 127.366 245.829Z",
76
+ fill: "var(--zd_emptysvg_secondary_fill)"
77
+ }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
78
+ id: "clip0_8054_29284"
79
+ }, /*#__PURE__*/React.createElement("rect", {
80
+ width: "450",
81
+ height: "400",
82
+ fill: "white",
83
+ transform: "translate(25 50)"
84
+ })), /*#__PURE__*/React.createElement("clipPath", {
85
+ id: "clip1_8054_29284"
86
+ }, /*#__PURE__*/React.createElement("rect", {
87
+ width: "377.5",
88
+ height: "347.5",
89
+ fill: "white",
90
+ transform: "translate(70 75)"
91
+ }))));
92
+ }
93
+ MultiLayout.propTypes = EmptyStateProps;
94
+ MultiLayout.defaultProps = { ...EmptyStateDefaultProps,
95
+ dataId: 'emptyMultiLayout'
96
+ };
package/lib/v1/emptystate/version3/Export.js CHANGED
@@ -23,42 +23,79 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
23
23
 
24
24
  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); }
25
25
 
26
+ var fillNone = {
27
+ fill: 'none'
28
+ };
29
+
26
30
  function Export(props) {
27
31
  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
28
- viewBox: "0 0 200 200",
29
- name: "export"
30
- }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.cls-2{fill:var(--zd_emptysvg_plus)}.cls-3{fill:var(--zd_emptysvg_medium_circle)}.cls-4{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/_react["default"].createElement("path", {
31
- d: "M80.46 58s46.65-31.17 70.27-21.79 39.74 88.3-25.92 123.72-95.36-41.62-95.62-55.27C29 91.42 29.19 59.93 80.46 58Z",
32
- style: {
33
- fill: 'var(--zd_emptysvg_primary_fill)',
34
- opacity: 0.1
35
- }
32
+ viewBox: "0 0 500 500",
33
+ name: "Export"
34
+ }, props, {
35
+ styleName: fillNone
36
+ }), /*#__PURE__*/_react["default"].createElement("g", {
37
+ "clip-path": "url(#clip0_8054_29303)"
38
+ }, /*#__PURE__*/_react["default"].createElement("path", {
39
+ opacity: "0.1",
40
+ d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.002 291.25 72.252 257.25C71.752 224 72.252 145.5 200.502 140.5Z",
41
+ fill: "var(--zd_emptysvg_primary_fill)"
42
+ }), /*#__PURE__*/_react["default"].createElement("path", {
43
+ d: "M35 293.249C34.75 293.249 35 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z",
44
+ fill: "var(--zd_emptysvg_plus)"
45
+ }), /*#__PURE__*/_react["default"].createElement("path", {
46
+ d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z",
47
+ fill: "var(--zd_emptysvg_plus)"
48
+ }), /*#__PURE__*/_react["default"].createElement("path", {
49
+ d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
50
+ fill: "var(--zd_emptysvg_medium_circle)"
51
+ }), /*#__PURE__*/_react["default"].createElement("path", {
52
+ d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
53
+ fill: "var(--zd_emptysvg_small_circle)"
54
+ }), /*#__PURE__*/_react["default"].createElement("path", {
55
+ d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
56
+ fill: "var(--zd_emptysvg_tiny_circle)"
36
57
  }), /*#__PURE__*/_react["default"].createElement("path", {
37
- className: "cls-2",
38
- d: "M14.22 119.11a.51.51 0 0 1-.47-.53l.42-7.47a.48.48 0 0 1 .52-.47.51.51 0 0 1 .47.53l-.41 7.47a.51.51 0 0 1-.53.47Z"
58
+ d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
59
+ fill: "var(--zd_emptysvg_cross)"
39
60
  }), /*#__PURE__*/_react["default"].createElement("path", {
40
- className: "cls-2",
41
- d: "m18.1 115.58-7.34-.42a.49.49 0 0 1-.47-.52.49.49 0 0 1 .52-.47l7.35.42a.5.5 0 0 1 0 1Z"
61
+ opacity: "0.1",
62
+ d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5022 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
63
+ fill: "var(--zd_emptysvg_primary_fill)"
64
+ })), /*#__PURE__*/_react["default"].createElement("g", {
65
+ "clip-path": "url(#clip1_8054_29303)"
66
+ }, /*#__PURE__*/_react["default"].createElement("path", {
67
+ d: "M169.27 231.823C169.27 231.823 154.634 241.172 169.858 244.109C185.081 247.047 255.274 244.697 250.012 237.672C244.75 230.648 169.27 231.823 169.27 231.823Z",
68
+ fill: "var(--zd_emptysvg_secondary_fill)"
42
69
  }), /*#__PURE__*/_react["default"].createElement("path", {
43
- className: "cls-3",
44
- d: "M171.41 22.61a4.75 4.75 0 1 0 4.67 4.74 4.72 4.72 0 0 0-4.67-4.74Zm0 8.5a3.76 3.76 0 1 1 3.68-3.76 3.73 3.73 0 0 1-3.68 3.76ZM124.66 174.88a3.45 3.45 0 1 0 3.39 3.45 3.43 3.43 0 0 0-3.39-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.45 2.43 2.43 0 0 1-2.4 2.45Z"
70
+ d: "M169.27 276.191C169.27 276.191 154.634 285.54 169.858 288.477C185.081 291.415 255.274 289.065 250.012 282.04C244.75 275.016 169.27 276.191 169.27 276.191Z",
71
+ fill: "var(--zd_emptysvg_secondary_fill)"
45
72
  }), /*#__PURE__*/_react["default"].createElement("path", {
46
- className: "cls-4",
47
- d: "M81.16 21.77a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM190.08 131.62a.49.49 0 0 0-.7 0l-2.38 2.11-2.11-2.4a.5.5 0 1 0-.75.65l2.13 2.42-2.38 2.17a.49.49 0 0 0 0 .7.49.49 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.12 2.41a.5.5 0 0 0 .7.05.51.51 0 0 0 .05-.71l-2.13-2.42 2.38-2.16a.49.49 0 0 0 0-.7Z"
73
+ d: "M167.635 316.496C167.635 316.496 149.627 326.586 168.35 329.728C187.099 332.869 273.587 330.366 267.099 322.78C260.612 315.194 167.635 316.471 167.635 316.471V316.496Z",
74
+ fill: "var(--zd_emptysvg_secondary_fill)"
48
75
  }), /*#__PURE__*/_react["default"].createElement("path", {
49
- d: "M53.45 128.89c-5.58-3.24-7.84-12.38-4.89-19.6 2.15-5.25 5.78-10.27 11.79-10 12.39.57 9.29 18.31 6.19 18s7-39.72 24.18-38.87 27.48 20.28 24.79 26.76-.62-21.1 26.49-10.39-7.17 48.8-53.72 43.38c-18.44-2.17-28.9-5.84-34.83-9.28Z",
50
- style: {
51
- fill: 'var(--zd_emptysvg_secondary_fill)'
52
- }
76
+ d: "M345.567 293.304C345.567 293.304 348.556 393.969 343.984 399.436C339.437 404.902 115.144 398.542 110.597 402.169C106.051 405.796 112.232 419.027 114.659 406.843C117.085 394.659 110.367 194.53 110.367 194.53L179.333 115.857L179.155 122.626L180.074 181.35C180.074 181.35 117.698 184.542 112.692 184.083C107.685 183.623 180.534 108.961 180.534 108.961L301.455 108.756L322.885 83.622C322.885 83.622 399.514 170.596 400.868 175.168C402.222 179.715 356.244 176.088 356.244 176.088C356.244 176.088 356.704 273.126 357.164 276.778C357.624 280.431 293.409 279.511 293.409 279.511C293.409 279.511 290.216 177.416 292.055 172.001C293.868 166.586 303.447 171.541 306.614 174.734C309.782 177.927 255.171 178.821 247.431 177.467C239.692 176.113 324.367 69.1136 325.618 66.3805C326.87 63.6474 410.779 163.137 410.779 163.137C410.779 163.137 428.097 185.079 425.542 187.199C422.988 189.319 370.855 190.596 370.855 190.596L371.289 237.187",
77
+ stroke: "var(--zd_emptysvg_primary_stroke)",
78
+ "stroke-width": "2.5543",
79
+ "stroke-linecap": "round",
80
+ "stroke-linejoin": "round"
53
81
  }), /*#__PURE__*/_react["default"].createElement("path", {
54
- d: "M176 115.21h-68.14l-.52-17.59c5.47-.73 17.21-2.53 14.5 1.58-1 1.51-22.85-18.41-20.3-18S81.32 100 79.86 98.52s15-.73 15-.73l-.37 16.4-42.14 1s-22.72.85-22.13-20.64c.26-9.2 6.89-17.2 16-18.27 5.52-.65 12.12 1.14 18.79 8.89 0 0-10.32 15.21.36-8.69s47.76-37.24 69.31-12.73c23.61 26.86 2.56 38.62 2.38 36.63s2.5-7.37 15.56-1.27c16.91 7.89 11.26 41.8-21 29.29 0 0-54.89 29.46-89.6-5.46",
55
- style: {
56
- fill: 'none',
57
- stroke: 'var(--zd_emptysvg_primary_stroke)',
58
- strokeLinecap: 'round',
59
- strokeLinejoin: 'round'
60
- }
61
- }));
82
+ d: "M300.203 269.907V167.863C300.203 167.863 262.936 173.712 262.936 170.647C262.936 167.582 318.364 90.876 323.294 94.8863C328.223 98.8965 392.592 167.556 390.114 169.114C387.636 170.672 351.927 164.491 351.927 171.566C351.927 178.642 354.712 269.09 350.088 269.907C345.465 270.724 321.455 267.25 316.525 269.907C311.595 272.563 300.203 269.907 300.203 269.907Z",
83
+ fill: "var(--zd_emptysvg_secondary_fill)"
84
+ })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
85
+ id: "clip0_8054_29303"
86
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
87
+ width: "450",
88
+ height: "400",
89
+ fill: "white",
90
+ transform: "translate(25 50)"
91
+ })), /*#__PURE__*/_react["default"].createElement("clipPath", {
92
+ id: "clip1_8054_29303"
93
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
94
+ width: "319.39",
95
+ height: "348.151",
96
+ fill: "white",
97
+ transform: "translate(107.737 65)"
98
+ }))));
62
99
  }
63
100
 
64
101
  Export.propTypes = _propTypes.EmptyStateProps;
package/lib/v1/emptystate/version3/Import.js CHANGED
@@ -23,56 +23,86 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
23
23
 
24
24
  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); }
25
25
 
26
+ var fillNone = {
27
+ fill: 'none'
28
+ };
29
+
26
30
  function Import(props) {
27
31
  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
28
32
  viewBox: "0 0 500 500",
29
33
  name: "import"
30
- }, props), /*#__PURE__*/_react["default"].createElement("g", {
31
- clipPath: "url(#Import_svg__clip0)"
34
+ }, props, {
35
+ styleName: fillNone
36
+ }), /*#__PURE__*/_react["default"].createElement("g", {
37
+ "clip-path": "url(#clip0_8054_29261)"
32
38
  }, /*#__PURE__*/_react["default"].createElement("g", {
33
- clipPath: "url(#Import_svg__clip1)"
39
+ "clip-path": "url(#clip1_8054_29261)"
34
40
  }, /*#__PURE__*/_react["default"].createElement("path", {
35
- opacity: 0.1,
36
- 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",
41
+ opacity: "0.1",
42
+ d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.002 291.25 72.252 257.25C71.752 224 72.252 145.5 200.502 140.5Z",
37
43
  fill: "var(--zd_emptysvg_primary_fill)"
38
44
  }), /*#__PURE__*/_react["default"].createElement("path", {
39
- d: "M35 293.249s-.25 0 0 0c-.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",
45
+ d: "M35 293.249C34.75 293.249 35 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z",
40
46
  fill: "var(--zd_emptysvg_plus)"
41
47
  }), /*#__PURE__*/_react["default"].createElement("path", {
42
- d: "M44.501 284.498l-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",
48
+ d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z",
43
49
  fill: "var(--zd_emptysvg_plus)"
44
50
  }), /*#__PURE__*/_react["default"].createElement("path", {
45
- 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",
51
+ d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
46
52
  fill: "var(--zd_emptysvg_medium_circle)"
47
53
  }), /*#__PURE__*/_react["default"].createElement("path", {
48
- 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",
54
+ d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
55
+ fill: "var(--zd_emptysvg_small_circle)"
56
+ }), /*#__PURE__*/_react["default"].createElement("path", {
57
+ d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
49
58
  fill: "var(--zd_emptysvg_tiny_circle)"
50
59
  }), /*#__PURE__*/_react["default"].createElement("path", {
51
- opacity: 0.1,
52
- 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",
60
+ d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
61
+ fill: "var(--zd_emptysvg_cross)"
62
+ }), /*#__PURE__*/_react["default"].createElement("path", {
63
+ opacity: "0.1",
64
+ d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5022 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
53
65
  fill: "var(--zd_emptysvg_primary_fill)"
66
+ })), /*#__PURE__*/_react["default"].createElement("g", {
67
+ "clip-path": "url(#clip2_8054_29261)"
68
+ }, /*#__PURE__*/_react["default"].createElement("path", {
69
+ d: "M150.052 242.996C150.052 242.996 134.913 252.666 150.66 255.704C166.406 258.743 239.009 256.312 233.566 249.047C228.124 241.781 150.052 242.996 150.052 242.996Z",
70
+ fill: "var(--zd_emptysvg_secondary_fill)"
71
+ }), /*#__PURE__*/_react["default"].createElement("path", {
72
+ d: "M150.052 288.888C150.052 288.888 134.913 298.558 150.66 301.596C166.406 304.634 239.009 302.204 233.566 294.938C228.124 287.673 150.052 288.888 150.052 288.888Z",
73
+ fill: "var(--zd_emptysvg_secondary_fill)"
54
74
  }), /*#__PURE__*/_react["default"].createElement("path", {
55
- d: "M103.272 292.867c-15.153-8.693-21.106-33.684-13.259-53.242 5.683-14.126 15.695-27.98 31.93-27.165 33.554 1.63 25.165 49.711 16.777 48.896-8.388-.815 18.941-107.842 65.483-105.669 46.272 2.173 74.413 55.143 67.107 72.8-7.306 17.657-1.623-57.316 71.437-28.251 73.059 29.066-19.483 132.562-145.309 117.894-49.788-5.977-77.93-16.027-94.166-25.263z",
75
+ d: "M148.361 330.579C148.361 330.579 129.735 341.015 149.101 344.265C168.494 347.514 257.953 344.925 251.242 337.078C244.531 329.232 148.361 330.553 148.361 330.553V330.579Z",
56
76
  fill: "var(--zd_emptysvg_secondary_fill)"
57
77
  }), /*#__PURE__*/_react["default"].createElement("path", {
58
- d: "M442.326 285.26H107.333s-61.425 2.445-59.801-55.958c.811-24.992 18.67-46.723 43.294-49.711 14.883-1.63 32.742 2.988 50.872 24.176 0 0-27.871 41.29 1.082-23.633s129.073-101.323 187.521-34.77c63.859 73.072 7.035 104.854 6.494 99.421-.541-5.433 10.282-26.077 42.212-3.531 31.93 22.546-8.929 93.445-78.742 85.567l-47.354-1.901-1.082 44.549s44.377 1.902 40.318-1.901c-4.059-4.075-65.483 46.179-58.718 47.266 7.035 1.086-52.225-53.242-54.931-48.896-7.306 11.137 24.354 6.248 39.236 4.346l-1.353-47.809s-114.19 22.818-147.202-27.707",
78
+ d: "M330.001 267.859C330.001 267.859 256.05 184.503 254.65 179.8C253.25 175.097 300.806 178.849 300.806 178.849C300.806 178.849 300.331 78.4783 299.855 74.7002C299.38 70.9221 365.8 71.8733 365.8 71.8733C365.8 71.8733 369.103 177.475 367.201 183.076C365.325 188.677 355.417 183.552 352.141 180.249C348.865 176.947 405.351 176.022 413.357 177.422C421.362 178.823 333.779 289.497 332.484 292.324C331.19 295.151 244.399 192.244 244.399 192.244C244.399 192.244 226.486 169.549 229.128 167.356C231.77 165.163 285.694 163.842 285.694 163.842L285.245 115.652L160.171 115.863C160.171 115.863 84.794 193.142 89.9723 193.618C95.1507 194.094 159.669 190.791 159.669 190.791L158.718 130.051L158.903 123.049L87.5945 204.424C87.5945 204.424 94.5431 411.427 92.0331 424.029C89.5232 436.632 83.1559 422.946 87.8323 419.194C92.5087 415.443 324.505 422.021 329.235 416.367C333.937 410.713 330.873 306.591 330.873 306.591",
59
79
  stroke: "var(--zd_emptysvg_primary_stroke)",
60
- fill: "transparent",
61
- strokeWidth: 2.5,
62
- strokeMiterlimit: 10,
63
- strokeLinecap: "round",
64
- strokeLinejoin: "round"
80
+ "stroke-width": "2.64203",
81
+ "stroke-linecap": "round",
82
+ "stroke-linejoin": "round"
83
+ }), /*#__PURE__*/_react["default"].createElement("path", {
84
+ d: "M361.15 82.5718V188.121C361.15 188.121 399.697 182.071 399.697 185.241C399.697 188.411 342.365 267.752 337.266 263.604C332.167 259.456 265.588 188.438 268.151 186.826C270.713 185.215 307.649 191.608 307.649 184.29C307.649 176.972 304.769 83.4172 309.551 82.5718C314.333 81.7263 339.168 85.3195 344.268 82.5718C349.367 79.8241 361.15 82.5718 361.15 82.5718Z",
85
+ fill: "var(--zd_emptysvg_secondary_fill)"
65
86
  }))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
66
- id: "Import_svg__clip0"
67
- }, /*#__PURE__*/_react["default"].createElement("path", {
68
- fill: "#fff",
69
- d: "M0 0h500v500H0z"
87
+ id: "clip0_8054_29261"
88
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
89
+ width: "500",
90
+ height: "500",
91
+ fill: "white"
70
92
  })), /*#__PURE__*/_react["default"].createElement("clipPath", {
71
- id: "Import_svg__clip1"
72
- }, /*#__PURE__*/_react["default"].createElement("path", {
73
- fill: "#fff",
74
- transform: "translate(25 50)",
75
- d: "M0 0h450v400H0z"
93
+ id: "clip1_8054_29261"
94
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
95
+ width: "450",
96
+ height: "400",
97
+ fill: "white",
98
+ transform: "translate(25 50)"
99
+ })), /*#__PURE__*/_react["default"].createElement("clipPath", {
100
+ id: "clip2_8054_29261"
101
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
102
+ width: "330.359",
103
+ height: "360.109",
104
+ fill: "white",
105
+ transform: "translate(84.8203 70.4453)"
76
106
  }))));
77
107
  }
78
108
 
package/lib/v1/emptystate/version3/MultiLayout.js ADDED
@@ -0,0 +1,117 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = MultiLayout;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _propTypes = require("../props/propTypes");
11
+
12
+ var _defaultProps = require("../props/defaultProps");
13
+
14
+ var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
+
18
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
+
20
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+
22
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
+
24
+ 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); }
25
+
26
+ function MultiLayout(props) {
27
+ return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
28
+ viewBox: "0 0 500 500",
29
+ name: "emptyMultiLayout",
30
+ styleName: {
31
+ fill: 'none'
32
+ }
33
+ }, props), /*#__PURE__*/_react["default"].createElement("g", {
34
+ "clip-path": "url(#clip0_8054_29284)"
35
+ }, /*#__PURE__*/_react["default"].createElement("path", {
36
+ opacity: "0.1",
37
+ d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z",
38
+ fill: "var(--zd_emptysvg_primary_fill)"
39
+ }), /*#__PURE__*/_react["default"].createElement("path", {
40
+ d: "M35 293.25C34.75 293.25 35 293.25 35 293.25C34.25 293.25 33.75 292.5 33.75 292L34.75 273.25C34.75 272.5 35.25 272 36 272C36.75 272 37.25 272.5 37.25 273.25L36.25 292C36 292.75 35.5 293.25 35 293.25Z",
41
+ fill: "var(--zd_emptysvg_plus)"
42
+ }), /*#__PURE__*/_react["default"].createElement("path", {
43
+ d: "M44.501 284.5L26.001 283.5C25.251 283.5 24.751 282.75 24.751 282.25C24.751 281.5 25.501 281 26.001 281L44.251 282C45.001 282 45.501 282.75 45.501 283.25C45.751 284 45.251 284.5 44.501 284.5Z",
44
+ fill: "var(--zd_emptysvg_plus)"
45
+ }), /*#__PURE__*/_react["default"].createElement("path", {
46
+ d: "M428 51.9995C421.5 51.9995 416.25 57.2495 416.25 63.7495C416.25 70.2495 421.5 75.4995 428 75.4995C434.5 75.4995 439.75 70.2495 439.75 63.7495C439.75 57.2495 434.25 51.9995 428 51.9995ZM428 73.2495C423 73.2495 418.75 68.9995 418.75 63.7495C418.75 58.4995 423 54.2495 428 54.2495C433 54.2495 437.25 58.4995 437.25 63.7495C437.25 68.9995 433 73.2495 428 73.2495Z",
47
+ fill: "var(--zd_emptysvg_medium_circle)"
48
+ }), /*#__PURE__*/_react["default"].createElement("path", {
49
+ d: "M311 432.749C306.25 432.749 302.5 436.499 302.5 441.249C302.5 445.999 306.25 449.749 311 449.749C315.75 449.749 319.5 445.999 319.5 441.249C319.5 436.749 315.75 432.749 311 432.749ZM311 447.499C307.75 447.499 305 444.749 305 441.249C305 437.749 307.75 434.999 311 434.999C314.25 434.999 317 437.749 317 441.249C317 444.749 314.25 447.499 311 447.499Z",
50
+ fill: "var(--zd_emptysvg_medium_circle)"
51
+ }), /*#__PURE__*/_react["default"].createElement("path", {
52
+ d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
53
+ fill: "var(--zd_emptysvg_tiny_circle)"
54
+ }), /*#__PURE__*/_react["default"].createElement("path", {
55
+ d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
56
+ fill: "var(--zd_emptysvg_tiny_circle)"
57
+ }), /*#__PURE__*/_react["default"].createElement("path", {
58
+ opacity: "0.1",
59
+ d: "M289.502 162.5C289.502 162.5 196.252 100.25 149.002 119C101.752 137.75 69.5017 295.5 200.752 366.25C332.002 437 391.502 283 392.002 255.75C392.502 229.25 392.002 166.25 289.502 162.5Z",
60
+ fill: "var(--zd_emptysvg_primary_fill)"
61
+ }), /*#__PURE__*/_react["default"].createElement("g", {
62
+ "clip-path": "url(#clip1_8054_29284)"
63
+ }, /*#__PURE__*/_react["default"].createElement("path", {
64
+ d: "M317.375 309.542C317.375 309.542 100.221 302.587 137.999 328.74C187.53 362.961 113.094 372.699 129.884 379.654C146.674 386.61 337.523 394.957 329.967 372.421C322.692 349.884 335.844 306.76 317.375 309.542Z",
65
+ fill: "var(--zd_emptysvg_secondary_fill)"
66
+ }), /*#__PURE__*/_react["default"].createElement("path", {
67
+ d: "M212.157 245.551C212.157 245.551 282.116 247.499 301.985 250.003C323.252 252.507 314.577 260.019 305.902 261.688C297.228 263.357 201.803 265.305 205.721 260.019C209.639 254.732 202.922 244.716 212.157 245.551Z",
68
+ fill: "var(--zd_emptysvg_secondary_fill)"
69
+ }), /*#__PURE__*/_react["default"].createElement("path", {
70
+ d: "M212.157 207.713C212.157 207.713 282.116 209.66 301.984 212.164C323.252 214.668 314.577 222.18 305.902 223.85C297.507 225.519 201.803 227.466 205.721 222.18C209.638 217.172 202.922 207.156 212.157 207.713Z",
71
+ fill: "var(--zd_emptysvg_secondary_fill)"
72
+ }), /*#__PURE__*/_react["default"].createElement("path", {
73
+ d: "M95.746 169.04C101.31 169.04 105.82 164.556 105.82 159.024C105.82 153.492 101.31 149.008 95.746 149.008C90.1822 149.008 85.6719 153.492 85.6719 159.024C85.6719 164.556 90.1822 169.04 95.746 169.04Z",
74
+ fill: "var(--zd_emptysvg_secondary_fill)"
75
+ }), /*#__PURE__*/_react["default"].createElement("path", {
76
+ d: "M130.445 169.04C136.009 169.04 140.519 164.556 140.519 159.024C140.519 153.492 136.009 149.008 130.445 149.008C124.881 149.008 120.371 153.492 120.371 159.024C120.371 164.556 124.881 169.04 130.445 169.04Z",
77
+ fill: "var(--zd_emptysvg_secondary_fill)"
78
+ }), /*#__PURE__*/_react["default"].createElement("path", {
79
+ d: "M152.553 113.395C158.116 113.395 162.627 108.911 162.627 103.379C162.627 97.8476 158.116 93.3633 152.553 93.3633C146.989 93.3633 142.479 97.8476 142.479 103.379C142.479 108.911 146.989 113.395 152.553 113.395Z",
80
+ fill: "var(--zd_emptysvg_secondary_fill)"
81
+ }), /*#__PURE__*/_react["default"].createElement("path", {
82
+ d: "M187.252 113.395C192.816 113.395 197.326 108.911 197.326 103.379C197.326 97.8476 192.816 93.3633 187.252 93.3633C181.688 93.3633 177.178 97.8476 177.178 103.379C177.178 108.911 181.688 113.395 187.252 113.395Z",
83
+ fill: "var(--zd_emptysvg_secondary_fill)"
84
+ }), /*#__PURE__*/_react["default"].createElement("path", {
85
+ d: "M99.1023 229.135C103.02 202.148 143.037 195.47 158.428 211.329C173.819 227.188 172.14 264.469 149.473 271.981C126.806 279.215 118.971 272.26 118.971 272.26C118.971 272.26 110.296 268.643 104.139 258.905C104.139 258.905 80.0734 226.353 77.8347 155.128C77.8347 155.128 77.8347 149.842 78.954 138.156C80.0734 128.14 390.692 135.931 391.812 147.059C392.931 158.188 398.528 412.206 389.573 415.544C380.618 418.883 72.2379 428.899 72.2379 412.206C72.2379 395.512 71.3984 182.95 71.3984 182.95C71.3984 182.95 361.869 178.499 362.988 187.402C364.108 196.305 364.108 394.399 356.272 395.512C348.437 396.625 105.818 402.19 105.818 396.625C105.818 391.061 103.58 292.292 106.938 292.292C110.296 292.292 319.894 291.457 319.894 297.021C319.894 297.021 339.482 319.836 329.968 372.142C329.968 372.142 433.787 384.105 433.787 374.924C433.787 365.742 459.532 82.7901 435.746 81.1207C411.96 79.4514 127.646 72.2176 124.008 79.4514C120.37 86.9634 120.37 112.56 120.37 112.56",
86
+ stroke: "var(--zd_emptysvg_primary_stroke)",
87
+ "stroke-width": "2.5",
88
+ "stroke-miterlimit": "10",
89
+ "stroke-linecap": "round",
90
+ "stroke-linejoin": "round"
91
+ }), /*#__PURE__*/_react["default"].createElement("path", {
92
+ d: "M105.82 265.026C105.82 265.026 104.421 244.437 124.289 245.55C144.158 246.663 164.026 263.357 164.026 263.357C164.026 263.357 136.322 286.727 105.82 265.026Z",
93
+ fill: "var(--zd_emptysvg_secondary_fill)"
94
+ }), /*#__PURE__*/_react["default"].createElement("path", {
95
+ d: "M127.366 245.829C134.321 245.829 139.959 240.223 139.959 233.309C139.959 226.394 134.321 220.789 127.366 220.789C120.411 220.789 114.773 226.394 114.773 233.309C114.773 240.223 120.411 245.829 127.366 245.829Z",
96
+ fill: "var(--zd_emptysvg_secondary_fill)"
97
+ }))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
98
+ id: "clip0_8054_29284"
99
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
100
+ width: "450",
101
+ height: "400",
102
+ fill: "white",
103
+ transform: "translate(25 50)"
104
+ })), /*#__PURE__*/_react["default"].createElement("clipPath", {
105
+ id: "clip1_8054_29284"
106
+ }, /*#__PURE__*/_react["default"].createElement("rect", {
107
+ width: "377.5",
108
+ height: "347.5",
109
+ fill: "white",
110
+ transform: "translate(70 75)"
111
+ }))));
112
+ }
113
+
114
+ MultiLayout.propTypes = _propTypes.EmptyStateProps;
115
+ MultiLayout.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
116
+ dataId: 'emptyMultiLayout'
117
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/svg",
3
- "version": "1.2.0",
3
+ "version": "1.2.2",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -34,7 +34,7 @@
34
34
  "docs": "react-cli docs",
35
35
  "prepublishOnly": "node prePublish.js && npm run customTest && npm run download",
36
36
  "postpublish": "node postPublish.js",
37
- "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
37
+ "download": "react-cli clean ./node_modules ./package-lock.json && npm install && cd ../ && npm run download",
38
38
  "test": "react-cli test",
39
39
  "test-clean": "react-cli clean coverage",
40
40
  "svg-to-reactjs": "node ./svg-to-reactjs/index.js",
@@ -58,7 +58,7 @@
58
58
  "@zohodesk/variables": "1.1.0",
59
59
  "@zohodesk-private/color-variable-preprocessor": "1.2.0",
60
60
  "@svgr/cli": "6.2.1",
61
- "@zohodesk-private/css-variable-migrator": "^1.0.8",
61
+ "@zohodesk-private/css-variable-migrator": "1.0.9",
62
62
  "@testing-library/jest-dom": "^5.11.9",
63
63
  "@testing-library/react": "^11.2.5",
64
64
  "@testing-library/react-hooks": "^7.0.2",
@@ -66,7 +66,7 @@
66
66
  "@svgr/core": "6.2.1",
67
67
  "@svgr/plugin-prettier": "8.1.0",
68
68
  "postcss": "^8.5.6",
69
- "@zohodesk-private/node-plugins": "1.1.12"
69
+ "@zohodesk-private/node-plugins": "1.1.13"
70
70
  },
71
71
  "peerDependencies": {
72
72
  "@zohodesk/variables": "1.1.0"
package/css_layer_config.json DELETED
@@ -1,94 +0,0 @@
1
- {
2
- "prefix": "dot-svg",
3
- "configs": [
4
- {
5
- "layer": "theme",
6
- "path": "assets/Appearance/dark/mode/SVG_DarkMode.module.css"
7
- },
8
- {
9
- "layer": "theme",
10
- "path": "assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css"
11
- },
12
- {
13
- "layer": "theme",
14
- "path": "assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css"
15
- },
16
- {
17
- "layer": "theme",
18
- "path": "assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css"
19
- },
20
- {
21
- "layer": "theme",
22
- "path": "assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css"
23
- },
24
- {
25
- "layer": "theme",
26
- "path": "assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css"
27
- },
28
- {
29
- "layer": "theme",
30
- "path": "assets/Appearance/light/mode/SVG_LightMode.module.css"
31
- },
32
- {
33
- "layer": "theme",
34
- "path": "assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css"
35
- },
36
- {
37
- "layer": "theme",
38
- "path": "assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css"
39
- },
40
- {
41
- "layer": "theme",
42
- "path": "assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css"
43
- },
44
- {
45
- "layer": "theme",
46
- "path": "assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css"
47
- },
48
- {
49
- "layer": "theme",
50
- "path": "assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css"
51
- },
52
- {
53
- "layer": "theme",
54
- "path": "assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css"
55
- },
56
- {
57
- "layer": "theme",
58
- "path": "assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css"
59
- },
60
- {
61
- "layer": "theme",
62
- "path": "assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css"
63
- },
64
- {
65
- "layer": "theme",
66
- "path": "assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css"
67
- },
68
- {
69
- "layer": "theme",
70
- "path": "assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css"
71
- },
72
- {
73
- "layer": "theme",
74
- "path": "assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css"
75
- },
76
- {
77
- "layer": "variables",
78
- "path": "src/css/EmptyStateVariables.module.css"
79
- },
80
- {
81
- "layer": "base",
82
- "path": "src/SVG/SVG.module.css"
83
- },
84
- {
85
- "layer": "molecule",
86
- "path": "src/Loader/LoaderSvg.module.css"
87
- },
88
- {
89
- "layer": "molecule",
90
- "path": "src/v1/Loader/V1_LoaderSvg.module.css"
91
- }
92
- ],
93
- "ignore":["src/svg_layer.module.css"]
94
- }