@thecb/components 10.1.2-beta.0 → 10.1.2-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.
- package/dist/index.cjs.js +15 -45
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -3
- package/dist/index.esm.js +16 -45
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/icons/ShoppingCartIcon.js +20 -38
- package/src/components/atoms/icons/icons.stories.js +1 -3
- package/src/components/atoms/icons/index.d.ts +0 -1
- package/src/components/atoms/icons/index.js +1 -3
- package/src/components/atoms/icons/MultiCartIcon.d.ts +0 -1
- package/src/components/atoms/icons/MultiCartIcon.js +0 -20
package/package.json
CHANGED
|
@@ -1,43 +1,25 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
|
-
const ShoppingCartIcon = (
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
in="SourceGraphic"
|
|
17
|
-
type="matrix"
|
|
18
|
-
values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
|
|
19
|
-
></feColorMatrix>
|
|
20
|
-
</filter>
|
|
21
|
-
</defs>
|
|
22
|
-
<g
|
|
23
|
-
id="cart-badge-Icon---Cart-Empty"
|
|
24
|
-
stroke="none"
|
|
25
|
-
strokeWidth="1"
|
|
26
|
-
fill="none"
|
|
27
|
-
fillRule="evenodd"
|
|
3
|
+
const ShoppingCartIcon = ({
|
|
4
|
+
iconFill = "#FFFFFF",
|
|
5
|
+
iconWidth = "32",
|
|
6
|
+
iconHeight = "32",
|
|
7
|
+
iconStyle
|
|
8
|
+
}) => {
|
|
9
|
+
return (
|
|
10
|
+
<svg
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
width={iconWidth}
|
|
13
|
+
height={iconHeight}
|
|
14
|
+
viewBox={`0 0 ${iconWidth} ${iconHeight}`}
|
|
15
|
+
style={iconStyle}
|
|
28
16
|
>
|
|
29
|
-
<
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
></path>
|
|
37
|
-
</g>
|
|
38
|
-
</g>
|
|
39
|
-
</g>
|
|
40
|
-
</svg>
|
|
41
|
-
);
|
|
17
|
+
<path
|
|
18
|
+
d="M22.6875 13.4336C22.6016 13.6914 22.4727 13.9062 22.3008 14.0352C22.1289 14.207 21.9141 14.25 21.6992 14.25H9.10938L9.36719 15.625H20.9258C21.2266 15.625 21.4844 15.7539 21.6992 16.0117C21.8711 16.2695 21.957 16.5703 21.9141 16.8711L21.6562 17.9453C22.0859 18.1602 22.3867 18.4609 22.6445 18.8477C22.9023 19.2344 23.0312 19.6641 23.0312 20.0938C23.0312 20.7812 22.7734 21.3398 22.3008 21.8125C21.8281 22.2852 21.2695 22.5 20.625 22.5C19.9375 22.5 19.3789 22.2852 18.9062 21.8125C18.4336 21.3398 18.2188 20.7812 18.2188 20.0938C18.2188 19.4062 18.4336 18.8477 18.9492 18.375H9.92578C10.3984 18.8477 10.6562 19.4062 10.6562 20.0938C10.6562 20.7812 10.3984 21.3398 9.92578 21.8125C9.45312 22.2852 8.89453 22.5 8.25 22.5C7.5625 22.5 7.00391 22.2852 6.53125 21.8125C6.05859 21.3398 5.84375 20.7812 5.84375 20.0938C5.84375 19.6641 5.92969 19.2773 6.14453 18.8906C6.35938 18.5469 6.66016 18.2461 7.04688 17.9883L4.03906 3.25H1.03125C0.730469 3.25 0.472656 3.16406 0.300781 2.94922C0.0859375 2.77734 0 2.51953 0 2.21875V1.53125C0 1.27344 0.0859375 1.01562 0.300781 0.800781C0.472656 0.628906 0.730469 0.5 1.03125 0.5H5.45703C5.67188 0.5 5.88672 0.585938 6.05859 0.757812C6.23047 0.929688 6.35938 1.10156 6.44531 1.31641L6.83203 3.25H23.7188C24.0625 3.25 24.3203 3.37891 24.5352 3.63672C24.707 3.89453 24.793 4.19531 24.707 4.49609L22.6875 13.4336Z"
|
|
19
|
+
fill={iconFill}
|
|
20
|
+
/>
|
|
21
|
+
</svg>
|
|
22
|
+
);
|
|
23
|
+
};
|
|
42
24
|
|
|
43
25
|
export default ShoppingCartIcon;
|
|
@@ -39,8 +39,7 @@ import {
|
|
|
39
39
|
VoidedIcon,
|
|
40
40
|
StatusUnknownIcon,
|
|
41
41
|
AutopayIcon,
|
|
42
|
-
KebabMenuIcon
|
|
43
|
-
MultiCartIcon
|
|
42
|
+
KebabMenuIcon
|
|
44
43
|
} from "./index";
|
|
45
44
|
|
|
46
45
|
const story = page({
|
|
@@ -87,4 +86,3 @@ export const voidedIcon = () => <VoidedIcon />;
|
|
|
87
86
|
export const statusUnknownIcon = () => <StatusUnknownIcon />;
|
|
88
87
|
export const autopayIcon = () => <AutopayIcon />;
|
|
89
88
|
export const kebabMenuIcon = () => <KebabMenuIcon />;
|
|
90
|
-
export const multiCartIcon = () => <MultiCartIcon />;
|
|
@@ -87,7 +87,6 @@ import ChargebackIconMedium from "./ChargebackIconMedium";
|
|
|
87
87
|
import ChargebackReversalIconMedium from "./ChargebackReversalIconMedium";
|
|
88
88
|
import PlusCircleIcon from "./PlusCircleIcon";
|
|
89
89
|
import KebabMenuIcon from "./KebabMenuIcon";
|
|
90
|
-
import MultiCartIcon from "./MultiCartIcon";
|
|
91
90
|
|
|
92
91
|
export {
|
|
93
92
|
AccountsIcon,
|
|
@@ -178,6 +177,5 @@ export {
|
|
|
178
177
|
ChargebackIconMedium,
|
|
179
178
|
ChargebackReversalIconMedium,
|
|
180
179
|
PlusCircleIcon,
|
|
181
|
-
KebabMenuIcon
|
|
182
|
-
MultiCartIcon
|
|
180
|
+
KebabMenuIcon
|
|
183
181
|
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const MultiCartIcon: JSX.Element;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
const MultiCartIcon = ({ iconFill = "#3B5BDB", iconStyle }) => {
|
|
4
|
-
return (
|
|
5
|
-
<svg
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
width="20"
|
|
8
|
-
height="17"
|
|
9
|
-
viewBox="0 0 20 17"
|
|
10
|
-
style={iconStyle}
|
|
11
|
-
>
|
|
12
|
-
<path
|
|
13
|
-
d="M22.6875 13.4336C22.6016 13.6914 22.4727 13.9062 22.3008 14.0352C22.1289 14.207 21.9141 14.25 21.6992 14.25H9.10938L9.36719 15.625H20.9258C21.2266 15.625 21.4844 15.7539 21.6992 16.0117C21.8711 16.2695 21.957 16.5703 21.9141 16.8711L21.6562 17.9453C22.0859 18.1602 22.3867 18.4609 22.6445 18.8477C22.9023 19.2344 23.0312 19.6641 23.0312 20.0938C23.0312 20.7812 22.7734 21.3398 22.3008 21.8125C21.8281 22.2852 21.2695 22.5 20.625 22.5C19.9375 22.5 19.3789 22.2852 18.9062 21.8125C18.4336 21.3398 18.2188 20.7812 18.2188 20.0938C18.2188 19.4062 18.4336 18.8477 18.9492 18.375H9.92578C10.3984 18.8477 10.6562 19.4062 10.6562 20.0938C10.6562 20.7812 10.3984 21.3398 9.92578 21.8125C9.45312 22.2852 8.89453 22.5 8.25 22.5C7.5625 22.5 7.00391 22.2852 6.53125 21.8125C6.05859 21.3398 5.84375 20.7812 5.84375 20.0938C5.84375 19.6641 5.92969 19.2773 6.14453 18.8906C6.35938 18.5469 6.66016 18.2461 7.04688 17.9883L4.03906 3.25H1.03125C0.730469 3.25 0.472656 3.16406 0.300781 2.94922C0.0859375 2.77734 0 2.51953 0 2.21875V1.53125C0 1.27344 0.0859375 1.01562 0.300781 0.800781C0.472656 0.628906 0.730469 0.5 1.03125 0.5H5.45703C5.67188 0.5 5.88672 0.585938 6.05859 0.757812C6.23047 0.929688 6.35938 1.10156 6.44531 1.31641L6.83203 3.25H23.7188C24.0625 3.25 24.3203 3.37891 24.5352 3.63672C24.707 3.89453 24.793 4.19531 24.707 4.49609L22.6875 13.4336Z"
|
|
14
|
-
fill={iconFill}
|
|
15
|
-
/>
|
|
16
|
-
</svg>
|
|
17
|
-
);
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export default MultiCartIcon;
|