@spaced-out/ui-design-system 0.0.30 → 0.0.32

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 (15) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/components/Card/Card.js +8 -8
  3. package/lib/components/Card/Card.js.flow +7 -7
  4. package/lib/components/Card/Card.module.css +9 -0
  5. package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js +13 -13
  6. package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js.flow +13 -13
  7. package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js +22 -22
  8. package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js.flow +22 -22
  9. package/lib/components/EmptyState/EmptyImages/FileEmptyImage.js +15 -15
  10. package/lib/components/EmptyState/EmptyImages/FileEmptyImage.js.flow +15 -15
  11. package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.js +7 -7
  12. package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.js.flow +7 -7
  13. package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.js +5 -5
  14. package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.js.flow +5 -5
  15. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,20 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [0.0.32](https://github.com/spaced-out/ui-design-system/compare/v0.0.31...v0.0.32) (2023-02-22)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * card changes and svgs as react components ([4042070](https://github.com/spaced-out/ui-design-system/commit/404207037504435627cf5e4686110c9a0c681d1b))
11
+
12
+ ### [0.0.31](https://github.com/spaced-out/ui-design-system/compare/v0.0.30...v0.0.31) (2023-02-22)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * padding overrides for card ([263df80](https://github.com/spaced-out/ui-design-system/commit/263df80accb51477941978a758b707fd677b28e9))
18
+
5
19
  ### [0.0.30](https://github.com/spaced-out/ui-design-system/compare/v0.0.29...v0.0.30) (2023-02-21)
6
20
 
7
21
 
package/lib/components/Card/Card.js CHANGED
@@ -34,14 +34,14 @@ const Card = _ref => {
34
34
  ...props
35
35
  } = _ref;
36
36
  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
37
- "data-testid": "Card",
38
- className: (0, _classify.default)(_CardModule.default.cardWrapper, classNames?.wrapper),
39
37
  style: {
40
- paddingTop: getPaddingValue(paddingTop),
41
- paddingRight: getPaddingValue(paddingRight),
42
- paddingBottom: getPaddingValue(paddingBottom),
43
- paddingLeft: getPaddingValue(paddingLeft)
44
- }
38
+ '--card-padding-top': getPaddingValue(paddingTop),
39
+ '--card-padding-right': getPaddingValue(paddingRight),
40
+ '--card-padding-bottom': getPaddingValue(paddingBottom),
41
+ '--card-padding-left': getPaddingValue(paddingLeft)
42
+ },
43
+ "data-testid": "Card",
44
+ className: (0, _classify.default)(_CardModule.default.cardWrapper, classNames?.wrapper)
45
45
  }), children);
46
46
  };
47
47
  exports.Card = Card;
@@ -54,7 +54,7 @@ const ClickableCard = _ref2 => {
54
54
  classNames: {
55
55
  wrapper: (0, _classify.default)(_CardModule.default.clickableCard, classNames?.wrapper)
56
56
  },
57
- tabindex: "0"
57
+ tabIndex: "0"
58
58
  }));
59
59
  };
60
60
  exports.ClickableCard = ClickableCard;
