@thecb/components 11.3.3-beta.0 → 11.3.3-beta.1

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 (7) hide show
  1. package/dist/index.cjs.js +18 -92
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +18 -92
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/icons/CustomerSearchIcon.js +9 -83
  7. package/src/components/atoms/icons/PaymentSearchIcon.js +0 -39
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "11.3.3-beta.0",
3
+ "version": "11.3.3-beta.1",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
package/src/components/atoms/icons/CustomerSearchIcon.js CHANGED
@@ -1,91 +1,17 @@
1
1
  import React from "react";
2
- import { MATISSE_BLUE } from "../../../constants/colors";
2
+ import { MATISSE_BLUE, INFO_BLUE } from "../../../constants/colors";
3
3
 
4
4
  const CustomerSearchIcon = ({
5
- fillPrimary = MATISSE_BLUE
5
+ fillPrimary = MATISSE_BLUE,
6
+ fillSecondary = INFO_BLUE
6
7
  }) => {
7
8
  return (
8
- <svg
9
- xmlns="http://www.w3.org/2000/svg"
10
- xmlnsXlink="http://www.w3.org/1999/xlink"
11
- width="366"
12
- height="209"
13
- viewBox="0 0 366 209"
14
- >
15
- <defs>
16
- <rect
17
- id="customer-search-path-1"
18
- width="64"
19
- height="64"
20
- x="39"
21
- y="40"
22
- rx="6"
23
- ></rect>
24
- <filter
25
- id="customer-search-filter-2"
26
- width="178.1%"
27
- height="178.1%"
28
- x="-39.1%"
29
- y="-35.9%"
30
- filterUnits="objectBoundingBox"
31
- >
32
- <feOffset
33
- dy="2"
34
- in="SourceAlpha"
35
- result="shadowOffsetOuter1"
36
- ></feOffset>
37
- <feGaussianBlur
38
- in="shadowOffsetOuter1"
39
- result="shadowBlurOuter1"
40
- stdDeviation="8"
41
- ></feGaussianBlur>
42
- <feColorMatrix
43
- in="shadowBlurOuter1"
44
- values="0 0 0 0 0.0823529412 0 0 0 0 0.454901961 0 0 0 0 0.615686275 0 0 0 0.5 0"
45
- ></feColorMatrix>
46
- </filter>
47
- </defs>
48
- <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
49
- <g transform="translate(-537 -434)">
50
- <g transform="translate(132 300)">
51
- <g transform="translate(405 134)">
52
- <path
53
- fill="#FFF"
54
- d="M73 25h224v144.75a2.25 2.25 0 01-2.25 2.25H75.25a2.25 2.25 0 01-2.25-2.25V25z"
55
- ></path>
56
- <path
57
- fill="#292A33"
58
- fillRule="nonzero"
59
- d="M294.625 0A6.376 6.376 0 01301 6.377V157h19a3 3 0 01.176 5.995L320 163h-19v6.623a6.376 6.376 0 01-6.375 6.377H75.374A6.375 6.375 0 0169 169.623V163H33a3 3 0 01-.176-5.995L33 157h36V6.377A6.375 6.375 0 0175.374 0h219.251zM297 25H73v144.623c0 1.259.976 2.288 2.211 2.372l.163.005h219.251a2.376 2.376 0 002.37-2.214l.005-.163V25zm39.953 132l26.112.082a2.952 2.952 0 012.935 2.969 2.953 2.953 0 01-2.78 2.945l-.173.004-26.112-.082a2.952 2.952 0 01-2.935-2.969 2.953 2.953 0 012.78-2.945l.173-.004zM17 157a3 3 0 01.176 5.995L17 163H3a3 3 0 01-.176-5.995L3 157h14zm186-52.514a2.515 2.515 0 012.514 2.514c0 4.633-3.761 8.376-8.422 8.51l-.26.004h-23.664c-4.78 0-8.683-3.795-8.683-8.514a2.515 2.515 0 015.024-.165l.006.165c0 1.848 1.517 3.383 3.457 3.48l.196.005h23.664c1.968 0 3.549-1.475 3.648-3.301l.006-.184a2.515 2.515 0 012.514-2.514zM216 39c13.255 0 24 10.745 24 24 0 5.67-1.967 10.881-5.255 14.988l.012.01.13.114 8.51 8.049a5.002 5.002 0 015.193.818l.18.162 17.668 16.728a5 5 0 01-6.696 7.424l-.18-.162-17.667-16.728a5.001 5.001 0 01-1.26-5.348l-8.496-8.037a2.025 2.025 0 01-.132-.137A23.909 23.909 0 01216 87c-13.255 0-24-10.745-24-24C192 49.746 202.745 39 216 39zm0 5c-10.493 0-19 8.507-19 19s8.507 19 19 19 19-8.507 19-19-8.507-19-19-19zm-66 13.986c4.212 0 7.914 2.692 9.362 6.65a2.514 2.514 0 01-4.662 1.88l-.062-.153c-.734-2.009-2.576-3.349-4.639-3.349-1.988 0-3.772 1.246-4.554 3.136l-.083.213a2.515 2.515 0 01-4.724-1.726c1.446-3.958 5.148-6.651 9.361-6.651zM294.624 4H75.374a2.375 2.375 0 00-2.369 2.214L73 6.377V21h224V6.377a2.376 2.376 0 00-2.212-2.372L294.625 4zM81.5 10a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z"
60
- ></path>
61
- <path
62
- fill="#E4E6EB"
63
- d="M294.75 4A2.25 2.25 0 01297 6.25V21H73V6.25A2.25 2.25 0 0175.25 4zM81.5 10a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5z"
64
- ></path>
65
- <path
66
- fill="#959CA8"
67
- fillRule="nonzero"
68
- d="M216 58c4.207 0 7.903 2.689 9.348 6.641a2.5 2.5 0 01-4.635 1.87l-.061-.152c-.737-2.016-2.583-3.359-4.651-3.359-1.995 0-3.784 1.25-4.57 3.145l-.083.214a2.5 2.5 0 01-4.696-1.718c1.445-3.952 5.142-6.641 9.349-6.641z"
69
- ></path>
70
- <use
71
- fill="#000"
72
- fillOpacity="1"
73
- filter="url(#customer-search-filter-2)"
74
- xlinkHref="#customer-search-path-1"
75
- ></use>
76
- <path
77
- fill="#E4F4FD"
78
- d="M185 185c28.719 0 52 5.373 52 12s-23.281 12-52 12c-28.718 0-52-5.373-52-12s23.282-12 52-12zM97 44a2 2 0 012 2v52a2 2 0 01-2 2H45a2 2 0 01-2-2V46a2 2 0 012-2h52zM80 70c-3.535 0-6.145 1.941-7.827 5.824C70.192 73.274 67.633 72 64.5 72c-5.912 0-9.773 4.536-11.585 13.608a2 2 0 001.83 2.388l.13.004h19.25l.148-.005a2 2 0 001.812-2.387 37.807 37.807 0 00-.733-3.045L75.184 82h11.893l.15-.005a2 2 0 001.797-2.451C87.534 73.18 84.526 70 80 70zm136-26c10.493 0 19 8.507 19 19s-8.507 19-19 19-19-8.507-19-19 8.507-19 19-19zM64.5 56a7 7 0 100 14 7 7 0 000-14zM216 58c-4.206 0-7.903 2.689-9.348 6.641a2.5 2.5 0 004.635 1.87l.061-.152.083-.214c.786-1.896 2.575-3.145 4.57-3.145 1.994 0 3.782 1.249 4.568 3.145l.083.214.061.152a2.5 2.5 0 004.635-1.87C223.903 60.69 220.207 58 216.001 58zM80 57a5.5 5.5 0 100 11 5.5 5.5 0 000-11z"
79
- ></path>
80
- <path
81
- fill={fillPrimary}
82
- fillRule="nonzero"
83
- d="M182 176v20a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-.2-7.995l.2-.005h10v-16h8zm14 0v16h10a4 4 0 013.995 3.8l.005.2a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-3.995-3.8L188 196v-20h8zM69 128.5v9l-7.875 4.429 32.876 6.953c1.81-4.055 5.877-6.882 10.604-6.882a4 4 0 01.2 7.995l-.2.005a3.605 3.605 0 00-3.605 3.593v.035-.023a3.606 3.606 0 003.414 3.601l.191.005h6.644a4 4 0 01.2 7.995l-.2.005h-6.644c-5.246 0-9.679-3.48-11.115-8.259l-44.708-9.457c-3.58-.757-4.322-5.493-1.242-7.336l.175-.1L69 128.5zM263.644 96c6.184 0 11.24 4.838 11.586 10.936l38.713 7.13c3.304.609 4.407 4.749 1.927 6.93l-.15.125L301 133v-10.5l2.891-2.151-31.014-5.712a11.586 11.586 0 01-8.881 4.569l-.352.005H257l-.2-.005a4 4 0 010-7.99l.2-.005h6.644l.191-.005a3.606 3.606 0 003.414-3.601c0-1.99-.358-3.259-2.403-5.238a361.04 361.04 0 00-4.65-4.395A3.998 3.998 0 01263.644 96zM97 40a6 6 0 016 6v52a6 6 0 01-6 6H45a6 6 0 01-6-6V46a6 6 0 016-6h52zm0 4H45a2 2 0 00-1.995 1.85L43 46v52a2 2 0 001.85 1.995L45 100h52a2 2 0 001.995-1.85L99 98V46a2 2 0 00-1.85-1.995L97 44zM80 70c4.526 0 7.534 3.181 9.024 9.544a2 2 0 01-1.798 2.45l-.149.006H75.184c.342 1.11.643 2.313.901 3.608a2 2 0 01-1.812 2.387l-.149.005H54.876a2 2 0 01-1.961-2.392C54.727 76.536 58.588 72 64.5 72c3.134 0 5.692 1.275 7.673 3.824C73.855 71.941 76.465 70 80 70zM64.5 56a7 7 0 110 14 7 7 0 010-14zM80 57a5.5 5.5 0 110 11 5.5 5.5 0 010-11z"
84
- ></path>
85
- </g>
86
- </g>
87
- </g>
88
- </g>
9
+ <svg width="366" height="208" viewBox="0 0 366 208" fill="none" xmlns="http://www.w3.org/2000/svg">
10
+ <path d="M295.309 0.0078125C298.479 0.168432 301 2.78979 301 6V157H321C322.105 157 323 157.895 323 159V161C323 162.105 322.105 163 321 163H301V170L300.992 170.309C300.837 173.377 298.377 175.837 295.309 175.992L295 176H75C71.7898 176 69.1684 173.479 69.0078 170.309L69 170V163H32C30.8954 163 30 162.105 30 161V159C30 157.895 30.8954 157 32 157H69V6C69 2.68629 71.6863 1.04692e-07 75 0H295L295.309 0.0078125ZM73 170C73 171.105 73.8954 172 75 172H295C296.105 172 297 171.105 297 170V25H73V170ZM18 157C19.1046 157 20 157.895 20 159V163H2C0.895431 163 3.22133e-08 162.105 0 161V159C0 157.895 0.895431 157 2 157H18ZM364 157C365.105 157 366 157.895 366 159V163H336C334.895 163 334 162.105 334 161V159C334 157.895 334.895 157 336 157H364ZM203 103.5C204.381 103.5 205.5 104.619 205.5 106V107C205.5 111.694 201.694 115.5 197 115.5H173C168.306 115.5 164.5 111.694 164.5 107V106C164.5 104.619 165.619 103.5 167 103.5C168.381 103.5 169.5 104.619 169.5 106V107C169.5 108.933 171.067 110.5 173 110.5H197C198.933 110.5 200.5 108.933 200.5 107V106C200.5 104.619 201.619 103.5 203 103.5ZM216 38C229.255 38 240 48.7452 240 62C240 67.8895 237.877 73.2819 234.356 77.458L243.938 87.0391C245.471 86.133 247.481 86.3392 248.799 87.6572L270.013 108.872L265.771 113.114C264.208 114.676 261.675 114.676 260.113 113.114L241.728 94.7285C240.41 93.4106 240.203 91.4011 241.109 89.8672L231.534 80.292C227.348 83.8509 221.925 86 216 86C202.745 86 192 75.2548 192 62C192 48.7452 202.745 38 216 38ZM216 43C205.507 43 197 51.5066 197 62C197 72.4934 205.507 81 216 81C226.493 81 235 72.4934 235 62C235 51.5066 226.493 43 216 43ZM154 57C158.266 57 162.087 59.6083 163.307 63.4795L163.416 63.8584L163.47 64.1084C163.67 65.3597 162.893 66.5837 161.642 66.916C160.391 67.2482 159.11 66.571 158.662 65.3857L158.584 65.1416L158.539 64.9863C158.033 63.3915 156.308 62 154 62C151.617 62 149.857 63.483 149.416 65.1416C149.062 66.476 147.693 67.2703 146.358 66.916C145.024 66.5616 144.23 65.1928 144.584 63.8584C145.667 59.7796 149.596 57 154 57ZM216 57C220.266 57 224.087 59.6083 225.307 63.4795L225.416 63.8584L225.47 64.1084C225.67 65.3597 224.893 66.5837 223.642 66.916C222.391 67.2482 221.11 66.571 220.662 65.3857L220.584 65.1416L220.539 64.9863C220.033 63.3915 218.308 62 216 62C213.617 62 211.857 63.483 211.416 65.1416C211.062 66.476 209.693 67.2703 208.358 66.916C207.024 66.5616 206.23 65.1928 206.584 63.8584C207.667 59.7796 211.596 57 216 57ZM75 4C73.8954 4 73 4.89543 73 6V21H297V6C297 4.89544 296.105 4 295 4H75ZM81.5 10C82.8807 10 84 11.1193 84 12.5C84 13.8807 82.8807 15 81.5 15C80.1193 15 79 13.8807 79 12.5C79 11.1193 80.1193 10 81.5 10ZM89.5 10C90.8807 10 92 11.1193 92 12.5C92 13.8807 90.8807 15 89.5 15C88.1193 15 87 13.8807 87 12.5C87 11.1193 88.1193 10 89.5 10ZM97.5 10C98.8807 10 100 11.1193 100 12.5C100 13.8807 98.8807 15 97.5 15C96.1193 15 95 13.8807 95 12.5C95 11.1193 96.1193 10 97.5 10Z" fill="#292A33"/>
11
+ <path d="M295 4C296.105 4 297 4.89543 297 6V21H73V6C73 4.89543 73.8954 4 75 4H295ZM81.5 10C80.1193 10 79 11.1193 79 12.5C79 13.8807 80.1193 15 81.5 15C82.8807 15 84 13.8807 84 12.5C84 11.1193 82.8807 10 81.5 10ZM89.5 10C88.1193 10 87 11.1193 87 12.5C87 13.8807 88.1193 15 89.5 15C90.8807 15 92 13.8807 92 12.5C92 11.1193 90.8807 10 89.5 10ZM97.5 10C96.1193 10 95 11.1193 95 12.5C95 13.8807 96.1193 15 97.5 15C98.8807 15 100 13.8807 100 12.5C100 11.1193 98.8807 10 97.5 10Z" fill="#E5E7EC"/>
12
+ <path d="M185 186C213.719 186 237 190.925 237 197C237 203.075 213.719 208 185 208C156.281 208 133 203.075 133 197C133 190.925 156.281 186 185 186ZM98 44C98.5523 44 99 44.4477 99 45V99C99 99.5523 98.5523 100 98 100H44C43.4477 100 43 99.5523 43 99V45C43 44.4477 43.4477 44 44 44H98Z" fill={fillSecondary}/>
13
+ <path d="M182 196C182 198.209 180.209 200 178 200H164C161.791 200 160 198.209 160 196C160 193.791 161.791 192 164 192H174V176H182V196ZM196 192H206C208.209 192 210 193.791 210 196C210 198.209 208.209 200 206 200H192C189.791 200 188 198.209 188 196V176H196V192ZM69 138L61 142L94.498 149.882C95.8084 145.886 99.5663 143 104 143H105.5C107.433 143 109 144.567 109 146.5C109 148.433 107.433 150 105.5 150H105C102.791 150 101 151.791 101 154C101 156.209 102.791 158 105 158H112.5C114.433 158 116 159.567 116 161.5C116 163.433 114.433 165 112.5 165H104C99.4699 165 95.6443 161.987 94.415 157.856L47.6064 146.367C44.9349 145.711 44.482 142.105 46.9082 140.808L69 129V138ZM265 98C268.402 98 273.248 100.17 274.622 106.354L312.642 114.672C315.957 115.397 316.92 119.662 314.237 121.741L301 132V122L304 120L274.217 114.235C272.08 119.337 266.221 120 265 120H257C254.5 120 253 118.5 253 116.5C253 114.5 254.5 113 257 113H264C266 113 268 111.5 268 109C268 106.5 267 106 266 105C265.2 104.2 262.333 101.193 261 99.8594C261 99.1927 261.8 98 265 98ZM98 40C100.761 40 103 42.2386 103 45V99C103 101.675 100.899 103.859 98.2568 103.993L98 104H44C41.3247 104 39.1405 101.899 39.0068 99.2568L39 99V45C39 42.2386 41.2386 40 44 40H98ZM44 44C43.4477 44 43 44.4477 43 45V99C43 99.5523 43.4477 100 44 100H98C98.5523 100 99 99.5523 99 99V45C99 44.4477 98.5523 44 98 44H44ZM65 72C69.0776 72 72.6772 74.036 74.8457 77.1445C74.8565 77.16 74.8682 77.1749 74.8789 77.1904C74.9594 77.3069 75.0369 77.4255 75.1133 77.5449C75.1316 77.5735 75.1499 77.6021 75.168 77.6309C75.2451 77.7537 75.3198 77.8781 75.3926 78.0039C75.4103 78.0344 75.4279 78.065 75.4453 78.0957C75.5123 78.214 75.5776 78.3333 75.6406 78.4541C75.6633 78.4974 75.6849 78.5413 75.707 78.585C75.7666 78.7025 75.8251 78.8207 75.8809 78.9404C75.8997 78.9808 75.9171 79.0219 75.9355 79.0625C75.99 79.1828 76.0442 79.3034 76.0947 79.4258C76.1189 79.4842 76.1408 79.5436 76.1641 79.6025C76.2066 79.7105 76.2496 79.8183 76.2891 79.9277C76.3044 79.9701 76.3182 80.0131 76.333 80.0557C76.4679 80.4432 76.5826 80.8396 76.6777 81.2441C76.6987 81.3331 76.7203 81.422 76.7393 81.5117C76.9086 82.3146 77 83.1467 77 84V86C77 87.1046 76.1046 88 75 88H55C53.8954 88 53 87.1046 53 86V84C53 77.3726 58.3726 72 65 72ZM80.5 70C85.1944 70 89 73.8056 89 78.5V80.2861C88.9998 81.2326 88.2326 81.9998 87.2861 82H78.8574C78.3506 78.4569 76.5178 75.3417 73.877 73.1738C75.435 71.2389 77.8224 70 80.5 70ZM65 56C68.866 56 72 59.134 72 63C72 66.866 68.866 70 65 70C61.134 70 58 66.866 58 63C58 59.134 61.134 56 65 56ZM80.5 57C83.5376 57 86 59.4624 86 62.5C86 65.5376 83.5376 68 80.5 68C77.4624 68 75 65.5376 75 62.5C75 59.4624 77.4624 57 80.5 57Z" fill={fillPrimary} />
14
+ <path d="M235 62C235 72.4934 226.493 81 216 81C205.507 81 197 72.4934 197 62C197 51.5066 205.507 43 216 43C226.493 43 235 51.5066 235 62Z" fill="#E4F4FD" fillOpacity="0.75"/>
89
15
  </svg>
90
16
  );
91
17
  };
