@thecb/components 7.7.5-beta.2 → 7.7.5-beta.7

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 (25) hide show
  1. package/dist/index.cjs.js +8 -733
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +9 -718
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/.DS_Store +0 -0
  7. package/src/components/atoms/icons/index.js +1 -33
  8. package/src/components/atoms/searchable-select/SearchableSelect.js +19 -21
  9. package/src/components/molecules/.DS_Store +0 -0
  10. package/src/components/atoms/icons/ArrowDownCircleIconSmall.js +0 -47
  11. package/src/components/atoms/icons/ArrowLeftCircleIconMedium.js +0 -47
  12. package/src/components/atoms/icons/ArrowLeftCircleIconSmall.js +0 -47
  13. package/src/components/atoms/icons/ArrowRightCircleIconSmall.js +0 -40
  14. package/src/components/atoms/icons/ArrowUpCircleIconSmall.js +0 -47
  15. package/src/components/atoms/icons/BankIconLarge.js +0 -33
  16. package/src/components/atoms/icons/ChargebackIconMedium.js +0 -34
  17. package/src/components/atoms/icons/ChargebackIconSmall.js +0 -34
  18. package/src/components/atoms/icons/ChargebackReversalIconMedium.js +0 -34
  19. package/src/components/atoms/icons/ChargebackReversalIconSmall.js +0 -34
  20. package/src/components/atoms/icons/RefundIconMedium.js +0 -40
  21. package/src/components/atoms/icons/RefundIconSmall.js +0 -40
  22. package/src/components/atoms/icons/SuccessfulIconMedium.js +0 -53
  23. package/src/components/atoms/icons/SuccessfulIconSmall.js +0 -59
  24. package/src/components/atoms/icons/XCircleIconMedium.js +0 -40
  25. package/src/components/atoms/icons/XCircleIconSmall.js +0 -40
