@thecb/components 6.2.5 → 6.2.8

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/dist/index.cjs.js +3299 -843
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +3347 -891
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/icons/BankIcon.js +13 -69
  7. package/src/components/atoms/icons/GenericCard.js +16 -28
  8. package/src/components/atoms/icons/GenericCardLarge.js +17 -27
  9. package/src/components/atoms/welcome-card/index.js +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "6.2.5",
3
+ "version": "6.2.8",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
package/src/components/atoms/icons/BankIcon.js CHANGED
@@ -3,78 +3,22 @@ import React from "react";
3
3
  export const BankIcon = () => {
4
4
  return (
5
5
  <svg
6
- width="28px"
7
- height="18px"
6
+ width="28"
7
+ height="18"
8
8
  viewBox="0 0 28 18"
9
- version="1.1"
9
+ fill="none"
10
10
  xmlns="http://www.w3.org/2000/svg"
11
- xmlnsXlink="http://www.w3.org/1999/xlink"
12
11
  >
13
- <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
14
- <g transform="translate(-196.000000, -311.000000)">
15
- <g transform="translate(132.000000, 204.000000)">
16
- <g transform="translate(0.000000, 48.000000)">
17
- <g transform="translate(0.000000, 32.000000)">
18
- <g transform="translate(24.000000, 24.000000)">
19
- <g transform="translate(40.000000, 3.000000)">
20
- <rect
21
- id="bg"
22
- fill="#CACED8"
23
- x="0"
24
- y="0"
25
- width="28"
26
- height="18"
27
- rx="1"
28
- ></rect>
29
- <g
30
- id="bank"
31
- transform="translate(8.000000, 4.000000)"
32
- fill="#6D717E"
33
- >
34
- <rect
35
- id="Rectangle"
36
- x="1"
37
- y="4"
38
- width="2"
39
- height="3"
40
- rx="0.5"
41
- ></rect>
42
- <rect
43
- id="Rectangle-Copy-4"
44
- x="5"
45
- y="4"
46
- width="2"
47
- height="3"
48
- rx="0.5"
49
- ></rect>
50
- <rect
51
- id="Rectangle-Copy-5"
52
- x="9"
53
- y="4"
54
- width="2"
55
- height="3"
56
- rx="0.5"
57
- ></rect>
58
- <rect
59
- id="Rectangle-Copy-7"
60
- x="0"
61
- y="8"
62
- width="12"
63
- height="2"
64
- rx="0.5"
65
- ></rect>
66
- <path
67
- d="M0.378167287,1.40499005 L5.00055528,0.243670994 C5.63734349,0.0836856623 6.30372324,0.0829130839 6.9408807,0.241421446 L11.620708,1.40564191 C11.8435643,1.46108283 12,1.66120383 12,1.89085278 L12,2.5 C12,2.77614237 11.7761424,3 11.5,3 L0.5,3 C0.223857625,3 3.38176876e-17,2.77614237 0,2.5 L0,1.88991972 C-2.80709531e-17,1.66070299 0.155859301,1.46084224 0.378167287,1.40499005 Z"
68
- id="Rectangle-Copy-2"
69
- ></path>
70
- </g>
71
- </g>
72
- </g>
73
- </g>
74
- </g>
75
- </g>
76
- </g>
77
- </g>
12
+ <path
13
+ d="M0 2.25C0 1.00736 1.04467 0 2.33333 0H25.6667C26.9553 0 28 1.00736 28 2.25V15.75C28 16.9926 26.9553 18 25.6667 18H2.33333C1.04467 18 0 16.9926 0 15.75V2.25Z"
14
+ fill="#E4F4FD"
15
+ />
16
+ <path
17
+ fillRule="evenodd"
18
+ clipRule="evenodd"
19
+ d="M25.6667 1.125H2.33333C1.689 1.125 1.16667 1.62868 1.16667 2.25V15.75C1.16667 16.3713 1.689 16.875 2.33333 16.875H25.6667C26.311 16.875 26.8333 16.3713 26.8333 15.75V2.25C26.8333 1.62868 26.311 1.125 25.6667 1.125ZM2.33333 0C1.04467 0 0 1.00736 0 2.25V15.75C0 16.9926 1.04467 18 2.33333 18H25.6667C26.9553 18 28 16.9926 28 15.75V2.25C28 1.00736 26.9553 0 25.6667 0H2.33333ZM18.4756 11.1252C18.4104 11.2172 18.3718 11.347 18.3718 11.4999C18.3718 11.5505 18.3658 11.5998 18.3544 11.6469C18.3311 11.7436 18.2853 11.8316 18.2229 11.9049C18.1656 11.9723 18.0967 12.0248 18.0213 12.0615C17.9536 12.0947 17.879 12.116 17.8003 12.1226C17.6813 12.1329 17.559 12.1093 17.4489 12.0495C17.4231 12.0354 17.3983 12.0196 17.3748 12.0022C16.6524 11.4672 16.0958 11.1625 15.6779 11.0075C15.2573 10.8515 15.0222 10.8633 14.91 10.8937C14.7685 10.932 14.6218 11.0893 14.6218 11.4999C14.6218 11.8451 14.342 12.1249 13.9968 12.1249C13.6516 12.1249 13.3718 11.8451 13.3718 11.4999C13.3718 10.9066 13.6002 9.95314 14.5836 9.68706C15.0339 9.56522 15.5488 9.62644 16.1126 9.83555C16.4942 9.9771 16.9192 10.194 17.3936 10.4965C17.413 10.4649 17.4336 10.4336 17.4555 10.4027C17.7111 10.0418 18.1047 9.78289 18.6225 9.67782C19.6045 9.47855 21.0261 9.82934 23.0502 10.9535C23.352 11.1211 23.4607 11.5016 23.2931 11.8033C23.1256 12.1051 22.7451 12.2139 22.4433 12.0463C20.4675 10.9489 19.3891 10.7977 18.8711 10.9028C18.6389 10.95 18.5325 11.0448 18.4756 11.1252ZM20.8718 6.49995C20.8718 6.84512 20.5919 7.12494 20.2468 7.12494H13.9968C13.6517 7.12494 13.3718 6.84512 13.3718 6.49995C13.3718 6.15477 13.6517 5.87495 13.9968 5.87495H20.2468C20.5919 5.87495 20.8718 6.15477 20.8718 6.49995ZM6.85743 4H8.42975C8.50197 4 8.57124 4.02869 8.62231 4.07976C8.67338 4.13083 8.70207 4.20009 8.70207 4.27232V5.07732C9.29939 5.22246 9.86896 5.47643 10.3809 5.83049C10.4374 5.87252 10.475 5.93511 10.4857 6.0047C10.4963 6.07429 10.4791 6.14527 10.4377 6.20226L9.64447 7.3223C9.60537 7.38038 9.54524 7.421 9.47676 7.43558C9.40828 7.45016 9.33681 7.43756 9.27744 7.40044C8.68465 7.00636 7.99283 6.78724 7.28125 6.7682C6.74846 6.7682 6.48798 6.98368 6.48798 7.27731V7.30099C6.48798 7.66329 6.7603 7.82194 7.8685 8.07058C9.67762 8.46602 10.8095 9.05328 10.8095 10.5356V10.5569C10.8095 11.8417 10.0025 12.7126 8.70674 13.0164V13.7631C8.70676 13.7948 8.7004 13.8262 8.68806 13.8554C8.67572 13.8846 8.65763 13.911 8.63488 13.9331C8.61214 13.9552 8.58519 13.9725 8.55564 13.984C8.52609 13.9954 8.49453 14.0008 8.46284 13.9999H6.82659C6.76378 13.9999 6.70354 13.9749 6.65913 13.9305C6.61473 13.8861 6.58979 13.8259 6.58979 13.7631V13.0623C5.69326 12.9149 4.84051 12.5514 4.10818 11.9967C4.07832 11.9745 4.05341 11.9464 4.03502 11.9141C4.01664 11.8818 4.00518 11.846 4.00139 11.809C3.9976 11.772 4.00157 11.7346 4.01303 11.6993C4.02448 11.6639 4.04318 11.6313 4.06793 11.6036L4.94881 10.5546C4.9921 10.5011 5.05402 10.4661 5.1221 10.4564C5.19018 10.4468 5.2594 10.4632 5.31585 10.5025C6.00025 11.0138 6.82956 11.2941 7.68381 11.3028C8.2829 11.3028 8.59784 11.0992 8.59784 10.7606V10.7369C8.59784 10.3983 8.33973 10.2278 7.25284 9.96968C5.56922 9.5837 4.2692 9.11011 4.2692 7.49279V7.46911C4.2692 6.20484 5.1314 5.24085 6.58511 4.99751V4.27232C6.58511 4.20009 6.6138 4.13083 6.66487 4.07976C6.71594 4.02869 6.7852 4 6.85743 4Z"
20
+ fill="#15749D"
21
+ />
78
22
  </svg>
79
23
  );
80
24
  };