package/lib/components/Card/Card.js.flow CHANGED
@@ -51,14 +51,14 @@ export const Card = ({
51
51
  }: CardProps): React.Node => (
52
52
  <div
53
53
  {...props}
54
- data-testid="Card"
55
- className={classify(css.cardWrapper, classNames?.wrapper)}
56
54
  style={{
57
- paddingTop: getPaddingValue(paddingTop),
58
- paddingRight: getPaddingValue(paddingRight),
59
- paddingBottom: getPaddingValue(paddingBottom),
60
- paddingLeft: getPaddingValue(paddingLeft),
55
+ '--card-padding-top': getPaddingValue(paddingTop),
56
+ '--card-padding-right': getPaddingValue(paddingRight),
57
+ '--card-padding-bottom': getPaddingValue(paddingBottom),
58
+ '--card-padding-left': getPaddingValue(paddingLeft),
61
59
  }}
60
+ data-testid="Card"
61
+ className={classify(css.cardWrapper, classNames?.wrapper)}
62
62
  >
63
63
  {children}
64
64
  </div>
@@ -71,6 +71,6 @@ export const ClickableCard = ({
71
71
  <Card
72
72
  {...props}
73
73
  classNames={{wrapper: classify(css.clickableCard, classNames?.wrapper)}}
74
- tabindex="0"
74
+ tabIndex="0"
75
75
  />
76
76
  );
package/lib/components/Card/Card.module.css CHANGED
@@ -1,11 +1,20 @@
1
1
  @value (colorBackgroundTertiary, colorFillPrimary, colorBorderSecondary, colorFocusPrimary) from '../../styles/variables/_color.css';
2
2
  @value (borderRadiusMedium, borderWidthNone, borderWidthTertiary) from '../../styles/variables/_border.css';
3
+ @value (spaceSmall, spaceMedium, spaceLarge) from '../../styles/variables/_space.css';
3
4
 
4
5
  .cardWrapper {
6
+ --card-padding-top: spaceMedium;
7
+ --card-padding-right: spaceMedium;
8
+ --card-padding-bottom: spaceMedium;
9
+ --card-padding-left: spaceMedium;
5
10
  display: flex;
6
11
  composes: borderPrimary from '../../styles/border.module.css';
7
12
  background-color: colorBackgroundTertiary;
8
13
  border-radius: borderRadiusMedium;
14
+ padding-top: var(--card-padding-top);
15
+ padding-right: var(--card-padding-right);
16
+ padding-bottom: var(--card-padding-bottom);
17
+ padding-left: var(--card-padding-left);
9
18
  }
10
19
 
11
20
  .clickableCard {
package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js CHANGED
@@ -30,8 +30,8 @@ const CalendarEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
30
30
  d: "M97.4061 106.626H12.1772L27.7506 34.7443H113.074L97.4061 106.626Z",
31
31
  fill: "#F1F1F5",
32
32
  stroke: "#D3D2E0",
33
- "stroke-width": "2",
34
- "stroke-miterlimit": "10"
33
+ strokeWidth: "2",
34
+ strokeMiterlimit: "10"
35
35
  }), /*#__PURE__*/React.createElement("path", {
36
36
  opacity: "0.1",
37
37
  d: "M48.2321 106.626H30.5822C27.3731 106.626 24.7304 103.879 24.9192 100.659L27.7507 34.7443H31.998L48.2321 106.626Z",
@@ -40,9 +40,9 @@ const CalendarEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
40
40
  d: "M131.762 106.626H46.5331L32.0924 51.4125L31.998 51.0336L27.7507 34.7443H113.074L116.755 48.8554L117.321 51.0336L117.416 51.4125L131.762 106.626Z",
41
41
  fill: "white",
42
42
  stroke: "#D3D2E0",
43
- "stroke-width": "2",
44
- "stroke-miterlimit": "10",
45
- "stroke-linejoin": "round"
43
+ strokeWidth: "2",
44
+ strokeMiterlimit: "10",
45
+ strokeLinejoin: "round"
46
46
  }), /*#__PURE__*/React.createElement("path", {
47
47
  d: "M33 51.0335H116.263L112.5 35.5H29L33 51.0335Z",
48
48
  fill: "#F1F1F5"
@@ -50,14 +50,14 @@ const CalendarEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
50
50
  d: "M50.2141 46.393C51.8822 46.393 53.2344 45.0361 53.2344 43.3624C53.2344 41.6886 51.8822 40.3318 50.2141 40.3318C48.5461 40.3318 47.1938 41.6886 47.1938 43.3624C47.1938 45.0361 48.5461 46.393 50.2141 46.393Z",
51
51
  fill: "#EBEBEB",
52
52
  stroke: "#8D8CAF",
53
- "stroke-width": "2",
54
- "stroke-miterlimit": "10"
53
+ strokeWidth: "2",
54
+ strokeMiterlimit: "10"
55
55
  }), /*#__PURE__*/React.createElement("path", {
56
56
  d: "M100.049 46.393C101.717 46.393 103.069 45.0361 103.069 43.3624C103.069 41.6886 101.717 40.3318 100.049 40.3318C98.381 40.3318 97.0288 41.6886 97.0288 43.3624C97.0288 45.0361 98.381 46.393 100.049 46.393Z",
57
57
  fill: "#EBEBEB",
58
58
  stroke: "#8D8CAF",
59
- "stroke-width": "2",
60
- "stroke-miterlimit": "10"
59
+ strokeWidth: "2",
60
+ strokeMiterlimit: "10"
61
61
  }), /*#__PURE__*/React.createElement("path", {
62
62
  d: "M50.4182 44.1411C49.8519 44.1411 49.3799 43.6676 49.3799 43.0993C49.3799 42.5311 49.8519 42.0576 50.4182 42.0576C52.4946 42.0576 54.6654 39.1217 54.6654 34.6705C54.6654 34.5758 54.6654 34.3864 54.6654 34.2917C54.5711 29.9353 52.4002 27.2835 50.4182 27.2835C48.5305 27.2835 46.454 29.8405 46.1709 33.8182H44C44.2832 28.8935 47.0203 25.2 50.3238 25.2C53.816 25.2 56.5531 29.2723 56.7419 34.4811C56.7419 34.5758 56.7419 34.6705 56.7419 34.7652C56.8363 39.9741 54.0048 44.1411 50.4182 44.1411Z",
63
63
  fill: "#66658D"
@@ -67,10 +67,10 @@ const CalendarEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
67
67
  }), /*#__PURE__*/React.createElement("path", {
68
68
  d: "M1.32324 106.531H138.652",
69
69
  stroke: "#D3D2E0",
70
- "stroke-width": "2",
71
- "stroke-miterlimit": "10",
72
- "stroke-linecap": "round",
73
- "stroke-linejoin": "round"
70
+ strokeWidth: "2",
71
+ strokeMiterlimit: "10",
72
+ strokeLinecap: "round",
73
+ strokeLinejoin: "round"
74
74
  }), /*#__PURE__*/React.createElement("path", {
75
75
  opacity: "0.3",
76
76
  d: "M100.521 72.3424C99.9544 72.3424 99.5769 71.8688 99.5769 71.3953C99.5769 70.8271 99.9544 70.4482 100.521 70.4482H103.447C104.013 70.4482 104.391 70.9218 104.391 71.3953C104.391 71.9635 103.919 72.3424 103.447 72.3424H100.521Z",
package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js.flow CHANGED
@@ -31,8 +31,8 @@ export const CalendarEmptyImage = (): React.Node => (
31
31
  d="M97.4061 106.626H12.1772L27.7506 34.7443H113.074L97.4061 106.626Z"
32
32
  fill="#F1F1F5"
33
33
  stroke="#D3D2E0"
34
- stroke-width="2"
35
- stroke-miterlimit="10"
34
+ strokeWidth="2"
35
+ strokeMiterlimit="10"
36
36
  />
37
37
  <path
38
38
  opacity="0.1"
@@ -43,24 +43,24 @@ export const CalendarEmptyImage = (): React.Node => (
43
43
  d="M131.762 106.626H46.5331L32.0924 51.4125L31.998 51.0336L27.7507 34.7443H113.074L116.755 48.8554L117.321 51.0336L117.416 51.4125L131.762 106.626Z"
44
44
  fill="white"
45
45
  stroke="#D3D2E0"
46
- stroke-width="2"
47
- stroke-miterlimit="10"
48
- stroke-linejoin="round"
46
+ strokeWidth="2"
47
+ strokeMiterlimit="10"
48
+ strokeLinejoin="round"
49
49
  />
50
50
  <path d="M33 51.0335H116.263L112.5 35.5H29L33 51.0335Z" fill="#F1F1F5" />
51
51
  <path
52
52
  d="M50.2141 46.393C51.8822 46.393 53.2344 45.0361 53.2344 43.3624C53.2344 41.6886 51.8822 40.3318 50.2141 40.3318C48.5461 40.3318 47.1938 41.6886 47.1938 43.3624C47.1938 45.0361 48.5461 46.393 50.2141 46.393Z"
53
53
  fill="#EBEBEB"
54
54
  stroke="#8D8CAF"
55
- stroke-width="2"
56
- stroke-miterlimit="10"
55
+ strokeWidth="2"
56
+ strokeMiterlimit="10"
57
57
  />
58
58
  <path
59
59
  d="M100.049 46.393C101.717 46.393 103.069 45.0361 103.069 43.3624C103.069 41.6886 101.717 40.3318 100.049 40.3318C98.381 40.3318 97.0288 41.6886 97.0288 43.3624C97.0288 45.0361 98.381 46.393 100.049 46.393Z"
60
60
  fill="#EBEBEB"
61
61
  stroke="#8D8CAF"
62
- stroke-width="2"
63
- stroke-miterlimit="10"
62
+ strokeWidth="2"
63
+ strokeMiterlimit="10"
64
64
  />
65
65
  <path
66
66
  d="M50.4182 44.1411C49.8519 44.1411 49.3799 43.6676 49.3799 43.0993C49.3799 42.5311 49.8519 42.0576 50.4182 42.0576C52.4946 42.0576 54.6654 39.1217 54.6654 34.6705C54.6654 34.5758 54.6654 34.3864 54.6654 34.2917C54.5711 29.9353 52.4002 27.2835 50.4182 27.2835C48.5305 27.2835 46.454 29.8405 46.1709 33.8182H44C44.2832 28.8935 47.0203 25.2 50.3238 25.2C53.816 25.2 56.5531 29.2723 56.7419 34.4811C56.7419 34.5758 56.7419 34.6705 56.7419 34.7652C56.8363 39.9741 54.0048 44.1411 50.4182 44.1411Z"
@@ -73,10 +73,10 @@ export const CalendarEmptyImage = (): React.Node => (
73
73
  <path
74
74
  d="M1.32324 106.531H138.652"
75
75
  stroke="#D3D2E0"
76
- stroke-width="2"
77
- stroke-miterlimit="10"
78
- stroke-linecap="round"
79
- stroke-linejoin="round"
76
+ strokeWidth="2"
77
+ strokeMiterlimit="10"
78
+ strokeLinecap="round"
79
+ strokeLinejoin="round"
80
80
  />
81
81
  <path
82
82
  opacity="0.3"
package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js CHANGED
@@ -21,8 +21,8 @@ const DataEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
21
21
  d: "M125 78.2962C125 89.187 116.158 97.9944 105.13 97.9944C104.939 97.9944 103.323 97.9944 91.439 97.9944C83.1676 97.9944 69.9525 97.9944 48.8462 97.9944H38.7684C25.5532 98.2785 15 87.7665 15 75.0763C15 62.2915 25.6482 51.6848 39.0536 52.3477C50.5575 16.5501 103.228 21.5693 107.697 58.5981C117.584 59.8292 125 68.163 125 78.2962Z",
22
22
  fill: "white",
23
23
  stroke: "#D3D2E0",
24
- "stroke-width": "1.89405",
25
- "stroke-miterlimit": "10"
24
+ strokeWidth: "1.89405",
25
+ strokeMiterlimit: "10"
26
26
  }), /*#__PURE__*/React.createElement("mask", {
27
27
  id: "path-3-inside-1_1602_9728",
28
28
  fill: "white"
@@ -38,9 +38,9 @@ const DataEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
38
38
  }), /*#__PURE__*/React.createElement("path", {
39
39
  d: "M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233",
40
40
  stroke: "#D3D2E0",
41
- "stroke-width": "1.89405",
42
- "stroke-miterlimit": "10",
43
- "stroke-linecap": "round"
41
+ strokeWidth: "1.89405",
42
+ strokeMiterlimit: "10",
43
+ strokeLinecap: "round"
44
44
  }), /*#__PURE__*/React.createElement("mask", {
45
45
  id: "path-6-inside-2_1602_9728",
46
46
  fill: "white"
@@ -56,10 +56,10 @@ const DataEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
56
56
  }), /*#__PURE__*/React.createElement("path", {
57
57
  d: "M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001",
58
58
  stroke: "#D3D2E0",
59
- "stroke-width": "1.89405",
60
- "stroke-miterlimit": "10",
61
- "stroke-linecap": "round",
62
- "stroke-linejoin": "round"
59
+ strokeWidth: "1.89405",
60
+ strokeMiterlimit: "10",
61
+ strokeLinecap: "round",
62
+ strokeLinejoin: "round"
63
63
  }), /*#__PURE__*/React.createElement("path", {
64
64
  d: "M60.3602 74.589C61.8573 74.589 63.124 73.3273 63.124 71.836C63.124 70.3448 61.8573 69.083 60.3602 69.083C58.8632 69.083 57.5964 70.3448 57.5964 71.836C57.5964 73.3273 58.8632 74.589 60.3602 74.589Z",
65
65
  fill: "#66658D"
@@ -70,12 +70,12 @@ const DataEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
70
70
  d: "M60.4301 64.0498L55.1844 66.8711L54.8151 66.1898L60.0608 63.3685L60.4301 64.0498Z",
71
71
  fill: "#66658D",
72
72
  stroke: "#D3D2E0",
73
- "stroke-width": "0.947027"
73
+ strokeWidth: "0.947027"
74
74
  }), /*#__PURE__*/React.createElement("path", {
75
75
  d: "M86.6112 66.1455L86.2419 66.827L80.9958 64.0063L81.3653 63.3247L86.6112 66.1455Z",
76
76
  fill: "#66658D",
77
77
  stroke: "#D3D2E0",
78
- "stroke-width": "0.947027"
78
+ strokeWidth: "0.947027"
79
79
  }), /*#__PURE__*/React.createElement("path", {
80
80
  d: "M70.9549 81.0126C72.7357 81.0126 74.1794 79.9342 74.1794 78.6038C74.1794 77.2734 72.7357 76.1948 70.9549 76.1948C69.1741 76.1948 67.7305 77.2734 67.7305 78.6038C67.7305 79.9342 69.1741 81.0126 70.9549 81.0126Z",
81
81
  fill: "#66658D"
@@ -83,28 +83,28 @@ const DataEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
83
83
  d: "M17.8137 19.4949C17.8137 19.4949 7.32981 22.1567 10.5068 24.2862C13.6837 26.3091 21.2025 29.8227 28.2976 27.4803C35.3928 25.1379 28.2976 21.8373 28.4035 21.8373C28.5094 21.8373 17.8137 19.4949 17.8137 19.4949Z",
84
84
  fill: "#E6E5EF",
85
85
  stroke: "#D3D2E0",
86
- "stroke-width": "1.5",
87
- "stroke-miterlimit": "10"
86
+ strokeWidth: "1.5",
87
+ strokeMiterlimit: "10"
88
88
  }), /*#__PURE__*/React.createElement("path", {
89
89
  d: "M5 18.6431C8.81233 19.8143 20.567 17.8978 28.0858 13C34.0161 20.3467 36.2399 22.2632 38.3579 22.4761C35.075 25.7768 24.1676 31.1004 18.0254 24.1797C10.8244 28.758 5 18.6431 5 18.6431Z",
90
90
  fill: "white",
91
91
  stroke: "#D3D2E0",
92
- "stroke-width": "1.5",
93
- "stroke-miterlimit": "10",
94
- "stroke-linejoin": "round"
92
+ strokeWidth: "1.5",
93
+ strokeMiterlimit: "10",
94
+ strokeLinejoin: "round"
95
95
  }), /*#__PURE__*/React.createElement("path", {
96
96
  d: "M105 39.2861C109.024 39.4991 119.932 34.6013 125.862 28C133.487 33.6431 136.028 34.9207 138.252 34.6013C135.817 38.6473 128.404 47.4846 117.919 48.1234C110.295 43.6515 105 39.2861 105 39.2861Z",
97
97
  fill: "white",
98
98
  stroke: "#D3D2E0",
99
- "stroke-width": "1.5",
100
- "stroke-miterlimit": "10",
101
- "stroke-linejoin": "round"
99
+ strokeWidth: "1.5",
100
+ strokeMiterlimit: "10",
101
+ strokeLinejoin: "round"
102
102
  }), /*#__PURE__*/React.createElement("path", {
103
103
  d: "M92.127 133.037C91.3308 129.087 83.8704 119.743 76 115.644C79.5659 106.854 80.1702 104.074 79.3069 102C83.8321 103.351 94.2373 108.329 97.4675 118.323C95.0359 126.821 92.127 133.037 92.127 133.037Z",
104
104
  fill: "white",
105
105
  stroke: "#D3D2E0",
106
- "stroke-width": "1.5",
107
- "stroke-miterlimit": "10",
108
- "stroke-linejoin": "round"
106
+ strokeWidth: "1.5",
107
+ strokeMiterlimit: "10",
108
+ strokeLinejoin: "round"
109
109
  }));
110
110
  exports.DataEmptyImage = DataEmptyImage;
package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js.flow CHANGED
@@ -19,8 +19,8 @@ export const DataEmptyImage = (): React.Node => (
19
19
  d="M125 78.2962C125 89.187 116.158 97.9944 105.13 97.9944C104.939 97.9944 103.323 97.9944 91.439 97.9944C83.1676 97.9944 69.9525 97.9944 48.8462 97.9944H38.7684C25.5532 98.2785 15 87.7665 15 75.0763C15 62.2915 25.6482 51.6848 39.0536 52.3477C50.5575 16.5501 103.228 21.5693 107.697 58.5981C117.584 59.8292 125 68.163 125 78.2962Z"
20
20
  fill="white"
21
21
  stroke="#D3D2E0"
22
- stroke-width="1.89405"
23
- stroke-miterlimit="10"
22
+ strokeWidth="1.89405"
23
+ strokeMiterlimit="10"
24
24
  />
25
25
  <mask id="path-3-inside-1_1602_9728" fill="white">
26
26
  <path d="M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233" />
@@ -37,9 +37,9 @@ export const DataEmptyImage = (): React.Node => (
37
37
  <path
38
38
  d="M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233"
39
39
  stroke="#D3D2E0"
40
- stroke-width="1.89405"
41
- stroke-miterlimit="10"
42
- stroke-linecap="round"
40
+ strokeWidth="1.89405"
41
+ strokeMiterlimit="10"
42
+ strokeLinecap="round"
43
43
  />
44
44
  <mask id="path-6-inside-2_1602_9728" fill="white">
45
45
  <path d="M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001" />
@@ -56,10 +56,10 @@ export const DataEmptyImage = (): React.Node => (
56
56
  <path
57
57
  d="M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001"
58
58
  stroke="#D3D2E0"
59
- stroke-width="1.89405"
60
- stroke-miterlimit="10"
61
- stroke-linecap="round"
62
- stroke-linejoin="round"
59
+ strokeWidth="1.89405"
60
+ strokeMiterlimit="10"
61
+ strokeLinecap="round"
62
+ strokeLinejoin="round"
63
63
  />
64
64
  <path
65
65
  d="M60.3602 74.589C61.8573 74.589 63.124 73.3273 63.124 71.836C63.124 70.3448 61.8573 69.083 60.3602 69.083C58.8632 69.083 57.5964 70.3448 57.5964 71.836C57.5964 73.3273 58.8632 74.589 60.3602 74.589Z"
@@ -73,13 +73,13 @@ export const DataEmptyImage = (): React.Node => (
73
73
  d="M60.4301 64.0498L55.1844 66.8711L54.8151 66.1898L60.0608 63.3685L60.4301 64.0498Z"
74
74
  fill="#66658D"
75
75
  stroke="#D3D2E0"
76
- stroke-width="0.947027"
76
+ strokeWidth="0.947027"
77
77
  />
78
78
  <path
79
79
  d="M86.6112 66.1455L86.2419 66.827L80.9958 64.0063L81.3653 63.3247L86.6112 66.1455Z"
80
80
  fill="#66658D"
81
81
  stroke="#D3D2E0"
82
- stroke-width="0.947027"
82
+ strokeWidth="0.947027"
83
83
  />
84
84
  <path
85
85
  d="M70.9549 81.0126C72.7357 81.0126 74.1794 79.9342 74.1794 78.6038C74.1794 77.2734 72.7357 76.1948 70.9549 76.1948C69.1741 76.1948 67.7305 77.2734 67.7305 78.6038C67.7305 79.9342 69.1741 81.0126 70.9549 81.0126Z"
@@ -89,32 +89,32 @@ export const DataEmptyImage = (): React.Node => (
89
89
  d="M17.8137 19.4949C17.8137 19.4949 7.32981 22.1567 10.5068 24.2862C13.6837 26.3091 21.2025 29.8227 28.2976 27.4803C35.3928 25.1379 28.2976 21.8373 28.4035 21.8373C28.5094 21.8373 17.8137 19.4949 17.8137 19.4949Z"
90
90
  fill="#E6E5EF"
91
91
  stroke="#D3D2E0"
92
- stroke-width="1.5"
93
- stroke-miterlimit="10"
92
+ strokeWidth="1.5"
93
+ strokeMiterlimit="10"
94
94
  />
95
95
  <path
96
96
  d="M5 18.6431C8.81233 19.8143 20.567 17.8978 28.0858 13C34.0161 20.3467 36.2399 22.2632 38.3579 22.4761C35.075 25.7768 24.1676 31.1004 18.0254 24.1797C10.8244 28.758 5 18.6431 5 18.6431Z"
97
97
  fill="white"
98
98
  stroke="#D3D2E0"
99
- stroke-width="1.5"
100
- stroke-miterlimit="10"
101
- stroke-linejoin="round"
99
+ strokeWidth="1.5"
100
+ strokeMiterlimit="10"
101
+ strokeLinejoin="round"
102
102
  />
103
103
  <path
104
104
  d="M105 39.2861C109.024 39.4991 119.932 34.6013 125.862 28C133.487 33.6431 136.028 34.9207 138.252 34.6013C135.817 38.6473 128.404 47.4846 117.919 48.1234C110.295 43.6515 105 39.2861 105 39.2861Z"
105
105
  fill="white"
106
106
  stroke="#D3D2E0"
107
- stroke-width="1.5"
108
- stroke-miterlimit="10"
109
- stroke-linejoin="round"
107
+ strokeWidth="1.5"
108
+ strokeMiterlimit="10"
109
+ strokeLinejoin="round"
110
110
  />
111
111
  <path
112
112
  d="M92.127 133.037C91.3308 129.087 83.8704 119.743 76 115.644C79.5659 106.854 80.1702 104.074 79.3069 102C83.8321 103.351 94.2373 108.329 97.4675 118.323C95.0359 126.821 92.127 133.037 92.127 133.037Z"
113
113
  fill="white"
114
114
  stroke="#D3D2E0"
115
- stroke-width="1.5"
116
- stroke-miterlimit="10"
117
- stroke-linejoin="round"
115
+ strokeWidth="1.5"
116
+ strokeMiterlimit="10"
117
+ strokeLinejoin="round"
118
118
  />
119
119
  </svg>
120
120
  );
package/lib/components/EmptyState/EmptyImages/FileEmptyImage.js CHANGED
@@ -21,8 +21,8 @@ const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
21
21
  d: "M101.288 63.698V99.598C101.288 101.798 99.5021 103.598 97.3194 103.598H40.8674C38.6848 103.598 36.8989 101.798 36.8989 99.598V63.698C36.8989 61.498 38.784 59.698 40.8674 59.698H97.3194C99.006 59.698 100.395 60.698 101.089 62.198C101.189 62.598 101.288 63.098 101.288 63.698Z",
22
22
  fill: "#F4F4F4",
23
23
  stroke: "#D3D2E0",
24
- "stroke-width": "2",
25
- "stroke-miterlimit": "10"
24
+ strokeWidth: "2",
25
+ strokeMiterlimit: "10"
26
26
  }), /*#__PURE__*/React.createElement("path", {
27
27
  d: "M129.166 59.4982C130.754 57.9982 130.853 55.4982 129.464 53.8982C127.976 52.2982 125.496 52.1982 123.908 53.5982C122.321 55.0982 122.221 57.5982 123.61 59.1982C125.099 60.8982 127.579 60.9982 129.166 59.4982Z",
28
28
  fill: "#9F9FBC"
@@ -36,8 +36,8 @@ const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
36
36
  d: "M121.725 40.6982L107.637 65.8982C107.141 66.6982 106.05 66.9982 105.256 66.4982L81.2467 52.3982C80.453 51.8982 80.1554 50.7982 80.6515 49.9982L99.2042 17.8982C99.7003 17.0982 100.792 16.7982 101.585 17.2982L119.047 27.5982L121.725 40.6982Z",
37
37
  fill: "white",
38
38
  stroke: "#D3D2E0",
39
- "stroke-width": "2",
40
- "stroke-miterlimit": "10"
39
+ strokeWidth: "2",
40
+ strokeMiterlimit: "10"
41
41
  }), /*#__PURE__*/React.createElement("path", {
42
42
  d: "M118.848 27.498L114.88 34.298C114.384 35.298 114.681 36.498 115.574 37.098L121.626 40.598",
43
43
  fill: "#D3D2E0"
@@ -48,8 +48,8 @@ const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
48
48
  d: "M31.4422 29.798L47.6138 46.698C48.1099 47.298 48.1099 48.198 47.5146 48.798L31.0453 64.398C30.4501 64.898 29.5572 64.898 28.9619 64.298L8.52407 42.398C8.028 41.798 8.028 40.898 8.62328 40.298L20.5288 28.998L31.4422 29.798Z",
49
49
  fill: "white",
50
50
  stroke: "#D3D2E0",
51
- "stroke-width": "2",
52
- "stroke-miterlimit": "10"
51
+ strokeWidth: "2",
52
+ strokeMiterlimit: "10"
53
53
  }), /*#__PURE__*/React.createElement("path", {
54
54
  d: "M20.5288 28.8982L24.9934 33.5982C25.5887 34.1982 26.68 34.1982 27.3745 33.5982L31.4422 29.6982",
55
55
  fill: "#D3D2E0"
@@ -60,8 +60,8 @@ const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
60
60
  d: "M73.3097 56.398L67.0594 78.898C66.8609 79.598 66.0672 80.098 65.2735 79.798L43.546 73.398C42.8515 73.198 42.3554 72.398 42.6531 71.598L51.0861 42.698C51.2846 41.998 52.0783 41.498 52.872 41.798L68.6468 46.398L73.3097 56.398Z",
61
61
  fill: "white",
62
62
  stroke: "#D3D2E0",
63
- "stroke-width": "2",
64
- "stroke-miterlimit": "10"
63
+ strokeWidth: "2",
64
+ strokeMiterlimit: "10"
65
65
  }), /*#__PURE__*/React.createElement("path", {
66
66
  opacity: "0.1",
67
67
  d: "M101.288 63.6981V99.5981C101.288 101.798 99.5021 103.598 97.3194 103.598H40.8674C38.6848 103.598 36.8989 101.798 36.8989 99.5981V71.8981H60.0155C62.2973 71.8981 64.5792 71.0981 66.2659 69.5981L72.5163 64.3981C74.3021 62.9981 76.4847 62.0981 78.7666 62.0981H100.99C101.189 62.5981 101.288 63.0981 101.288 63.6981Z",
@@ -76,8 +76,8 @@ const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
76
76
  d: "M124.206 94.7982L103.768 105.998C103.074 106.398 102.181 106.098 101.883 105.398L91.5648 85.2982C91.2672 84.5982 91.4656 83.6982 92.1601 83.3982L118.749 69.1982C119.443 68.7982 120.336 69.0982 120.634 69.7982L128.075 84.3982L124.206 94.7982Z",
77
77
  fill: "white",
78
78
  stroke: "#D3D2E0",
79
- "stroke-width": "2",
80
- "stroke-miterlimit": "10"
79
+ strokeWidth: "2",
80
+ strokeMiterlimit: "10"
81
81
  }), /*#__PURE__*/React.createElement("path", {
82
82
  d: "M128.075 84.498L122.321 87.498C121.626 87.898 121.229 88.998 121.626 89.798L124.206 94.898",
83
83
  fill: "#D3D2E0"
@@ -87,9 +87,9 @@ const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
87
87
  }), /*#__PURE__*/React.createElement("path", {
88
88
  d: "M102.379 82.6981V100.398C102.379 102.698 100.494 104.498 98.3112 104.498H40.2718C37.9899 104.498 36.2041 102.598 36.2041 100.398V81.2981",
89
89
  stroke: "#D3D2E0",
90
- "stroke-width": "3",
91
- "stroke-linecap": "round",
92
- "stroke-linejoin": "round"
90
+ strokeWidth: "3",
91
+ strokeLinecap: "round",
92
+ strokeLinejoin: "round"
93
93
  }), /*#__PURE__*/React.createElement("path", {
94
94
  d: "M100.097 71.3982H80.2546C78.3695 71.3982 76.4845 72.0982 74.9963 73.2982L69.738 77.5982C68.2499 78.7982 66.3648 79.4982 64.4798 79.4982H41.8593C39.5774 79.4982 37.6924 81.2982 37.6924 83.5982C37.6924 83.7982 37.6924 83.9982 37.7916 84.1982L41.8593 106.098C42.157 108.198 43.9428 109.698 46.0262 109.698H94.2436C96.327 109.698 98.0136 108.198 98.4105 106.198L104.165 76.1982C104.462 73.9982 103.073 71.7982 100.692 71.4982C100.494 71.3982 100.296 71.3982 100.097 71.3982Z",
95
95
  fill: "white"
@@ -97,8 +97,8 @@ const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
97
97
  d: "M105.653 67.3982H81.842C79.5601 67.3982 77.2782 68.1982 75.5916 69.6982L69.3412 74.7982C67.5554 76.2982 65.3727 77.0982 63.0908 77.0982H36.0058C33.3271 77.0982 31.0452 79.2982 31.0452 82.0982C31.0452 82.2982 31.0452 82.5982 31.1444 82.7982L36.105 109.298C36.5019 111.798 38.5853 113.698 41.0656 113.698H98.6089C101.089 113.698 103.173 111.898 103.57 109.498L110.415 73.1982C110.812 70.4982 109.125 67.8982 106.347 67.4982C106.149 67.3982 105.851 67.3982 105.653 67.3982Z",
98
98
  fill: "white",
99
99
  stroke: "#D3D2E0",
100
- "stroke-width": "2",
101
- "stroke-miterlimit": "10"
100
+ strokeWidth: "2",
101
+ strokeMiterlimit: "10"
102
102
  }), /*#__PURE__*/React.createElement("path", {
103
103
  d: "M79.7587 94.7981C81.1477 94.7981 82.3383 93.5981 82.3383 92.1981C82.3383 90.7981 81.1477 89.5981 79.7587 89.5981C78.3697 89.5981 77.1792 90.7981 77.1792 92.1981C77.1792 93.6981 78.2705 94.7981 79.7587 94.7981Z",
104
104
  fill: "#66658D"
package/lib/components/EmptyState/EmptyImages/FileEmptyImage.js.flow CHANGED
@@ -19,8 +19,8 @@ export const FileEmptyImage = (): React.Node => (
19
19
  d="M101.288 63.698V99.598C101.288 101.798 99.5021 103.598 97.3194 103.598H40.8674C38.6848 103.598 36.8989 101.798 36.8989 99.598V63.698C36.8989 61.498 38.784 59.698 40.8674 59.698H97.3194C99.006 59.698 100.395 60.698 101.089 62.198C101.189 62.598 101.288 63.098 101.288 63.698Z"
20
20
  fill="#F4F4F4"
21
21
  stroke="#D3D2E0"
22
- stroke-width="2"
23
- stroke-miterlimit="10"
22
+ strokeWidth="2"
23
+ strokeMiterlimit="10"
24
24
  />
25
25
  <path
26
26
  d="M129.166 59.4982C130.754 57.9982 130.853 55.4982 129.464 53.8982C127.976 52.2982 125.496 52.1982 123.908 53.5982C122.321 55.0982 122.221 57.5982 123.61 59.1982C125.099 60.8982 127.579 60.9982 129.166 59.4982Z"
@@ -38,8 +38,8 @@ export const FileEmptyImage = (): React.Node => (
38
38
  d="M121.725 40.6982L107.637 65.8982C107.141 66.6982 106.05 66.9982 105.256 66.4982L81.2467 52.3982C80.453 51.8982 80.1554 50.7982 80.6515 49.9982L99.2042 17.8982C99.7003 17.0982 100.792 16.7982 101.585 17.2982L119.047 27.5982L121.725 40.6982Z"
39
39
  fill="white"
40
40
  stroke="#D3D2E0"
41
- stroke-width="2"
42
- stroke-miterlimit="10"
41
+ strokeWidth="2"
42
+ strokeMiterlimit="10"
43
43
  />
44
44
  <path
45
45
  d="M118.848 27.498L114.88 34.298C114.384 35.298 114.681 36.498 115.574 37.098L121.626 40.598"
@@ -53,8 +53,8 @@ export const FileEmptyImage = (): React.Node => (
53
53
  d="M31.4422 29.798L47.6138 46.698C48.1099 47.298 48.1099 48.198 47.5146 48.798L31.0453 64.398C30.4501 64.898 29.5572 64.898 28.9619 64.298L8.52407 42.398C8.028 41.798 8.028 40.898 8.62328 40.298L20.5288 28.998L31.4422 29.798Z"
54
54
  fill="white"
55
55
  stroke="#D3D2E0"
56
- stroke-width="2"
57
- stroke-miterlimit="10"
56
+ strokeWidth="2"
57
+ strokeMiterlimit="10"
58
58
  />
59
59
  <path
60
60
  d="M20.5288 28.8982L24.9934 33.5982C25.5887 34.1982 26.68 34.1982 27.3745 33.5982L31.4422 29.6982"
@@ -68,8 +68,8 @@ export const FileEmptyImage = (): React.Node => (
68
68
  d="M73.3097 56.398L67.0594 78.898C66.8609 79.598 66.0672 80.098 65.2735 79.798L43.546 73.398C42.8515 73.198 42.3554 72.398 42.6531 71.598L51.0861 42.698C51.2846 41.998 52.0783 41.498 52.872 41.798L68.6468 46.398L73.3097 56.398Z"
69
69
  fill="white"
70
70
  stroke="#D3D2E0"
71
- stroke-width="2"
72
- stroke-miterlimit="10"
71
+ strokeWidth="2"
72
+ strokeMiterlimit="10"
73
73
  />
74
74
  <path
75
75
  opacity="0.1"
@@ -88,8 +88,8 @@ export const FileEmptyImage = (): React.Node => (
88
88
  d="M124.206 94.7982L103.768 105.998C103.074 106.398 102.181 106.098 101.883 105.398L91.5648 85.2982C91.2672 84.5982 91.4656 83.6982 92.1601 83.3982L118.749 69.1982C119.443 68.7982 120.336 69.0982 120.634 69.7982L128.075 84.3982L124.206 94.7982Z"
89
89
  fill="white"
90
90
  stroke="#D3D2E0"
91
- stroke-width="2"
92
- stroke-miterlimit="10"
91
+ strokeWidth="2"
92
+ strokeMiterlimit="10"
93
93
  />
94
94
  <path
95
95
  d="M128.075 84.498L122.321 87.498C121.626 87.898 121.229 88.998 121.626 89.798L124.206 94.898"
@@ -102,9 +102,9 @@ export const FileEmptyImage = (): React.Node => (
102
102
  <path
103
103
  d="M102.379 82.6981V100.398C102.379 102.698 100.494 104.498 98.3112 104.498H40.2718C37.9899 104.498 36.2041 102.598 36.2041 100.398V81.2981"
104
104
  stroke="#D3D2E0"
105
- stroke-width="3"
106
- stroke-linecap="round"
107
- stroke-linejoin="round"
105
+ strokeWidth="3"
106
+ strokeLinecap="round"
107
+ strokeLinejoin="round"
108
108
  />
109
109
  <path
110
110
  d="M100.097 71.3982H80.2546C78.3695 71.3982 76.4845 72.0982 74.9963 73.2982L69.738 77.5982C68.2499 78.7982 66.3648 79.4982 64.4798 79.4982H41.8593C39.5774 79.4982 37.6924 81.2982 37.6924 83.5982C37.6924 83.7982 37.6924 83.9982 37.7916 84.1982L41.8593 106.098C42.157 108.198 43.9428 109.698 46.0262 109.698H94.2436C96.327 109.698 98.0136 108.198 98.4105 106.198L104.165 76.1982C104.462 73.9982 103.073 71.7982 100.692 71.4982C100.494 71.3982 100.296 71.3982 100.097 71.3982Z"
@@ -114,8 +114,8 @@ export const FileEmptyImage = (): React.Node => (
114
114
  d="M105.653 67.3982H81.842C79.5601 67.3982 77.2782 68.1982 75.5916 69.6982L69.3412 74.7982C67.5554 76.2982 65.3727 77.0982 63.0908 77.0982H36.0058C33.3271 77.0982 31.0452 79.2982 31.0452 82.0982C31.0452 82.2982 31.0452 82.5982 31.1444 82.7982L36.105 109.298C36.5019 111.798 38.5853 113.698 41.0656 113.698H98.6089C101.089 113.698 103.173 111.898 103.57 109.498L110.415 73.1982C110.812 70.4982 109.125 67.8982 106.347 67.4982C106.149 67.3982 105.851 67.3982 105.653 67.3982Z"
115
115
  fill="white"
116
116
  stroke="#D3D2E0"
117
- stroke-width="2"
118
- stroke-miterlimit="10"
117
+ strokeWidth="2"
118
+ strokeMiterlimit="10"
119
119
  />
120
120
  <path
121
121
  d="M79.7587 94.7981C81.1477 94.7981 82.3383 93.5981 82.3383 92.1981C82.3383 90.7981 81.1477 89.5981 79.7587 89.5981C78.3697 89.5981 77.1792 90.7981 77.1792 92.1981C77.1792 93.6981 78.2705 94.7981 79.7587 94.7981Z"
package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.js CHANGED
@@ -27,14 +27,14 @@ const MessageEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
27
27
  d: "M82.4554 39.8607C99.7181 39.8607 113.643 52.4152 113.643 67.8491C113.643 76.7178 109.04 84.6651 101.79 89.8481V101.481C101.79 103.094 99.9482 103.9 98.7974 102.979L88.9001 95.2615C86.8286 95.6071 84.7571 95.8374 82.5705 95.8374C65.3078 95.8374 51.3826 83.283 51.3826 67.8491C51.3826 52.4152 65.3078 39.8607 82.4554 39.8607Z",
28
28
  fill: "#FAFAFA",
29
29
  stroke: "#D3D2E0",
30
- "stroke-width": "2",
31
- "stroke-miterlimit": "10"
30
+ strokeWidth: "2",
31
+ strokeMiterlimit: "10"
32
32
  }), /*#__PURE__*/React.createElement("path", {
33
33
  d: "M51.9581 38.4785C32.739 38.4785 17.2026 52.4151 17.2026 69.5767C17.2026 79.482 22.3814 88.3507 30.4373 93.9945V106.895C30.4373 108.622 32.3938 109.659 33.7748 108.507L44.8229 99.9838C47.1246 100.445 49.4263 100.675 51.843 100.675C71.0621 100.675 86.5985 86.7383 86.5985 69.5767C86.5985 52.4151 71.0621 38.4785 51.9581 38.4785Z",
34
34
  fill: "white",
35
35
  stroke: "#D3D2E0",
36
- "stroke-width": "2",
37
- "stroke-miterlimit": "10"
36
+ strokeWidth: "2",
37
+ strokeMiterlimit: "10"
38
38
  }), /*#__PURE__*/React.createElement("path", {
39
39
  d: "M40.6223 70.8437C42.7197 70.8437 44.4201 69.142 44.4201 67.0428C44.4201 64.9437 42.7197 63.2419 40.6223 63.2419C38.5248 63.2419 36.8245 64.9437 36.8245 67.0428C36.8245 69.142 38.5248 70.8437 40.6223 70.8437Z",
40
40
  fill: "#66658D"
@@ -53,8 +53,8 @@ const MessageEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
53
53
  }), /*#__PURE__*/React.createElement("path", {
54
54
  d: "M47 77L57 77",
55
55
  stroke: "#66658D",
56
- "stroke-width": "3",
57
- "stroke-linecap": "round",
58
- "stroke-linejoin": "round"
56
+ strokeWidth: "3",
57
+ strokeLinecap: "round",
58
+ strokeLinejoin: "round"
59
59
  }));
60
60
  exports.MessageEmptyImage = MessageEmptyImage;
package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.js.flow CHANGED
@@ -27,15 +27,15 @@ export const MessageEmptyImage = (): React.Node => (
27
27
  d="M82.4554 39.8607C99.7181 39.8607 113.643 52.4152 113.643 67.8491C113.643 76.7178 109.04 84.6651 101.79 89.8481V101.481C101.79 103.094 99.9482 103.9 98.7974 102.979L88.9001 95.2615C86.8286 95.6071 84.7571 95.8374 82.5705 95.8374C65.3078 95.8374 51.3826 83.283 51.3826 67.8491C51.3826 52.4152 65.3078 39.8607 82.4554 39.8607Z"
28
28
  fill="#FAFAFA"
29
29
  stroke="#D3D2E0"
30
- stroke-width="2"
31
- stroke-miterlimit="10"
30
+ strokeWidth="2"
31
+ strokeMiterlimit="10"
32
32
  />
33
33
  <path
34
34
  d="M51.9581 38.4785C32.739 38.4785 17.2026 52.4151 17.2026 69.5767C17.2026 79.482 22.3814 88.3507 30.4373 93.9945V106.895C30.4373 108.622 32.3938 109.659 33.7748 108.507L44.8229 99.9838C47.1246 100.445 49.4263 100.675 51.843 100.675C71.0621 100.675 86.5985 86.7383 86.5985 69.5767C86.5985 52.4151 71.0621 38.4785 51.9581 38.4785Z"
35
35
  fill="white"
36
36
  stroke="#D3D2E0"
37
- stroke-width="2"
38
- stroke-miterlimit="10"
37
+ strokeWidth="2"
38
+ strokeMiterlimit="10"
39
39
  />
40
40
  <path
41
41
  d="M40.6223 70.8437C42.7197 70.8437 44.4201 69.142 44.4201 67.0428C44.4201 64.9437 42.7197 63.2419 40.6223 63.2419C38.5248 63.2419 36.8245 64.9437 36.8245 67.0428C36.8245 69.142 38.5248 70.8437 40.6223 70.8437Z"
@@ -60,9 +60,9 @@ export const MessageEmptyImage = (): React.Node => (
60
60
  <path
61
61
  d="M47 77L57 77"
62
62
  stroke="#66658D"
63
- stroke-width="3"
64
- stroke-linecap="round"
65
- stroke-linejoin="round"
63
+ strokeWidth="3"
64
+ strokeLinecap="round"
65
+ strokeLinejoin="round"
66
66
  />
67
67
  </svg>
68
68
  );
package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.js CHANGED
@@ -30,8 +30,8 @@ const UploadEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
30
30
  d: "M104.3 108.853L36.6643 109.338C32.7603 109.355 29.5768 106.208 29.5246 102.33L29.0004 37.6185C28.9786 33.7137 32.1217 30.5333 35.9995 30.4854L103.635 30.0001C107.539 29.9827 110.723 33.1299 110.775 37.0085L111.299 101.719C111.321 105.624 108.178 108.805 104.3 108.853Z",
31
31
  fill: "white",
32
32
  stroke: "#D3D2E0",
33
- "stroke-width": "2",
34
- "stroke-miterlimit": "10"
33
+ strokeWidth: "2",
34
+ strokeMiterlimit: "10"
35
35
  }), /*#__PURE__*/React.createElement("path", {
36
36
  d: "M100.492 99.1909L41.0341 99.6409C39.3523 99.6559 37.9986 98.3279 37.9817 96.6459L37.5307 43.1654C37.5138 41.4832 38.8397 40.1307 40.5216 40.1158L99.979 39.6658C101.661 39.6509 103.015 40.9785 103.032 42.6607L103.483 96.1409C103.5 97.8229 102.174 99.1759 100.492 99.1909Z",
37
37
  fill: "#E6E5EF"
@@ -48,13 +48,13 @@ const UploadEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
48
48
  d: "M84.6642 116.059C84.3578 117.358 83.8982 118.732 83.3614 119.878C81.9055 122.704 79.6069 124.919 76.7718 126.371C73.86 127.822 70.4119 128.433 66.9639 127.669C58.8417 125.989 53.6312 118.046 55.317 109.949C57.0027 101.852 64.895 96.582 73.0172 98.3378C75.9289 98.9497 78.4576 100.401 80.603 102.387C84.2046 105.977 85.7367 111.171 84.6642 116.059Z",
49
49
  fill: "#F1F1F5",
50
50
  stroke: "#D3D2E0",
51
- "stroke-width": "2",
52
- "stroke-miterlimit": "10"
51
+ strokeWidth: "2",
52
+ strokeMiterlimit: "10"
53
53
  }), /*#__PURE__*/React.createElement("path", {
54
54
  d: "M74.7228 110.722H72.2777V108.278C72.2777 107.088 71.3421 106 70.0002 106C68.8102 106 67.7228 106.935 67.7228 108.278V110.722H65.2778C64.0878 110.722 63.0002 111.659 63.0002 113C63.0002 113.616 63.2199 114.198 63.6498 114.628C64.0797 115.058 64.6615 115.278 65.2778 115.278H67.7228V117.722C67.7228 118.913 68.6584 120 70.0002 120C71.1902 120 72.2777 119.065 72.2777 117.722V115.278H74.7228C75.9127 115.278 77.0002 114.342 77.0002 113C77.0002 111.659 75.9127 110.722 74.7228 110.722Z",
55
55
  fill: "white",
56
56
  stroke: "#D3D2E0",
57
- "stroke-width": "2"
57
+ strokeWidth: "2"
58
58
  }), /*#__PURE__*/React.createElement("path", {
59
59
  d: "M9.20024 87.6001C12.0721 87.6001 14.4002 85.2721 14.4002 82.4001C14.4002 79.5281 12.0721 77.2 9.20024 77.2C6.32834 77.2 4.00024 79.5281 4.00024 82.4001C4.00024 85.2721 6.32834 87.6001 9.20024 87.6001Z",
60
60
  fill: "#9F9FBC"
package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.js.flow CHANGED
@@ -31,8 +31,8 @@ export const UploadEmptyImage = (): React.Node => (
31
31
  d="M104.3 108.853L36.6643 109.338C32.7603 109.355 29.5768 106.208 29.5246 102.33L29.0004 37.6185C28.9786 33.7137 32.1217 30.5333 35.9995 30.4854L103.635 30.0001C107.539 29.9827 110.723 33.1299 110.775 37.0085L111.299 101.719C111.321 105.624 108.178 108.805 104.3 108.853Z"
32
32
  fill="white"
33
33
  stroke="#D3D2E0"
34
- stroke-width="2"
35
- stroke-miterlimit="10"
34
+ strokeWidth="2"
35
+ strokeMiterlimit="10"
36
36
  />
37
37
  <path
38
38
  d="M100.492 99.1909L41.0341 99.6409C39.3523 99.6559 37.9986 98.3279 37.9817 96.6459L37.5307 43.1654C37.5138 41.4832 38.8397 40.1307 40.5216 40.1158L99.979 39.6658C101.661 39.6509 103.015 40.9785 103.032 42.6607L103.483 96.1409C103.5 97.8229 102.174 99.1759 100.492 99.1909Z"
@@ -54,14 +54,14 @@ export const UploadEmptyImage = (): React.Node => (
54
54
  d="M84.6642 116.059C84.3578 117.358 83.8982 118.732 83.3614 119.878C81.9055 122.704 79.6069 124.919 76.7718 126.371C73.86 127.822 70.4119 128.433 66.9639 127.669C58.8417 125.989 53.6312 118.046 55.317 109.949C57.0027 101.852 64.895 96.582 73.0172 98.3378C75.9289 98.9497 78.4576 100.401 80.603 102.387C84.2046 105.977 85.7367 111.171 84.6642 116.059Z"
55
55
  fill="#F1F1F5"
56
56
  stroke="#D3D2E0"
57
- stroke-width="2"
58
- stroke-miterlimit="10"
57
+ strokeWidth="2"
58
+ strokeMiterlimit="10"
59
59
  />
60
60
  <path
61
61
  d="M74.7228 110.722H72.2777V108.278C72.2777 107.088 71.3421 106 70.0002 106C68.8102 106 67.7228 106.935 67.7228 108.278V110.722H65.2778C64.0878 110.722 63.0002 111.659 63.0002 113C63.0002 113.616 63.2199 114.198 63.6498 114.628C64.0797 115.058 64.6615 115.278 65.2778 115.278H67.7228V117.722C67.7228 118.913 68.6584 120 70.0002 120C71.1902 120 72.2777 119.065 72.2777 117.722V115.278H74.7228C75.9127 115.278 77.0002 114.342 77.0002 113C77.0002 111.659 75.9127 110.722 74.7228 110.722Z"
62
62
  fill="white"
63
63
  stroke="#D3D2E0"
64
- stroke-width="2"
64
+ strokeWidth="2"
65
65
  />
66
66
  <path
67
67
  d="M9.20024 87.6001C12.0721 87.6001 14.4002 85.2721 14.4002 82.4001C14.4002 79.5281 12.0721 77.2 9.20024 77.2C6.32834 77.2 4.00024 79.5281 4.00024 82.4001C4.00024 85.2721 6.32834 87.6001 9.20024 87.6001Z"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.0.30",
3
+ "version": "0.0.32",
4
4
  "main": "index.js",
5
5
  "description": "Sense UI components library",
6
6
  "author": {