package/src/components/atoms/icons/SuccessfulIconMedium.js DELETED
@@ -1,53 +0,0 @@
1
- import React from "react";
2
-
3
- const SuccessfulIconMedium = ({ color = "#317D4F" }) => (
4
- <svg
5
- width="24"
6
- height="24"
7
- viewBox="0 0 24 24"
8
- fill="none"
9
- xmlns="http://www.w3.org/2000/svg"
10
- >
11
- <circle cx="12" cy="12" r="12" fill={color} />
12
- <mask
13
- id="mask0_0_680"
14
- style={{ maskType: "luminance" }}
15
- maskUnits="userSpaceOnUse"
16
- x="0"
17
- y="0"
18
- width="24"
19
- height="24"
20
- >
21
- <circle cx="12" cy="12" r="12" fill="white" />
22
- </mask>
23
- <g mask="url(#mask0_0_680)">
24
- <path
25
- fillRule="evenodd"
26
- clipRule="evenodd"
27
- d="M17.6672 7.35354C17.472 7.15828 17.1554 7.15828 16.9601 7.35354L10.2426 14.0711L7.76775 11.5962C7.57249 11.4009 7.25591 11.4009 7.06065 11.5962L6.35354 12.3033C6.15828 12.4985 6.15828 12.8151 6.35354 13.0104L9.18167 15.8385C9.18177 15.8386 9.18187 15.8387 9.18197 15.8388L9.88907 16.5459C10.0843 16.7412 10.4009 16.7412 10.5962 16.5459L11.3033 15.8388C11.3034 15.8387 11.3036 15.8386 11.3037 15.8384L18.3744 8.76775C18.5696 8.57249 18.5696 8.25591 18.3744 8.06065L17.6672 7.35354Z"
28
- fill="white"
29
- />
30
- <mask
31
- id="mask1_0_680"
32
- style={{ maskType: "luminance" }}
33
- maskUnits="userSpaceOnUse"
34
- x="6"
35
- y="7"
36
- width="13"
37
- height="10"
38
- >
39
- <path
40
- fillRule="evenodd"
41
- clipRule="evenodd"
42
- d="M17.6672 7.35354C17.472 7.15828 17.1554 7.15828 16.9601 7.35354L10.2426 14.0711L7.76775 11.5962C7.57249 11.4009 7.25591 11.4009 7.06065 11.5962L6.35354 12.3033C6.15828 12.4985 6.15828 12.8151 6.35354 13.0104L9.18167 15.8385C9.18177 15.8386 9.18187 15.8387 9.18197 15.8388L9.88907 16.5459C10.0843 16.7412 10.4009 16.7412 10.5962 16.5459L11.3033 15.8388C11.3034 15.8387 11.3036 15.8386 11.3037 15.8384L18.3744 8.76775C18.5696 8.57249 18.5696 8.25591 18.3744 8.06065L17.6672 7.35354Z"
43
- fill="white"
44
- />
45
- </mask>
46
- <g mask="url(#mask1_0_680)">
47
- <rect x="2" y="2" width="20" height="20" fill="white" />
48
- </g>
49
- </g>
50
- </svg>
51
- );
52
-
53
- export default SuccessfulIconMedium;
package/src/components/atoms/icons/SuccessfulIconSmall.js DELETED
@@ -1,59 +0,0 @@
1
- import React from "react";
2
-
3
- const SuccessfulIconSmall = () => (
4
- <svg
5
- width="20"
6
- height="20"
7
- viewBox="0 0 20 20"
8
- fill="none"
9
- xmlns="http://www.w3.org/2000/svg"
10
- >
11
- <circle cx="10" cy="10" r="10" fill="#317D4F" />
12
- <mask
13
- id="mask0_1409_494"
14
- style={{ maskType: "luminance" }}
15
- maskUnits="userSpaceOnUse"
16
- x="0"
17
- y="0"
18
- width="20"
19
- height="20"
20
- >
21
- <circle cx="10" cy="10" r="10" fill="white" />
22
- </mask>
23
- <g mask="url(#mask0_1409_494)">
24
- <path
25
- fillRule="evenodd"
26
- clipRule="evenodd"
27
- d="M14.7817 6.18688C14.5864 5.99162 14.2698 5.99162 14.0746 6.18688L8.53558 11.7259L6.53211 9.72242C6.33685 9.52715 6.02027 9.52715 5.825 9.72242L5.3536 10.1938C5.15834 10.3891 5.15834 10.7057 5.3536 10.9009L7.71062 13.2579L8.18203 13.7294C8.37729 13.9246 8.69387 13.9246 8.88913 13.7294L9.36054 13.258C9.36068 13.2578 9.36082 13.2577 9.36096 13.2575L15.2531 7.36539C15.4484 7.17013 15.4484 6.85355 15.2531 6.65829L14.7817 6.18688Z"
28
- fill="white"
29
- />
30
- <mask
31
- id="mask1_1409_494"
32
- style={{ maskType: "luminance" }}
33
- maskUnits="userSpaceOnUse"
34
- x="5"
35
- y="6"
36
- width="11"
37
- height="8"
38
- >
39
- <path
40
- fillRule="evenodd"
41
- clipRule="evenodd"
42
- d="M14.7817 6.18688C14.5864 5.99162 14.2698 5.99162 14.0746 6.18688L8.53558 11.7259L6.53211 9.72242C6.33685 9.52715 6.02027 9.52715 5.825 9.72242L5.3536 10.1938C5.15834 10.3891 5.15834 10.7057 5.3536 10.9009L7.71062 13.2579L8.18203 13.7294C8.37729 13.9246 8.69387 13.9246 8.88913 13.7294L9.36054 13.258C9.36068 13.2578 9.36082 13.2577 9.36096 13.2575L15.2531 7.36539C15.4484 7.17013 15.4484 6.85355 15.2531 6.65829L14.7817 6.18688Z"
43
- fill="white"
44
- />
45
- </mask>
46
- <g mask="url(#mask1_1409_494)">
47
- <rect
48
- x="1.66669"
49
- y="1.66666"
50
- width="16.6667"
51
- height="16.6667"
52
- fill="white"
53
- />
54
- </g>
55
- </g>
56
- </svg>
57
- );
58
-
59
- export default SuccessfulIconSmall;
package/src/components/atoms/icons/XCircleIconMedium.js DELETED
@@ -1,40 +0,0 @@
1
- import React from "react";
2
-
3
- const XCircleIconMedium = ({ color = "#D11053" }) => (
4
- <svg
5
- width="24"
6
- height="24"
7
- viewBox="0 0 24 24"
8
- fill="none"
9
- xmlns="http://www.w3.org/2000/svg"
10
- >
11
- <circle cx="12" cy="12" r="12" fill={color} />
12
- <path
13
- fillRule="evenodd"
14
- clipRule="evenodd"
15
- d="M7.35355 8.07502C7.15829 8.27028 7.15829 8.58686 7.35355 8.78212L10.5714 12L7.35355 15.2179C7.15829 15.4131 7.15829 15.7297 7.35355 15.925L8.07502 16.6464C8.27028 16.8417 8.58686 16.8417 8.78212 16.6464L12 13.4286L15.2179 16.6464C15.4131 16.8417 15.7297 16.8417 15.925 16.6464L16.6464 15.925C16.8417 15.7297 16.8417 15.4131 16.6464 15.2179L13.4286 12L16.6464 8.78212C16.8417 8.58686 16.8417 8.27028 16.6464 8.07502L15.925 7.35355C15.7297 7.15829 15.4131 7.15829 15.2179 7.35355L12 10.5714L8.78212 7.35355C8.58686 7.15829 8.27028 7.15829 8.07502 7.35355L7.35355 8.07502Z"
16
- fill="white"
17
- />
18
- <mask
19
- id="mask0_0_637"
20
- style={{ maskType: "luminance" }}
21
- maskUnits="userSpaceOnUse"
22
- x="7"
23
- y="7"
24
- width="10"
25
- height="10"
26
- >
27
- <path
28
- fillRule="evenodd"
29
- clipRule="evenodd"
30
- d="M7.35355 8.07502C7.15829 8.27028 7.15829 8.58686 7.35355 8.78212L10.5714 12L7.35355 15.2179C7.15829 15.4131 7.15829 15.7297 7.35355 15.925L8.07502 16.6464C8.27028 16.8417 8.58686 16.8417 8.78212 16.6464L12 13.4286L15.2179 16.6464C15.4131 16.8417 15.7297 16.8417 15.925 16.6464L16.6464 15.925C16.8417 15.7297 16.8417 15.4131 16.6464 15.2179L13.4286 12L16.6464 8.78212C16.8417 8.58686 16.8417 8.27028 16.6464 8.07502L15.925 7.35355C15.7297 7.15829 15.4131 7.15829 15.2179 7.35355L12 10.5714L8.78212 7.35355C8.58686 7.15829 8.27028 7.15829 8.07502 7.35355L7.35355 8.07502Z"
31
- fill="white"
32
- />
33
- </mask>
34
- <g mask="url(#mask0_0_637)">
35
- <path d="M0 0H24V24H0V0Z" fill="white" />
36
- </g>
37
- </svg>
38
- );
39
-
40
- export default XCircleIconMedium;
package/src/components/atoms/icons/XCircleIconSmall.js DELETED
@@ -1,40 +0,0 @@
1
- import React from "react";
2
-
3
- const XCircleIconSmall = ({ color = "#D11053" }) => (
4
- <svg
5
- width="21"
6
- height="20"
7
- viewBox="0 0 21 20"
8
- fill="none"
9
- xmlns="http://www.w3.org/2000/svg"
10
- >
11
- <circle cx="10.5" cy="10" r="10" fill={color} />
12
- <path
13
- fillRule="evenodd"
14
- clipRule="evenodd"
15
- d="M13.8298 6.18691C13.6345 5.99165 13.3179 5.99165 13.1227 6.18691L10.5 8.80955L7.87739 6.18691C7.68213 5.99165 7.36554 5.99165 7.17028 6.18691L6.68691 6.67028C6.49165 6.86554 6.49165 7.18213 6.68691 7.37739L9.30955 10L6.68691 12.6227C6.49165 12.8179 6.49165 13.1345 6.68691 13.3298L7.17028 13.8131C7.36554 14.0084 7.68213 14.0084 7.87739 13.8131L10.5 11.1905L13.1227 13.8131C13.3179 14.0084 13.6345 14.0084 13.8298 13.8131L14.3131 13.3298C14.5084 13.1345 14.5084 12.8179 14.3131 12.6227L11.6905 10L14.3131 7.37739C14.5084 7.18213 14.5084 6.86554 14.3131 6.67028L13.8298 6.18691Z"
16
- fill="white"
17
- />
18
- <mask
19
- id="mask0_1409_671"
20
- style={{ maskType: "luminance" }}
21
- maskUnits="userSpaceOnUse"
22
- x="6"
23
- y="6"
24
- width="9"
25
- height="8"
26
- >
27
- <path
28
- fillRule="evenodd"
29
- clipRule="evenodd"
30
- d="M13.8298 6.18691C13.6345 5.99165 13.3179 5.99165 13.1227 6.18691L10.5 8.80955L7.87739 6.18691C7.68213 5.99165 7.36554 5.99165 7.17028 6.18691L6.68691 6.67028C6.49165 6.86554 6.49165 7.18213 6.68691 7.37739L9.30955 10L6.68691 12.6227C6.49165 12.8179 6.49165 13.1345 6.68691 13.3298L7.17028 13.8131C7.36554 14.0084 7.68213 14.0084 7.87739 13.8131L10.5 11.1905L13.1227 13.8131C13.3179 14.0084 13.6345 14.0084 13.8298 13.8131L14.3131 13.3298C14.5084 13.1345 14.5084 12.8179 14.3131 12.6227L11.6905 10L14.3131 7.37739C14.5084 7.18213 14.5084 6.86554 14.3131 6.67028L13.8298 6.18691Z"
31
- fill="white"
32
- />
33
- </mask>
34
- <g mask="url(#mask0_1409_671)">
35
- <path d="M0.5 0H20.5V20H0.5V0Z" fill="white" />
36
- </g>
37
- </svg>
38
- );
39
-
40
- export default XCircleIconSmall;