@thecb/components 7.3.2-beta.1 → 7.3.2-beta.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "7.3.2-beta.1",
3
+ "version": "7.3.2-beta.2",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
@@ -0,0 +1,48 @@
1
+ import React from "react";
2
+ import { fallbackValues } from "./Icons.theme";
3
+ import { themeComponent } from "../../../util/themeUtils";
4
+
5
+ const FindIconSmall = ({ themeValues }) => {
6
+ return (
7
+ <svg
8
+ width="20"
9
+ height="20"
10
+ viewBox="0 0 20 20"
11
+ fill="none"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ >
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M11.4142 4.34313C13.1295 6.05839 13.338 8.70983 12.0397 10.6527L15.9968 14.6098C16.1921 14.805 16.1921 15.1216 15.9968 15.3169L15.4665 15.8472C15.2712 16.0425 14.9546 16.0425 14.7594 15.8472L10.8287 11.9165C8.87269 13.3493 6.1108 13.1818 4.34315 11.4142C2.39053 9.46157 2.39053 6.29575 4.34315 4.34313C6.29577 2.39051 9.4616 2.39051 11.4142 4.34313ZM10.4246 10.4246C11.7915 9.05777 11.7915 6.84169 10.4246 5.47486C9.05779 4.10802 6.84171 4.10802 5.47488 5.47486C4.10804 6.84169 4.10804 9.05777 5.47488 10.4246C6.84171 11.7914 9.05779 11.7914 10.4246 10.4246Z"
18
+ fill={themeValues.singleIconColor}
19
+ />
20
+ <mask
21
+ id="mask0_0_1287"
22
+ style={{ maskType: "alpha" }}
23
+ maskUnits="userSpaceOnUse"
24
+ x="2"
25
+ y="2"
26
+ width="15"
27
+ height="14"
28
+ >
29
+ <path
30
+ fillRule="evenodd"
31
+ clipRule="evenodd"
32
+ d="M11.4142 4.34313C13.1295 6.05839 13.338 8.70983 12.0397 10.6527L15.9968 14.6098C16.1921 14.805 16.1921 15.1216 15.9968 15.3169L15.4665 15.8472C15.2712 16.0425 14.9546 16.0425 14.7594 15.8472L10.8287 11.9165C8.87269 13.3493 6.1108 13.1818 4.34315 11.4142C2.39053 9.46157 2.39053 6.29575 4.34315 4.34313C6.29577 2.39051 9.4616 2.39051 11.4142 4.34313ZM10.4246 10.4246C11.7915 9.05777 11.7915 6.84169 10.4246 5.47486C9.05779 4.10802 6.84171 4.10802 5.47488 5.47486C4.10804 6.84169 4.10804 9.05777 5.47488 10.4246C6.84171 11.7914 9.05779 11.7914 10.4246 10.4246Z"
33
+ fill="white"
34
+ />
35
+ </mask>
36
+ <g mask="url(#mask0_0_1287)">
37
+ <rect width="20" height="20" fill={themeValues.singleIconColor} />
38
+ </g>
39
+ </svg>
40
+ );
41
+ };
42
+
43
+ export default themeComponent(
44
+ FindIconSmall,
45
+ "Icons",
46
+ fallbackValues,
47
+ "primary"
48
+ );
@@ -61,6 +61,7 @@ import WalletBannerIcon from "./WalletBannerIcon";
61
61
  import StandardCheckoutImage from "./StandardCheckoutImage";
62
62
  import GuidedCheckoutImage from "./GuidedCheckoutImage";
63
63
  import ProfileImage from "./ProfileImage";
64
+ import FindIconSmall from "./FindIconSmall";
64
65
 
65
66
  export {
66
67
  AccountsIcon,
@@ -125,5 +126,6 @@ export {
125
126
  WalletBannerIcon,
126
127
  StandardCheckoutImage,
127
128
  GuidedCheckoutImage,
128
- ProfileImage
129
+ ProfileImage,
130
+ FindIconSmall
129
131
  };