package/src/components/atoms/icons/GenericCard.js CHANGED
@@ -2,37 +2,25 @@ import React from "react";
2
2
 
3
3
  const GenericCard = () => (
4
4
  <svg
5
- width="28px"
6
- height="18px"
5
+ width="28"
6
+ height="18"
7
7
  viewBox="0 0 28 18"
8
- version="1.1"
8
+ fill="none"
9
9
  xmlns="http://www.w3.org/2000/svg"
10
- xmlnsXlink="http://www.w3.org/1999/xlink"
11
10
  >
12
- <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
13
- <g>
14
- <rect
15
- id="bg"
16
- fill="#CACED8"
17
- x="0"
18
- y="0"
19
- width="28"
20
- height="18"
21
- rx="1"
22
- ></rect>
23
- <g transform="translate(0.000000, 4.000000)" fill="#6D717E">
24
- <rect id="Rectangle-Copy-7" x="0" y="0" width="28" height="4"></rect>
25
- <rect
26
- id="Rectangle-Copy-8"
27
- x="17"
28
- y="8"
29
- width="7"
30
- height="2"
31
- rx="1"
32
- ></rect>
33
- </g>
34
- </g>
35
- </g>
11
+ <rect width="28" height="18" rx="2" fill="#15749D" />
12
+ <path
13
+ fillRule="evenodd"
14
+ clipRule="evenodd"
15
+ d="M3.86108 13C3.44687 13 3.11108 13.3358 3.11108 13.75C3.11108 14.1642 3.44687 14.5 3.86108 14.5H7.80553C8.21974 14.5 8.55553 14.1642 8.55553 13.75C8.55553 13.3358 8.21974 13 7.80553 13H3.86108ZM10.8611 13C10.4469 13 10.1111 13.3358 10.1111 13.75C10.1111 14.1642 10.4469 14.5 10.8611 14.5H17.9166C18.3309 14.5 18.6666 14.1642 18.6666 13.75C18.6666 13.3358 18.3309 13 17.9166 13H10.8611Z"
16
+ fill="#E4F4FD"
17
+ />
18
+ <path
19
+ fillRule="evenodd"
20
+ clipRule="evenodd"
21
+ d="M20.2223 5.25V6.75H18.6667V6.25C18.6667 5.69772 19.1145 5.25 19.6667 5.25H20.2223ZM20.4723 5.25V6.75H22.3056V5.25H22.5556V6.75H24.1109V7H22.5556V8.25L24.1109 8.25V8.5L22.5556 8.5V9.74999L23.1111 9.74999C23.6634 9.74999 24.1111 9.30228 24.1111 8.74999V6.25C24.1111 5.69772 23.6634 5.25 23.1111 5.25H20.4723ZM22.3056 9.74999V8.5L20.4723 8.49999V9.74999L22.3056 9.74999ZM20.2223 9.74999V8.49999L18.6667 8.49999V8.74999C18.6667 9.30228 19.1145 9.74999 19.6667 9.74999H20.2223ZM18.6667 8.24999L20.2223 8.24999V7H18.6667V8.24999ZM20.4723 8.24999V7H22.3056V8.25L20.4723 8.24999Z"
22
+ fill="#F4C932"
23
+ />
36
24
  </svg>
37
25
  );