package/src/components/atoms/icons/PaymentSearchIcon.js CHANGED
@@ -13,39 +13,6 @@ const PaymentSearchIcon = ({
13
13
  height="209"
14
14
  viewBox="0 0 366 209"
15
15
  >
16
- <defs>
17
- <rect
18
- id="payment-search-path-1"
19
- width="64"
20
- height="64"
21
- x="39"
22
- y="40"
23
- rx="6"
24
- ></rect>
25
- <filter
26
- id="payment-search-filter-2"
27
- width="178.1%"
28
- height="178.1%"
29
- x="-39.1%"
30
- y="-35.9%"
31
- filterUnits="objectBoundingBox"
32
- >
33
- <feOffset
34
- dy="2"
35
- in="SourceAlpha"
36
- result="shadowOffsetOuter1"
37
- ></feOffset>
38
- <feGaussianBlur
39
- in="shadowOffsetOuter1"
40
- result="shadowBlurOuter1"
41
- stdDeviation="8"
42
- ></feGaussianBlur>
43
- <feColorMatrix
44
- in="shadowBlurOuter1"
45
- values="0 0 0 0 0.192156863 0 0 0 0 0.490196078 0 0 0 0 0.309803922 0 0 0 0.5 0"
46
- ></feColorMatrix>
47
- </filter>
48
- </defs>
49
16
  <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
50
17
  <g transform="translate(-537 -466)">
51
18
  <g transform="translate(132 332)">
@@ -72,12 +39,6 @@ const PaymentSearchIcon = ({
72
39
  fillRule="nonzero"
73
40
  d="M216 58c4.207 0 7.903 2.689 9.348 6.641a2.5 2.5 0 01-4.635 1.87l-.061-.152c-.737-2.016-2.583-3.359-4.651-3.359-1.995 0-3.784 1.25-4.57 3.145l-.083.214a2.5 2.5 0 01-4.696-1.718c1.445-3.952 5.142-6.641 9.349-6.641z"
74
41
  ></path>
75
- <use
76
- fill="#000"
77
- fillOpacity="1"
78
- filter="url(#payment-search-filter-2)"
79
- xlinkHref="#payment-search-path-1"
80
- ></use>
81
42
  <path
82
43
  fill={fillSecondary}
83
44
  d="M185 185c28.719 0 52 5.373 52 12s-23.281 12-52 12c-28.718 0-52-5.373-52-12s23.282-12 52-12zM97 44a2 2 0 012 2v52a2 2 0 01-2 2H45a2 2 0 01-2-2V46a2 2 0 012-2h52zM74.134 56h-5.268c-.441 0-.806.304-.86.696l-.006.1v2.456c-4.391.845-7.029 3.74-7.144 7.532l-.004.26v.072c0 5.135 4.208 6.644 9.66 7.865 3.408.801 4.302 1.333 4.351 2.348l.002.093v.073c0 1.077-1.025 1.723-2.963 1.723-2.717 0-5.28-.875-7.66-2.542a.896.896 0 00-1.112.082l-.078.081-2.845 3.336a.84.84 0 00.11 1.21c2.061 1.596 4.522 2.668 7.182 3.207l.5.095.001 2.581c0 .37.3.677.688.725l.108.007h5.407c.403 0 .737-.275.79-.632l.007-.1v-2.602c4.212-.902 6.88-3.587 6.996-7.58l.004-.273v-.072c0-4.705-3.659-6.572-9.513-7.83-3.483-.767-4.411-1.263-4.462-2.344l-.002-.097v-.072c0-.934.842-1.616 2.562-1.616 2.041 0 4.32.669 6.462 2.007a.9.9 0 001.13-.126l.073-.089 2.566-3.556a.841.841 0 00-.185-1.18 14.999 14.999 0 00-5.178-2.318l-.451-.103-.002-2.62c0-.44-.388-.797-.866-.797z"