@thecb/components 10.6.4-beta.2 → 10.6.4
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.
- package/dist/index.cjs.js +1467 -939
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1467 -939
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/icons/icons.stories.js +2 -0
- package/src/components/atoms/layouts/Box.js +2 -0
- package/src/components/atoms/layouts/Box.styled.js +3 -1
- package/src/components/atoms/placeholder/Placeholder.js +92 -126
- package/src/components/atoms/placeholder/Placeholder.stories.js +1 -0
- package/src/components/molecules/editable-list/EditableList.stories.js +7 -2
- package/src/components/molecules/obligation/icons/AccountBillIcon.js +79 -14
- package/src/components/molecules/obligation/icons/AccountConstructionIcon.js +89 -14
- package/src/components/molecules/obligation/icons/AccountDentalIcon.js +85 -13
- package/src/components/molecules/obligation/icons/AccountElectricIcon.js +90 -13
- package/src/components/molecules/obligation/icons/AccountGarbageIcon.js +84 -14
- package/src/components/molecules/obligation/icons/AccountGasIcon.js +85 -13
- package/src/components/molecules/obligation/icons/AccountGenericIcon.js +79 -14
- package/src/components/molecules/obligation/icons/AccountMedicalIcon.js +84 -14
- package/src/components/molecules/obligation/icons/AccountWaterIcon.js +84 -14
- package/src/components/molecules/obligation/icons/PropertyApartmentIcon.js +90 -13
- package/src/components/molecules/obligation/icons/PropertyBusinessIcon.js +83 -13
- package/src/components/molecules/obligation/icons/PropertyCarIcon.js +89 -12
- package/src/components/molecules/obligation/icons/PropertyCommercialVehicleIcon.js +90 -12
- package/src/components/molecules/obligation/icons/PropertyGarageIcon.js +86 -12
- package/src/components/molecules/obligation/icons/PropertyLandIcon.js +89 -12
- package/src/components/molecules/obligation/icons/PropertyMotorcycleIcon.js +89 -12
- package/src/components/molecules/obligation/icons/PropertyPersonalIcon.js +84 -14
- package/src/components/molecules/obligation/icons/PropertyStorefrontIcon.js +90 -12
- package/src/components/molecules/obligation/icons/index.js +18 -32
- package/src/components/molecules/obligation/modules/IconModule.js +3 -9
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/molecules/.DS_Store +0 -0
- package/src/components/molecules/obligation/.DS_Store +0 -0
|
@@ -1,23 +1,93 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
|
-
const AccountMedicalIcon = (
|
|
3
|
+
const AccountMedicalIcon = () => (
|
|
4
4
|
<svg
|
|
5
|
-
width="
|
|
6
|
-
height="
|
|
7
|
-
viewBox="0 0
|
|
8
|
-
|
|
5
|
+
width="51px"
|
|
6
|
+
height="51px"
|
|
7
|
+
viewBox="0 0 81 81"
|
|
8
|
+
version="1.1"
|
|
9
9
|
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
10
11
|
>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
<defs>
|
|
13
|
+
<circle id="account-medical-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
|
|
14
|
+
<filter
|
|
15
|
+
x="-17.2%"
|
|
16
|
+
y="-14.2%"
|
|
17
|
+
width="134.3%"
|
|
18
|
+
height="134.3%"
|
|
19
|
+
filterUnits="objectBoundingBox"
|
|
20
|
+
id="account-medical-filter-2"
|
|
21
|
+
>
|
|
22
|
+
<feOffset
|
|
23
|
+
dx="0"
|
|
24
|
+
dy="-4"
|
|
25
|
+
in="SourceAlpha"
|
|
26
|
+
result="shadowOffsetOuter1"
|
|
27
|
+
></feOffset>
|
|
28
|
+
<feColorMatrix
|
|
29
|
+
values="0 0 0 0 0.964705882 0 0 0 0 0.964705882 0 0 0 0 0.976470588 0 0 0 1 0"
|
|
30
|
+
type="matrix"
|
|
31
|
+
in="shadowOffsetOuter1"
|
|
32
|
+
result="shadowMatrixOuter1"
|
|
33
|
+
></feColorMatrix>
|
|
34
|
+
<feOffset
|
|
35
|
+
dx="0"
|
|
36
|
+
dy="2"
|
|
37
|
+
in="SourceAlpha"
|
|
38
|
+
result="shadowOffsetOuter2"
|
|
39
|
+
></feOffset>
|
|
40
|
+
<feGaussianBlur
|
|
41
|
+
stdDeviation="3.5"
|
|
42
|
+
in="shadowOffsetOuter2"
|
|
43
|
+
result="shadowBlurOuter2"
|
|
44
|
+
></feGaussianBlur>
|
|
45
|
+
<feColorMatrix
|
|
46
|
+
values="0 0 0 0 0.161570617 0 0 0 0 0.163300979 0 0 0 0 0.199501812 0 0 0 0.3 0"
|
|
47
|
+
type="matrix"
|
|
48
|
+
in="shadowBlurOuter2"
|
|
49
|
+
result="shadowMatrixOuter2"
|
|
50
|
+
></feColorMatrix>
|
|
51
|
+
<feMerge>
|
|
52
|
+
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
|
53
|
+
<feMergeNode in="shadowMatrixOuter2"></feMergeNode>
|
|
54
|
+
</feMerge>
|
|
55
|
+
</filter>
|
|
56
|
+
</defs>
|
|
57
|
+
<g
|
|
58
|
+
id="account-medical-Profile-/-Icons"
|
|
59
|
+
stroke="none"
|
|
60
|
+
strokeWidth="1"
|
|
61
|
+
fill="none"
|
|
16
62
|
fillRule="evenodd"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
63
|
+
>
|
|
64
|
+
<g id="Outlined" transform="translate(-91.000000, -110.000000)">
|
|
65
|
+
<g
|
|
66
|
+
id="account-medical-Profile-Obligation-Icon-/-Account---Medical"
|
|
67
|
+
transform="translate(98.000000, 115.000000)"
|
|
68
|
+
>
|
|
69
|
+
<g id="Oval-Copy-6">
|
|
70
|
+
<use
|
|
71
|
+
fill="black"
|
|
72
|
+
fillOpacity="1"
|
|
73
|
+
filter="url(#account-medical-filter-2)"
|
|
74
|
+
xlinkHref="#account-medical-path-1"
|
|
75
|
+
></use>
|
|
76
|
+
<use
|
|
77
|
+
fill="#FFFFFF"
|
|
78
|
+
fillRule="evenodd"
|
|
79
|
+
xlinkHref="#account-medical-path-1"
|
|
80
|
+
></use>
|
|
81
|
+
</g>
|
|
82
|
+
<path
|
|
83
|
+
d="M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M35.4999678,44.0000048 L32.499975,44.0000048 C32.3749753,44.0000048 32.2603925,43.9479219 32.1562258,43.8437551 C32.052059,43.7395884 31.9999857,43.6250057 31.9999857,43.500006 L31.9999857,43.500006 L31.9999857,40.0000143 L28.4999857,40.0000143 C28.3749848,40.0000143 28.2604021,39.9479314 28.1562353,39.8437647 C28.0520686,39.7395979 27.9999857,39.6250152 27.9999857,39.5000155 L27.9999857,39.5000155 L27.9999857,36.5000226 C27.9999857,36.3750229 28.0520686,36.2604402 28.1562353,36.1562735 C28.2604021,36.0521067 28.3749848,36.0000334 28.4999857,36.0000334 L28.4999857,36.0000334 L31.9999857,36.0000334 L31.9999857,32.5000334 C31.9999857,32.3750325 32.052059,32.2604497 32.1562258,32.156283 C32.2603925,32.0521163 32.3749753,32.0000334 32.499975,32.0000334 L32.499975,32.0000334 L35.4999678,32.0000334 C35.6249675,32.0000334 35.7395503,32.0521163 35.843717,32.156283 C35.9478837,32.2604497 35.9999666,32.3750325 35.9999666,32.5000334 L35.9999666,32.5000334 L35.9999666,36.0000334 L39.4999583,36.0000334 C39.624958,36.0000334 39.7395407,36.0521067 39.8437075,36.1562735 C39.9478742,36.2604402 39.9999571,36.3750229 39.9999571,36.5000226 L39.9999571,36.5000226 L39.9999571,39.5000155 C39.9999571,39.6250152 39.9478742,39.7395979 39.8437075,39.8437647 C39.7395407,39.9479314 39.624958,40.0000143 39.4999583,40.0000143 L39.4999583,40.0000143 L35.9999666,40.0000143 L35.9999666,43.500006 C35.9999666,43.6250057 35.9478837,43.7395884 35.843717,43.8437551 C35.7395503,43.9479219 35.6249675,44.0000048 35.4999678,44.0000048 L35.4999678,44.0000048 Z"
|
|
84
|
+
id="f"
|
|
85
|
+
fill="#292A33"
|
|
86
|
+
fillRule="nonzero"
|
|
87
|
+
></path>
|
|
88
|
+
</g>
|
|
89
|
+
</g>
|
|
90
|
+
</g>
|
|
21
91
|
</svg>
|
|
22
92
|
);
|
|
23
93
|
|
|
@@ -1,23 +1,93 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
|
-
const AccountWaterIcon = (
|
|
3
|
+
const AccountWaterIcon = () => (
|
|
4
4
|
<svg
|
|
5
|
-
width="
|
|
6
|
-
height="
|
|
7
|
-
viewBox="0 0
|
|
8
|
-
|
|
5
|
+
width="51px"
|
|
6
|
+
height="51px"
|
|
7
|
+
viewBox="0 0 81 81"
|
|
8
|
+
version="1.1"
|
|
9
9
|
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
10
11
|
>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
<defs>
|
|
13
|
+
<circle id="account-water-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
|
|
14
|
+
<filter
|
|
15
|
+
x="-17.2%"
|
|
16
|
+
y="-14.2%"
|
|
17
|
+
width="134.3%"
|
|
18
|
+
height="134.3%"
|
|
19
|
+
filterUnits="objectBoundingBox"
|
|
20
|
+
id="account-water-filter-2"
|
|
21
|
+
>
|
|
22
|
+
<feOffset
|
|
23
|
+
dx="0"
|
|
24
|
+
dy="-4"
|
|
25
|
+
in="SourceAlpha"
|
|
26
|
+
result="shadowOffsetOuter1"
|
|
27
|
+
></feOffset>
|
|
28
|
+
<feColorMatrix
|
|
29
|
+
values="0 0 0 0 0.964705882 0 0 0 0 0.964705882 0 0 0 0 0.976470588 0 0 0 1 0"
|
|
30
|
+
type="matrix"
|
|
31
|
+
in="shadowOffsetOuter1"
|
|
32
|
+
result="shadowMatrixOuter1"
|
|
33
|
+
></feColorMatrix>
|
|
34
|
+
<feOffset
|
|
35
|
+
dx="0"
|
|
36
|
+
dy="2"
|
|
37
|
+
in="SourceAlpha"
|
|
38
|
+
result="shadowOffsetOuter2"
|
|
39
|
+
></feOffset>
|
|
40
|
+
<feGaussianBlur
|
|
41
|
+
stdDeviation="3.5"
|
|
42
|
+
in="shadowOffsetOuter2"
|
|
43
|
+
result="shadowBlurOuter2"
|
|
44
|
+
></feGaussianBlur>
|
|
45
|
+
<feColorMatrix
|
|
46
|
+
values="0 0 0 0 0.161570617 0 0 0 0 0.163300979 0 0 0 0 0.199501812 0 0 0 0.3 0"
|
|
47
|
+
type="matrix"
|
|
48
|
+
in="shadowBlurOuter2"
|
|
49
|
+
result="shadowMatrixOuter2"
|
|
50
|
+
></feColorMatrix>
|
|
51
|
+
<feMerge>
|
|
52
|
+
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
|
53
|
+
<feMergeNode in="shadowMatrixOuter2"></feMergeNode>
|
|
54
|
+
</feMerge>
|
|
55
|
+
</filter>
|
|
56
|
+
</defs>
|
|
57
|
+
<g
|
|
58
|
+
id="account-water-Profile-/-Icons"
|
|
59
|
+
stroke="none"
|
|
60
|
+
strokeWidth="1"
|
|
61
|
+
fill="none"
|
|
16
62
|
fillRule="evenodd"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
63
|
+
>
|
|
64
|
+
<g id="Outlined" transform="translate(-91.000000, -567.000000)">
|
|
65
|
+
<g
|
|
66
|
+
id="account-water-Profile-Obligation-Icon-/-Account---Water"
|
|
67
|
+
transform="translate(98.000000, 572.000000)"
|
|
68
|
+
>
|
|
69
|
+
<g id="Oval-Copy-6">
|
|
70
|
+
<use
|
|
71
|
+
fill="black"
|
|
72
|
+
fillOpacity="1"
|
|
73
|
+
filter="url(#account-water-filter-2)"
|
|
74
|
+
xlinkHref="#account-water-path-1"
|
|
75
|
+
></use>
|
|
76
|
+
<use
|
|
77
|
+
fill="#FFFFFF"
|
|
78
|
+
fillRule="evenodd"
|
|
79
|
+
xlinkHref="#account-water-path-1"
|
|
80
|
+
></use>
|
|
81
|
+
</g>
|
|
82
|
+
<path
|
|
83
|
+
d="M33.9999738,49.9999905 C35.999969,49.9999905 37.8437146,49.4999917 39.5312106,48.499994 C41.2187066,47.4999964 42.5520364,46.1458327 43.531201,44.4375037 C44.5103657,42.7291748 44.9999475,40.8750122 44.9999475,38.875017 C44.9999475,37.208354 44.6249484,35.6041918 43.8749502,34.0625285 C43.4166183,33.1041977 42.5416204,31.6979511 41.2499565,29.8437885 C39.9582926,27.989626 38.9999619,26.5000465 38.3749633,25.3750492 C37.2916329,23.4583868 36.437468,21.4583915 35.8124695,19.3750635 C35.6458029,18.7917319 35.3020537,18.3854828 34.7812219,18.1563164 C34.2603901,17.9271499 33.7395574,17.9271499 33.2187256,18.1563164 C32.6978939,18.3854828 32.3541447,18.7917319 32.1874781,19.3750635 C31.5624796,21.4583915 30.7291486,23.4375538 29.6874841,25.3125493 C29.0208187,26.4375466 28.041655,27.9375431 26.7499911,29.8125386 C25.4583272,31.6875341 24.5833292,33.1041977 24.1249973,34.0625285 C23.3749991,35.6458577 23,37.2500209 23,38.875017 C23,40.8750122 23.4895818,42.7291748 24.4687465,44.4375037 C25.4479111,46.1458327 26.781241,47.4999964 28.468737,48.499994 C30.1562329,49.4999917 31.9999785,49.9999905 33.9999738,49.9999905 Z M33.9999738,46 C32.7499768,46 31.5833126,45.6875007 30.4999905,45.0625022 C29.4166517,44.4375037 28.5624867,43.5833388 27.9374882,42.5000083 C27.3124897,41.4166779 26.9999905,40.2500137 26.9999905,39.0000191 C26.9999905,38.7083504 27.0937402,38.468768 27.2812398,38.2812684 C27.4687393,38.0937688 27.7083218,38.0000191 27.9999905,38.0000191 C28.2916544,38.0000191 28.5312368,38.0937688 28.7187364,38.2812684 C28.9062359,38.468768 28.9999905,38.7083504 28.9999905,39.0000191 C28.9999905,40.3750134 29.4895675,41.5520936 30.4687322,42.5312583 C31.4478968,43.5104229 32.6249771,44.0000048 33.9999738,44.0000048 C34.2916401,44.0000048 34.5312225,44.0937545 34.7187221,44.2812541 C34.9062216,44.4687537 34.9999714,44.7083361 34.9999714,45.0000024 C34.9999714,45.2916687 34.9062216,45.5312511 34.7187221,45.7187507 C34.5312225,45.9062502 34.2916401,46 33.9999738,46 Z"
|
|
84
|
+
id="t"
|
|
85
|
+
fill="#292A33"
|
|
86
|
+
fillRule="nonzero"
|
|
87
|
+
></path>
|
|
88
|
+
</g>
|
|
89
|
+
</g>
|
|
90
|
+
</g>
|
|
21
91
|
</svg>
|
|
22
92
|
);
|
|
23
93
|
|
|
@@ -1,21 +1,98 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
|
-
const PropertyApartmentIcon = (
|
|
3
|
+
const PropertyApartmentIcon = () => (
|
|
4
4
|
<svg
|
|
5
|
-
width="
|
|
6
|
-
height="
|
|
7
|
-
viewBox="0 0
|
|
8
|
-
|
|
5
|
+
width="51px"
|
|
6
|
+
height="51px"
|
|
7
|
+
viewBox="0 0 81 81"
|
|
8
|
+
version="1.1"
|
|
9
9
|
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
10
11
|
>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
<defs>
|
|
13
|
+
<circle id="apt-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
|
|
14
|
+
<filter
|
|
15
|
+
x="-17.2%"
|
|
16
|
+
y="-14.2%"
|
|
17
|
+
width="134.3%"
|
|
18
|
+
height="134.3%"
|
|
19
|
+
filterUnits="objectBoundingBox"
|
|
20
|
+
id="apt-filter-2"
|
|
21
|
+
>
|
|
22
|
+
<feOffset
|
|
23
|
+
dx="0"
|
|
24
|
+
dy="-4"
|
|
25
|
+
in="SourceAlpha"
|
|
26
|
+
result="shadowOffsetOuter1"
|
|
27
|
+
></feOffset>
|
|
28
|
+
<feColorMatrix
|
|
29
|
+
values="0 0 0 0 0.964705882 0 0 0 0 0.964705882 0 0 0 0 0.976470588 0 0 0 1 0"
|
|
30
|
+
type="matrix"
|
|
31
|
+
in="shadowOffsetOuter1"
|
|
32
|
+
result="shadowMatrixOuter1"
|
|
33
|
+
></feColorMatrix>
|
|
34
|
+
<feOffset
|
|
35
|
+
dx="0"
|
|
36
|
+
dy="2"
|
|
37
|
+
in="SourceAlpha"
|
|
38
|
+
result="shadowOffsetOuter2"
|
|
39
|
+
></feOffset>
|
|
40
|
+
<feGaussianBlur
|
|
41
|
+
stdDeviation="3.5"
|
|
42
|
+
in="shadowOffsetOuter2"
|
|
43
|
+
result="shadowBlurOuter2"
|
|
44
|
+
></feGaussianBlur>
|
|
45
|
+
<feColorMatrix
|
|
46
|
+
values="0 0 0 0 0.161570617 0 0 0 0 0.163300979 0 0 0 0 0.199501812 0 0 0 0.3 0"
|
|
47
|
+
type="matrix"
|
|
48
|
+
in="shadowBlurOuter2"
|
|
49
|
+
result="shadowMatrixOuter2"
|
|
50
|
+
></feColorMatrix>
|
|
51
|
+
<feMerge>
|
|
52
|
+
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
|
53
|
+
<feMergeNode in="shadowMatrixOuter2"></feMergeNode>
|
|
54
|
+
</feMerge>
|
|
55
|
+
</filter>
|
|
56
|
+
</defs>
|
|
57
|
+
<g
|
|
58
|
+
id="apt-Profile-/-Icons"
|
|
59
|
+
stroke="none"
|
|
60
|
+
strokeWidth="1"
|
|
61
|
+
fill="none"
|
|
62
|
+
fillRule="evenodd"
|
|
63
|
+
>
|
|
64
|
+
<g id="Outlined" transform="translate(7.000000, -456.000000)">
|
|
65
|
+
<g
|
|
66
|
+
id="Potentail-future-property"
|
|
67
|
+
transform="translate(0.000000, 231.000000)"
|
|
68
|
+
>
|
|
69
|
+
<g
|
|
70
|
+
id="apt-Profile-Obligation-Icon-/-Property---02-Apt-or-Condo"
|
|
71
|
+
transform="translate(0.000000, 230.000000)"
|
|
72
|
+
>
|
|
73
|
+
<g id="Oval-Copy">
|
|
74
|
+
<use
|
|
75
|
+
fill="black"
|
|
76
|
+
fillOpacity="1"
|
|
77
|
+
filter="url(#apt-filter-2)"
|
|
78
|
+
xlinkHref="#apt-path-1"
|
|
79
|
+
></use>
|
|
80
|
+
<use
|
|
81
|
+
fill="#FFFFFF"
|
|
82
|
+
fillRule="evenodd"
|
|
83
|
+
xlinkHref="#apt-path-1"
|
|
84
|
+
></use>
|
|
85
|
+
</g>
|
|
86
|
+
<path
|
|
87
|
+
d="M47.9999332,49.9999905 L47.9999332,48.7499934 C47.9999332,48.5416609 47.9270164,48.3645774 47.7811838,48.2187447 C47.6353511,48.072912 47.4582675,47.9999952 47.249935,47.9999952 L47.249935,47.9999952 L45.999938,47.9999952 L45.999938,19.5000668 C45.999938,19.0833972 45.8541053,18.729232 45.5624391,18.4375657 C45.2707728,18.1458994 44.9166076,18.0000668 44.4999416,18.0000668 L44.4999416,18.0000668 L23.5,18.0000668 C23.0833257,18.0000668 22.7291605,18.1458994 22.4374942,18.4375657 C22.1458279,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,47.9999952 L20.7499982,47.9999952 C20.5416657,47.9999952 20.3645821,48.072912 20.2187495,48.2187447 C20.0729168,48.3645774 20,48.5416609 20,48.7499934 L20,48.7499934 L20,49.9999905 L47.9999332,49.9999905 Z M31.2499732,26.0000572 L28.7499791,26.0000572 C28.5416466,26.0000572 28.3645631,25.9271309 28.2187304,25.7812982 C28.0728977,25.6354655 27.9999809,25.458382 27.9999809,25.2500495 L27.9999809,25.2500495 L27.9999809,22.7500554 C27.9999809,22.5417229 28.0728977,22.3646394 28.2187304,22.2188067 C28.3645631,22.072974 28.5416466,22.0000572 28.7499791,22.0000572 L28.7499791,22.0000572 L31.2499732,22.0000572 C31.4583057,22.0000572 31.6353892,22.072974 31.7812219,22.2188067 C31.9270546,22.3646394 31.9999809,22.5417229 31.9999809,22.7500554 L31.9999809,22.7500554 L31.9999809,25.2500495 C31.9999809,25.458382 31.9270546,25.6354655 31.7812219,25.7812982 C31.6353892,25.9271309 31.4583057,26.0000572 31.2499732,26.0000572 L31.2499732,26.0000572 Z M39.2499541,26.0000572 L36.7499601,26.0000572 C36.5416275,26.0000572 36.364544,25.9271309 36.2187113,25.7812982 C36.0728787,25.6354655 35.9999619,25.458382 35.9999619,25.2500495 L35.9999619,25.2500495 L35.9999619,22.7500554 C35.9999619,22.5417229 36.0728787,22.3646394 36.2187113,22.2188067 C36.364544,22.072974 36.5416275,22.0000572 36.7499601,22.0000572 L36.7499601,22.0000572 L39.2499541,22.0000572 C39.4582866,22.0000572 39.6353702,22.072974 39.7812028,22.2188067 C39.9270355,22.3646394 39.9999619,22.5417229 39.9999619,22.7500554 L39.9999619,22.7500554 L39.9999619,25.2500495 C39.9999619,25.458382 39.9270355,25.6354655 39.7812028,25.7812982 C39.6353702,25.9271309 39.4582866,26.0000572 39.2499541,26.0000572 L39.2499541,26.0000572 Z M31.2499732,32.0000429 L28.7499791,32.0000429 C28.5416466,32.0000429 28.3645631,31.9271166 28.2187304,31.7812839 C28.0728977,31.6354512 27.9999809,31.4583677 27.9999809,31.2500352 L27.9999809,31.2500352 L27.9999809,28.7500411 C27.9999809,28.5417086 28.0728977,28.3646251 28.2187304,28.2187924 C28.3645631,28.0729597 28.5416466,28.0000429 28.7499791,28.0000429 L28.7499791,28.0000429 L31.2499732,28.0000429 C31.4583057,28.0000429 31.6353892,28.0729597 31.7812219,28.2187924 C31.9270546,28.3646251 31.9999809,28.5417086 31.9999809,28.7500411 L31.9999809,28.7500411 L31.9999809,31.2500352 C31.9999809,31.4583677 31.9270546,31.6354512 31.7812219,31.7812839 C31.6353892,31.9271166 31.4583057,32.0000429 31.2499732,32.0000429 L31.2499732,32.0000429 Z M39.2499541,32.0000429 L36.7499601,32.0000429 C36.5416275,32.0000429 36.364544,31.9271166 36.2187113,31.7812839 C36.0728787,31.6354512 35.9999619,31.4583677 35.9999619,31.2500352 L35.9999619,31.2500352 L35.9999619,28.7500411 C35.9999619,28.5417086 36.0728787,28.3646251 36.2187113,28.2187924 C36.364544,28.0729597 36.5416275,28.0000429 36.7499601,28.0000429 L36.7499601,28.0000429 L39.2499541,28.0000429 C39.4582866,28.0000429 39.6353702,28.0729597 39.7812028,28.2187924 C39.9270355,28.3646251 39.9999619,28.5417086 39.9999619,28.7500411 L39.9999619,28.7500411 L39.9999619,31.2500352 C39.9999619,31.4583677 39.9270355,31.6354512 39.7812028,31.7812839 C39.6353702,31.9271166 39.4582866,32.0000429 39.2499541,32.0000429 L39.2499541,32.0000429 Z M31.2499732,38.0000286 L28.7499791,38.0000286 C28.5416466,38.0000286 28.3645631,37.9271023 28.2187304,37.7812696 C28.0728977,37.6354369 27.9999809,37.4583534 27.9999809,37.2500209 L27.9999809,37.2500209 L27.9999809,34.7500268 C27.9999809,34.5416943 28.0728977,34.3646108 28.2187304,34.2187781 C28.3645631,34.0729454 28.5416466,34.0000286 28.7499791,34.0000286 L28.7499791,34.0000286 L31.2499732,34.0000286 C31.4583057,34.0000286 31.6353892,34.0729454 31.7812219,34.2187781 C31.9270546,34.3646108 31.9999809,34.5416943 31.9999809,34.7500268 L31.9999809,34.7500268 L31.9999809,37.2500209 C31.9999809,37.4583534 31.9270546,37.6354369 31.7812219,37.7812696 C31.6353892,37.9271023 31.4583057,38.0000286 31.2499732,38.0000286 L31.2499732,38.0000286 Z M39.2499541,38.0000286 L36.7499601,38.0000286 C36.5416275,38.0000286 36.364544,37.9271023 36.2187113,37.7812696 C36.0728787,37.6354369 35.9999619,37.4583534 35.9999619,37.2500209 L35.9999619,37.2500209 L35.9999619,34.7500268 C35.9999619,34.5416943 36.0728787,34.3646108 36.2187113,34.2187781 C36.364544,34.0729454 36.5416275,34.0000286 36.7499601,34.0000286 L36.7499601,34.0000286 L39.2499541,34.0000286 C39.4582866,34.0000286 39.6353702,34.0729454 39.7812028,34.2187781 C39.9270355,34.3646108 39.9999619,34.5416943 39.9999619,34.7500268 L39.9999619,34.7500268 L39.9999619,37.2500209 C39.9999619,37.4583534 39.9270355,37.6354369 39.7812028,37.7812696 C39.6353702,37.9271023 39.4582866,38.0000286 39.2499541,38.0000286 L39.2499541,38.0000286 Z M35.9999714,47.9999952 L31.9999714,47.9999952 L31.9999714,42.7500077 C31.9999714,42.5416752 32.0728882,42.3645917 32.2187209,42.218759 C32.3645535,42.0729263 32.5416371,42.0000095 32.7499696,42.0000095 L32.7499696,42.0000095 L35.2499636,42.0000095 C35.4582962,42.0000095 35.6353797,42.0729263 35.7812124,42.218759 C35.927045,42.3645917 35.9999714,42.5416752 35.9999714,42.7500077 L35.9999714,42.7500077 L35.9999714,47.9999952 Z"
|
|
88
|
+
id="b"
|
|
89
|
+
fill="#292A33"
|
|
90
|
+
fillRule="nonzero"
|
|
91
|
+
></path>
|
|
92
|
+
</g>
|
|
93
|
+
</g>
|
|
94
|
+
</g>
|
|
95
|
+
</g>
|
|
19
96
|
</svg>
|
|
20
97
|
);
|
|
21
98
|
|
|
@@ -2,22 +2,92 @@ import React from "react";
|
|
|
2
2
|
|
|
3
3
|
const PropertyBusinessIcon = () => (
|
|
4
4
|
<svg
|
|
5
|
-
width="
|
|
6
|
-
height="
|
|
7
|
-
viewBox="0 0
|
|
8
|
-
|
|
5
|
+
width="51px"
|
|
6
|
+
height="51px"
|
|
7
|
+
viewBox="0 0 81 81"
|
|
8
|
+
version="1.1"
|
|
9
9
|
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
10
11
|
>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
<defs>
|
|
13
|
+
<circle
|
|
14
|
+
id="property-business-path-1"
|
|
15
|
+
cx="33.5"
|
|
16
|
+
cy="33.5"
|
|
17
|
+
r="33.5"
|
|
18
|
+
></circle>
|
|
19
|
+
<filter
|
|
20
|
+
x="-17.2%"
|
|
21
|
+
y="-14.2%"
|
|
22
|
+
width="134.3%"
|
|
23
|
+
height="134.3%"
|
|
24
|
+
filterUnits="objectBoundingBox"
|
|
25
|
+
id="property-business-filter-2"
|
|
26
|
+
>
|
|
27
|
+
<feOffset
|
|
28
|
+
dx="0"
|
|
29
|
+
dy="-4"
|
|
30
|
+
in="SourceAlpha"
|
|
31
|
+
result="shadowOffsetOuter1"
|
|
32
|
+
></feOffset>
|
|
33
|
+
<feColorMatrix
|
|
34
|
+
values="0 0 0 0 0.964705882 0 0 0 0 0.964705882 0 0 0 0 0.976470588 0 0 0 1 0"
|
|
35
|
+
type="matrix"
|
|
36
|
+
in="shadowOffsetOuter1"
|
|
37
|
+
result="shadowMatrixOuter1"
|
|
38
|
+
></feColorMatrix>
|
|
39
|
+
<feOffset
|
|
40
|
+
dx="0"
|
|
41
|
+
dy="2"
|
|
42
|
+
in="SourceAlpha"
|
|
43
|
+
result="shadowOffsetOuter2"
|
|
44
|
+
></feOffset>
|
|
45
|
+
<feGaussianBlur
|
|
46
|
+
stdDeviation="3.5"
|
|
47
|
+
in="shadowOffsetOuter2"
|
|
48
|
+
result="shadowBlurOuter2"
|
|
49
|
+
></feGaussianBlur>
|
|
50
|
+
<feColorMatrix
|
|
51
|
+
values="0 0 0 0 0.161570617 0 0 0 0 0.163300979 0 0 0 0 0.199501812 0 0 0 0.3 0"
|
|
52
|
+
type="matrix"
|
|
53
|
+
in="shadowBlurOuter2"
|
|
54
|
+
result="shadowMatrixOuter2"
|
|
55
|
+
></feColorMatrix>
|
|
56
|
+
<feMerge>
|
|
57
|
+
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
|
58
|
+
<feMergeNode in="shadowMatrixOuter2"></feMergeNode>
|
|
59
|
+
</feMerge>
|
|
60
|
+
</filter>
|
|
61
|
+
</defs>
|
|
62
|
+
<g
|
|
63
|
+
id="PropertyBusiness"
|
|
64
|
+
stroke="none"
|
|
65
|
+
strokeWidth="1"
|
|
66
|
+
fill="none"
|
|
16
67
|
fillRule="evenodd"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
68
|
+
>
|
|
69
|
+
<g id="PropertyBusinessIcon" transform="translate(7.000000, 5.000000)">
|
|
70
|
+
<g id="Oval-Copy-5">
|
|
71
|
+
<use
|
|
72
|
+
fill="black"
|
|
73
|
+
fillOpacity="1"
|
|
74
|
+
filter="url(#property-business-filter-2)"
|
|
75
|
+
xlinkHref="#property-business-path-1"
|
|
76
|
+
></use>
|
|
77
|
+
<use
|
|
78
|
+
fill="#FFFFFF"
|
|
79
|
+
fillRule="evenodd"
|
|
80
|
+
xlinkHref="#property-business-path-1"
|
|
81
|
+
></use>
|
|
82
|
+
</g>
|
|
83
|
+
<path
|
|
84
|
+
d="M48.4999273,47.9999952 C48.9165933,47.9999952 49.2707585,47.8541626 49.5624247,47.5624963 C49.854091,47.27083 49.9999237,46.9166648 49.9999237,46.4999988 L49.9999237,46.4999988 L49.9999237,29.5000393 C49.9999237,28.9167077 49.7395073,28.4792088 49.2186756,28.1875425 C48.6978438,27.8958762 48.187428,27.9167101 47.6874292,28.2500423 L47.6874292,28.2500423 L38.9999499,33.7500292 L38.9999499,29.5000393 C38.9999499,28.9167077 38.7395336,28.4792088 38.2187018,28.1875425 C37.69787,27.8958762 37.1874543,27.9167101 36.6874554,28.2500423 L36.6874554,28.2500423 L27.9999762,33.7500292 L27.9999762,21.500062 C27.9999762,21.0833924 27.8541435,20.7292272 27.5624772,20.4375609 C27.2708109,20.1458947 26.9166457,20.000062 26.4999797,20.000062 L26.4999797,20.000062 L19.5,20.000062 C19.0833304,20.000062 18.7291652,20.1458947 18.437499,20.4375609 C18.1458327,20.7292272 18,21.0833924 18,21.500062 L18,21.500062 L18,46.4999988 C18,46.9166648 18.1458327,47.27083 18.437499,47.5624963 C18.7291652,47.8541626 19.0833304,47.9999952 19.5,47.9999952 L19.5,47.9999952 L48.4999273,47.9999952 Z"
|
|
85
|
+
id="i"
|
|
86
|
+
fill="#292A33"
|
|
87
|
+
fillRule="nonzero"
|
|
88
|
+
></path>
|
|
89
|
+
</g>
|
|
90
|
+
</g>
|
|
21
91
|
</svg>
|
|
22
92
|
);
|
|
23
93
|
|
|
@@ -2,20 +2,97 @@ import React from "react";
|
|
|
2
2
|
|
|
3
3
|
const PropertyCarIcon = () => (
|
|
4
4
|
<svg
|
|
5
|
-
width="
|
|
6
|
-
height="
|
|
7
|
-
viewBox="0 0
|
|
8
|
-
|
|
5
|
+
width="51px"
|
|
6
|
+
height="51px"
|
|
7
|
+
viewBox="0 0 81 81"
|
|
8
|
+
version="1.1"
|
|
9
9
|
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
10
11
|
>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
<defs>
|
|
13
|
+
<circle id="car-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
|
|
14
|
+
<filter
|
|
15
|
+
x="-17.2%"
|
|
16
|
+
y="-14.2%"
|
|
17
|
+
width="134.3%"
|
|
18
|
+
height="134.3%"
|
|
19
|
+
filterUnits="objectBoundingBox"
|
|
20
|
+
id="car-filter-2"
|
|
21
|
+
>
|
|
22
|
+
<feOffset
|
|
23
|
+
dx="0"
|
|
24
|
+
dy="-4"
|
|
25
|
+
in="SourceAlpha"
|
|
26
|
+
result="shadowOffsetOuter1"
|
|
27
|
+
></feOffset>
|
|
28
|
+
<feColorMatrix
|
|
29
|
+
values="0 0 0 0 0.964705882 0 0 0 0 0.964705882 0 0 0 0 0.976470588 0 0 0 1 0"
|
|
30
|
+
type="matrix"
|
|
31
|
+
in="shadowOffsetOuter1"
|
|
32
|
+
result="shadowMatrixOuter1"
|
|
33
|
+
></feColorMatrix>
|
|
34
|
+
<feOffset
|
|
35
|
+
dx="0"
|
|
36
|
+
dy="2"
|
|
37
|
+
in="SourceAlpha"
|
|
38
|
+
result="shadowOffsetOuter2"
|
|
39
|
+
></feOffset>
|
|
40
|
+
<feGaussianBlur
|
|
41
|
+
stdDeviation="3.5"
|
|
42
|
+
in="shadowOffsetOuter2"
|
|
43
|
+
result="shadowBlurOuter2"
|
|
44
|
+
></feGaussianBlur>
|
|
45
|
+
<feColorMatrix
|
|
46
|
+
values="0 0 0 0 0.161570617 0 0 0 0 0.163300979 0 0 0 0 0.199501812 0 0 0 0.3 0"
|
|
47
|
+
type="matrix"
|
|
48
|
+
in="shadowBlurOuter2"
|
|
49
|
+
result="shadowMatrixOuter2"
|
|
50
|
+
></feColorMatrix>
|
|
51
|
+
<feMerge>
|
|
52
|
+
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
|
53
|
+
<feMergeNode in="shadowMatrixOuter2"></feMergeNode>
|
|
54
|
+
</feMerge>
|
|
55
|
+
</filter>
|
|
56
|
+
</defs>
|
|
57
|
+
<g
|
|
58
|
+
id="car-Profile-/-Icons"
|
|
59
|
+
stroke="none"
|
|
60
|
+
strokeWidth="1"
|
|
61
|
+
fill="none"
|
|
62
|
+
fillRule="evenodd"
|
|
63
|
+
>
|
|
64
|
+
<g id="Outlined" transform="translate(7.000000, -686.000000)">
|
|
65
|
+
<g
|
|
66
|
+
id="Potentail-future-property"
|
|
67
|
+
transform="translate(0.000000, 231.000000)"
|
|
68
|
+
>
|
|
69
|
+
<g
|
|
70
|
+
id="car-Profile-Obligation-Icon-/-Property---Private-Car"
|
|
71
|
+
transform="translate(0.000000, 460.000000)"
|
|
72
|
+
>
|
|
73
|
+
<g id="Oval-Copy-6">
|
|
74
|
+
<use
|
|
75
|
+
fill="black"
|
|
76
|
+
fillOpacity="1"
|
|
77
|
+
filter="url(#car-filter-2)"
|
|
78
|
+
xlinkHref="#car-path-1"
|
|
79
|
+
></use>
|
|
80
|
+
<use
|
|
81
|
+
fill="#FFFFFF"
|
|
82
|
+
fillRule="evenodd"
|
|
83
|
+
xlinkHref="#car-path-1"
|
|
84
|
+
></use>
|
|
85
|
+
</g>
|
|
86
|
+
<path
|
|
87
|
+
d="M23.9999857,46 C24.5416514,46 25.0104003,45.8020835 25.4062323,45.4062514 C25.8020644,45.0104193 25.9999809,44.5416705 25.9999809,44.0000048 L25.9999809,44.0000048 L25.9999809,42.0000095 L41.9999428,42.0000095 L41.9999428,44.0000048 C41.9999428,44.5416705 42.1978593,45.0104193 42.5936914,45.4062514 C42.9895234,45.8020835 43.4582723,46 43.999938,46 L43.999938,46 L45.9999332,46 C46.5415989,46 47.0103478,45.8020835 47.4061799,45.4062514 C47.802012,45.0104193 47.9999285,44.5416705 47.9999285,44.0000048 L47.9999285,44.0000048 L47.9999285,40.6250128 C48.6665939,39.8750146 48.9999261,39.0000167 48.9999261,38.0000191 L48.9999261,38.0000191 L48.9999261,35.0000262 C48.9999261,33.7916961 48.5415942,32.7916985 47.6249294,32.0000334 L47.6249294,32.0000334 L48.8749264,32.0000334 C49.041593,32.0000334 49.1978426,31.9479505 49.3436753,31.8437838 C49.4895079,31.739617 49.5832577,31.6042013 49.6249246,31.4375347 L49.6249246,31.4375347 L49.9999237,29.9375383 C50.0415906,29.6875389 49.9895067,29.4687894 49.8436741,29.2812899 C49.6978414,29.0937903 49.4999249,29.0000405 49.2499255,29.0000405 L49.2499255,29.0000405 L45.4999344,29.0000405 L44.437437,26.3750468 C43.9374382,25.041717 43.0936902,23.9792195 41.906193,23.1875544 C40.7186958,22.3958893 39.395782,22.0000572 37.9374525,22.0000572 L37.9374525,22.0000572 L30.0624712,22.0000572 C28.6041417,22.0000572 27.2812279,22.3958893 26.0937307,23.1875544 C24.9062335,23.9792195 24.0624855,25.041717 23.5624867,26.3750468 L23.5624867,26.3750468 L22.4999893,29.0000405 L18.7499982,29.0000405 C18.4999988,29.0000405 18.3020823,29.0937903 18.1562496,29.2812899 C18.010417,29.4687894 17.9583331,29.6875389 18,29.9375383 L18,29.9375383 L18.3749991,31.4375347 C18.416666,31.6042013 18.5104158,31.739617 18.6562484,31.8437838 C18.8020811,31.9479505 18.9583307,32.0000334 19.1249973,32.0000334 L19.1249973,32.0000334 L20.3749943,32.0000334 C19.4583295,32.7916985 18.9999976,33.7916961 18.9999976,35.0000262 L18.9999976,35.0000262 L18.9999976,38.0000191 C18.9999976,39.0000167 19.3333298,39.8750146 19.9999952,40.6250128 L19.9999952,40.6250128 L19.9999952,44.0000048 C19.9999952,44.5416705 20.1979117,45.0104193 20.5937438,45.4062514 C20.9895759,45.8020835 21.4583248,46 21.9999905,46 L21.9999905,46 L23.9999857,46 Z M41.9999428,31.0000358 L25.9999809,31.0000358 L27.2499779,27.8750432 C27.4583105,27.3333775 27.8228936,26.8854626 28.3437253,26.5312964 C28.8645571,26.1771303 29.4374727,26.0000477 30.0624712,26.0000477 L30.0624712,26.0000477 L37.9999523,26.0000477 C38.5832839,26.0000477 39.1353666,26.1771303 39.6561984,26.5312964 C40.1770301,26.8854626 40.5416132,27.3333775 40.7499458,27.8750432 L40.7499458,27.8750432 L41.9999428,31.0000358 Z M24.4374847,38.0000286 L23.9999905,38.0000286 C23.4166541,38.0000286 22.9374882,37.8125195 22.5624891,37.4375204 C22.18749,37.0625213 21.9999905,36.5833555 21.9999905,36.0000286 C21.9999905,35.4166922 22.18749,34.9375264 22.5624891,34.5625273 C22.9374882,34.1875282 23.4166541,34.0000286 23.9999905,34.0000286 C24.5833173,34.0000286 25.2291497,34.3437778 25.9374811,35.0312762 C26.6458124,35.7187745 26.9999785,36.3750229 26.9999785,37.0000286 C26.9999785,37.4583534 26.7291462,37.7500197 26.1874805,37.8750194 C25.8541483,37.9583522 25.2708157,38.0000286 24.4374847,38.0000286 L24.4374847,38.0000286 Z M43.9999452,38.0000286 L43.5624391,38.0000286 C42.729108,38.0000286 42.1457754,37.9583522 41.8124432,37.8750194 C41.2707775,37.7500197 40.9999452,37.4583534 40.9999452,37.0000286 C40.9999452,36.3750229 41.3541113,35.7187745 42.0624426,35.0312762 C42.770774,34.3437778 43.4166064,34.0000286 43.9999452,34.0000286 C44.5832696,34.0000286 45.0624355,34.1875282 45.4374346,34.5625273 C45.8124337,34.9375264 45.9999332,35.4166922 45.9999332,36.0000286 C45.9999332,36.5833555 45.8124337,37.0625213 45.4374346,37.4375204 C45.0624355,37.8125195 44.5832696,38.0000286 43.9999452,38.0000286 L43.9999452,38.0000286 Z"
|
|
88
|
+
id="c"
|
|
89
|
+
fill="#292A33"
|
|
90
|
+
fillRule="nonzero"
|
|
91
|
+
></path>
|
|
92
|
+
</g>
|
|
93
|
+
</g>
|
|
94
|
+
</g>
|
|
95
|
+
</g>
|
|
19
96
|
</svg>
|
|
20
97
|
);
|
|
21
98
|
|