38
26
 
package/src/components/atoms/icons/GenericCardLarge.js CHANGED
@@ -3,35 +3,25 @@ import React from "react";
3
3
  const GenericCardLarge = () => {
4
4
  return (
5
5
  <svg
6
+ width="36"
7
+ height="24"
8
+ viewBox="0 0 36 24"
9
+ fill="none"
6
10
  xmlns="http://www.w3.org/2000/svg"
7
- width="34"
8
- height="28"
9
- viewBox="0 0 34 28"
10
11
  >
11
- <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
12
- <g fillRule="nonzero" transform="translate(-142 -927)">
13
- <g transform="translate(94 518)">
14
- <g transform="translate(24 350)">
15
- <g transform="translate(0 35)">
16
- <g transform="translate(24 24)">
17
- <path
18
- fill="#CACED8"
19
- d="M29.259.699H3.282C1.497.699.035 2.217.035 4.074v20.25c0 1.856 1.462 3.375 3.247 3.375H29.26c1.786 0 3.247-1.52 3.247-3.375V4.074c0-1.857-1.461-3.375-3.247-3.375z"
20
- ></path>
21
- <path
22
- fill="#000"
23
- d="M0.035 6.699H32.50599999999999V13.699H0.035z"
24
- ></path>
25
- <path
26
- fill="#000"
27
- d="M27.51 22.699h-6.244c-.468 0-.937-.47-.937-.938v-3.125c0-.469.469-.937.937-.937h6.244c.469 0 .937.468.937.937v3.125c0 .625-.312.938-.937.938z"
28
- ></path>
29
- </g>
30
- </g>
31
- </g>
32
- </g>
33
- </g>
34
- </g>
12
+ <rect width="36" height="24" rx="2" fill="#15749D" />
13
+ <path
14
+ fillRule="evenodd"
15
+ clipRule="evenodd"
16
+ d="M5 17.3333C4.44772 17.3333 4 17.781 4 18.3333C4 18.8856 4.44772 19.3333 5 19.3333H10C10.5523 19.3333 11 18.8856 11 18.3333C11 17.781 10.5523 17.3333 10 17.3333H5ZM14 17.3333C13.4477 17.3333 13 17.781 13 18.3333C13 18.8856 13.4477 19.3333 14 19.3333H23C23.5523 19.3333 24 18.8856 24 18.3333C24 17.781 23.5523 17.3333 23 17.3333H14Z"
17
+ fill="#E4F4FD"
18
+ />
19
+ <path
20
+ fillRule="evenodd"
21
+ clipRule="evenodd"
22
+ d="M26.0357 7V9.04167H24V8C24 7.44771 24.4477 7 25 7H26.0357ZM26.2857 7V9.04167H28.7142V7H28.9642V9.04167H30.9997V9.29167H28.9642V11.0417L30.9997 11.0417L30.9997 11.2917L28.9642 11.2917V13L29.9999 13C30.5522 13 30.9999 12.5523 30.9999 12V8C30.9999 7.44772 30.5522 7 29.9999 7H26.2857ZM28.7142 13V11.2917L26.2857 11.2917V13L28.7142 13ZM26.0357 13V11.2917L24 11.2917V12C24 12.5523 24.4477 13 25 13L26.0357 13ZM24 11.0417L26.0357 11.0417V9.29167H24V11.0417ZM26.2857 11.0417V9.29167H28.7142V11.0417L26.2857 11.0417Z"
23
+ fill="#F4C932"
24
+ />
35
25
  </svg>
36
26
  );
37
27
  };
