@thecb/components 10.2.3-beta.0 → 10.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "10.2.3-beta.0",
+  "version": "10.2.3",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/icons/TrashIconV2.d.ts

@@ -0,0 +1 @@
+export const TrashIconV2: JSX.Element;

package/src/components/atoms/icons/TrashIconV2.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+
+const TrashIconV2 = ({ themeValues, iconFill }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+      viewBox="0 0 18 18"
+      fill="none"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.5 4H14V6H4V4H6.5L7.21429 3H10.7857L11.5 4ZM6.99048 15C6.25714 15 5.65714 14.4857 5.65714 13.8571L4.85714 7H12.8571L12.0571 13.8571C12.0571 14.4857 11.4571 15 10.7238 15H6.99048Z"
+        fill={iconFill ?? themeValues.singleIconColor}
+      />
+      <mask
+        id="mask0_4292_11876"
+        style={{ maskType: "luminance" }}
+        maskUnits="userSpaceOnUse"
+        x="4"
+        y="3"
+        width="10"
+        height="12"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M11.5 4H14V6H4V4H6.5L7.21429 3H10.7857L11.5 4ZM6.99048 15C6.25714 15 5.65714 14.4857 5.65714 13.8571L4.85714 7H12.8571L12.0571 13.8571C12.0571 14.4857 11.4571 15 10.7238 15H6.99048Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_4292_11876)"></g>
+    </svg>
+  );
+};
+
+export default themeComponent(TrashIconV2, "Icons", fallbackValues, "primary");

package/src/components/atoms/icons/icons.stories.js

@@ -41,7 +41,8 @@ import {
   AutopayIcon,
   KebabMenuIcon,
   MultiCartIcon,
-  CloseIcon
+  CloseIcon,
+  TrashIconV2
 } from "./index";
 
 const story = page({
@@ -90,3 +91,4 @@ export const autopayIcon = () => <AutopayIcon />;
 export const kebabMenuIcon = () => <KebabMenuIcon />;
 export const multiCartIcon = () => <MultiCartIcon />;
 export const closeIcon = () => <CloseIcon />;
+export const trashIconV2 = () => <TrashIconV2 />;

package/src/components/atoms/icons/index.d.ts

@@ -24,3 +24,4 @@ export * from "./XCircleIconSmall";
 export * from "./KebabMenuIcon";
 export * from "./MultiCartIcon";
 export * from "./CloseIcon";
+export * from "./TrashIconV2";

package/src/components/atoms/icons/index.js

@@ -89,6 +89,7 @@ import PlusCircleIcon from "./PlusCircleIcon";
 import KebabMenuIcon from "./KebabMenuIcon";
 import MultiCartIcon from "./MultiCartIcon";
 import CloseIcon from "./CloseIcon";
+import TrashIconV2 from "./TrashIconV2";
 
 export {
   AccountsIcon,
@@ -181,5 +182,6 @@ export {
   PlusCircleIcon,
   KebabMenuIcon,
   MultiCartIcon,
-  CloseIcon
+  CloseIcon,
+  TrashIconV2
 };