@thecb/components 11.5.1 → 11.5.2-beta.0
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 +123 -1041
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -3
- package/dist/index.esm.js +123 -1033
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/{atoms/.DS_Store → .DS_Store} +0 -0
- package/src/components/atoms/button-with-action/index.d.ts +0 -1
- package/src/components/atoms/icons/GuidedCheckoutImage.js +15 -89
- package/src/components/atoms/icons/Icons.stories.js +2 -10
- package/src/components/atoms/icons/KioskImage.js +26 -231
- package/src/components/atoms/icons/PointOfSaleImage.d.ts +1 -0
- package/src/components/atoms/icons/PointOfSaleImage.js +44 -0
- package/src/components/atoms/icons/ProfileImage.js +34 -60
- package/src/components/atoms/icons/RevenueManagementImage.js +20 -161
- package/src/components/atoms/icons/StandardCheckoutImage.js +17 -111
- package/src/components/atoms/icons/index.d.ts +1 -1
- package/src/components/atoms/icons/index.js +3 -19
- package/src/components/molecules/obligation/modules/InactiveControlsModule.js +1 -7
- package/src/components/molecules/obligation/modules/RemoveAccountModalModule.js +1 -4
- package/src/util/general.js +5 -1
- package/src/components/atoms/icons/AmExSmallIcon.js +0 -52
- package/src/components/atoms/icons/BankGenericSmallIcon.js +0 -48
- package/src/components/atoms/icons/CashSmallIcon.js +0 -21
- package/src/components/atoms/icons/CashieringImage.d.ts +0 -1
- package/src/components/atoms/icons/CashieringImage.js +0 -254
- package/src/components/atoms/icons/DiscoverSmallIcon.js +0 -135
- package/src/components/atoms/icons/GenericSmallIcon.js +0 -25
- package/src/components/atoms/icons/MasterCardSmallIcon.js +0 -33
- package/src/components/atoms/icons/VisaSmallIcon.js +0 -38
- package/src/components/atoms/icons/WireSmallIcon.js +0 -22
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
const MasterCardSmallIcon = () => {
|
|
4
|
-
return (
|
|
5
|
-
<svg
|
|
6
|
-
width="24"
|
|
7
|
-
height="16"
|
|
8
|
-
viewBox="0 0 24 16"
|
|
9
|
-
fill="none"
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
>
|
|
12
|
-
<rect width="24" height="16" rx="1" fill="#F6F6F9" />
|
|
13
|
-
<path
|
|
14
|
-
d="M14.4736 3.37988H9.51318V12.2939H14.4736V3.37988Z"
|
|
15
|
-
fill="#FF5F00"
|
|
16
|
-
/>
|
|
17
|
-
<path
|
|
18
|
-
d="M9.82814 7.83688C9.82736 6.9784 10.0219 6.13099 10.397 5.35881C10.7722 4.58662 11.318 3.90991 11.9934 3.37989C11.1571 2.72254 10.1527 2.31374 9.09506 2.20022C8.03741 2.08671 6.96917 2.27304 6.01242 2.73794C5.05567 3.20284 4.24902 3.92755 3.68467 4.82922C3.12032 5.7309 2.82104 6.77316 2.82104 7.83688C2.82104 8.9006 3.12032 9.94286 3.68467 10.8445C4.24902 11.7462 5.05567 12.4709 6.01242 12.9358C6.96917 13.4007 8.03741 13.5871 9.09506 13.4735C10.1527 13.36 11.1571 12.9512 11.9934 12.2939C11.3181 11.7638 10.7722 11.0871 10.397 10.3149C10.0219 9.54276 9.82736 8.69536 9.82814 7.83688Z"
|
|
19
|
-
fill="#EB001B"
|
|
20
|
-
/>
|
|
21
|
-
<path
|
|
22
|
-
d="M21.1655 7.83688C21.1655 8.90058 20.8663 9.94284 20.3019 10.8445C19.7376 11.7462 18.931 12.4709 17.9743 12.9358C17.0175 13.4007 15.9493 13.587 14.8917 13.4735C13.834 13.36 12.8297 12.9512 11.9934 12.2939C12.6681 11.7633 13.2136 11.0865 13.5887 10.3144C13.9637 9.54237 14.1586 8.69522 14.1586 7.83688C14.1586 6.97853 13.9637 6.13139 13.5887 5.35933C13.2136 4.58727 12.6681 3.91044 11.9934 3.37989C12.8297 2.72254 13.834 2.31374 14.8917 2.20022C15.9493 2.08671 17.0175 2.27305 17.9743 2.73796C18.931 3.20286 19.7376 3.92757 20.3019 4.82924C20.8663 5.73092 21.1655 6.77317 21.1655 7.83688Z"
|
|
23
|
-
fill="#F79E1B"
|
|
24
|
-
/>
|
|
25
|
-
<path
|
|
26
|
-
d="M20.6247 11.3497V11.1672H20.6983V11.1301H20.5109V11.1672H20.5845V11.3497H20.6247ZM20.9885 11.3497V11.1297H20.9311L20.865 11.281L20.7989 11.1297H20.7414V11.3497H20.782V11.1838L20.844 11.3269H20.886L20.948 11.1834V11.3497H20.9885Z"
|
|
27
|
-
fill="#F79E1B"
|
|
28
|
-
/>
|
|
29
|
-
</svg>
|
|
30
|
-
);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export default MasterCardSmallIcon;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
const VisaSmallIcon = () => {
|
|
4
|
-
return (
|
|
5
|
-
<svg
|
|
6
|
-
width="24"
|
|
7
|
-
height="16"
|
|
8
|
-
viewBox="0 0 24 16"
|
|
9
|
-
fill="none"
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
>
|
|
12
|
-
<path
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
clipRule="evenodd"
|
|
15
|
-
d="M23.2387 16H0.761973C0.340958 16 0 15.6492 0 15.2168V0.783232C0 0.3508 0.340958 0 0.761973 0H23.2387C23.6598 0 24 0.3508 24 0.783232V15.2168C24 15.6492 23.6598 16 23.2387 16Z"
|
|
16
|
-
fill="#F6F6F9"
|
|
17
|
-
/>
|
|
18
|
-
<g clipPath="url(#clip0_3693_1186)">
|
|
19
|
-
<path
|
|
20
|
-
d="M10.075 5.09143L7.98023 10.0892H6.61357L5.58274 6.10076C5.52016 5.8551 5.46574 5.7651 5.27541 5.6616C4.96466 5.49301 4.4515 5.33485 4 5.23668L4.03067 5.09143H6.23057C6.51099 5.09143 6.76307 5.2781 6.82674 5.60101L7.37115 8.493L8.71664 5.09135H10.075V5.09143ZM15.4298 8.45758C15.4353 7.13851 13.6058 7.06584 13.6184 6.47659C13.6223 6.29726 13.793 6.10659 14.1668 6.05793C14.352 6.03368 14.8624 6.01518 15.4414 6.28159L15.6684 5.22177C15.3574 5.10885 14.9571 5.00018 14.4591 5.00018C13.1812 5.00018 12.2819 5.67951 12.2743 6.65226C12.266 7.37175 12.9162 7.77325 13.406 8.01233C13.9099 8.25717 14.079 8.4145 14.0771 8.6335C14.0735 8.96875 13.6752 9.11675 13.303 9.12258C12.6531 9.13258 12.276 8.94675 11.9755 8.807L11.7411 9.90191C12.0432 10.0405 12.6008 10.1614 13.1789 10.1675C14.5371 10.1675 15.4256 9.49658 15.4298 8.45758ZM18.8043 10.0893H20L18.9563 5.09143H17.8526C17.6044 5.09143 17.3951 5.23593 17.3024 5.4581L15.3624 10.0892H16.7199L16.9894 9.34274H18.6482L18.8043 10.0892V10.0893ZM17.3617 8.3185L18.0422 6.44201L18.4338 8.3185H17.3617ZM11.9222 5.09143L10.8531 10.0892H9.5603L10.6298 5.09143H11.9222Z"
|
|
21
|
-
fill="#1434CB"
|
|
22
|
-
/>
|
|
23
|
-
</g>
|
|
24
|
-
<defs>
|
|
25
|
-
<clipPath id="clip0_3693_1186">
|
|
26
|
-
<rect
|
|
27
|
-
width="16"
|
|
28
|
-
height="5.16731"
|
|
29
|
-
fill="white"
|
|
30
|
-
transform="translate(4 5)"
|
|
31
|
-
/>
|
|
32
|
-
</clipPath>
|
|
33
|
-
</defs>
|
|
34
|
-
</svg>
|
|
35
|
-
);
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
export default VisaSmallIcon;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
const WireSmallIcon = () => {
|
|
4
|
-
return (
|
|
5
|
-
<svg
|
|
6
|
-
width="24"
|
|
7
|
-
height="16"
|
|
8
|
-
viewBox="0 0 24 16"
|
|
9
|
-
fill="none"
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
>
|
|
12
|
-
<rect x="0.5" y="0.5" width="23" height="15" rx="1.5" fill="#E4F4FD" />
|
|
13
|
-
<rect x="0.5" y="0.5" width="23" height="15" rx="1.5" stroke="#15749D" />
|
|
14
|
-
<path
|
|
15
|
-
d="M12.667 7.33324V10.6662H14V7.33324H12.667ZM10 10.6662H11.333V7.33324H10V10.6662ZM15.333 10.6662H15.75C15.888 10.6662 15.9999 10.7783 16 10.9162V11.7502C15.9998 11.8881 15.8879 12.0002 15.75 12.0002H8.25C8.11206 12.0002 8.00021 11.8881 8 11.7502V10.9162C8.00015 10.7783 8.11202 10.6662 8.25 10.6662H8.66699V7.33324H8.25C8.11195 7.33324 8.00003 7.22128 8 7.08324V6.15453C8 6.05983 8.05398 5.97324 8.13867 5.93089L11.8887 4.05589C11.9589 4.02092 12.0411 4.02092 12.1113 4.05589L15.8613 5.93089C15.946 5.97324 16 6.05983 16 6.15453V7.08324C16 7.22128 15.8881 7.33324 15.75 7.33324H15.333V10.6662Z"
|
|
16
|
-
fill="#15749D"
|
|
17
|
-
/>
|
|
18
|
-
</svg>
|
|
19
|
-
);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export default WireSmallIcon;
|