package/src/components/atoms/welcome-card/index.js CHANGED
@@ -5,8 +5,8 @@ export const cardRegistry = {
5
5
  accounts: props => (
6
6
  <Card
7
7
  icon="accounts"
8
- heading="Add an Account"
9
- buttonText="Add Account"
8
+ heading="Find Your Account"
9
+ buttonText="Find Account"
10
10
  text="Find and attach your accounts to make your payments simple."
11
11
  cardAction="/profile/accounts"
12
12
  {...props}
@@ -15,8 +15,8 @@ export const cardRegistry = {
15
15
  properties: props => (
16
16
  <Card
17
17
  icon="properties"
18
- heading="Add a Property"
19
- buttonText="Add Property"
18
+ heading="Find Your Property"
19
+ buttonText="Find Property"
20
20
  text="Find and attach your properties to make your tax payments simple."
21
21
  cardAction="/profile/properties"
22
22
  {...props}
@@ -25,8 +25,8 @@ export const cardRegistry = {
25
25
  payment: props => (
26
26
  <Card
27
27
  icon="payment"
28
- heading="Configure Your Settings"
29
- buttonText="Configure Settings"
28
+ heading="Manage Your Wallet"
29
+ buttonText="Go to Wallet"
30
30
  text="Add your personal information and payment methods to make fast payments."
31
31
  cardAction="/profile/settings"
32
32
  {...props}