Add new pictograms (#29)

* Add HomeWithDoor, PassbookWithBalance * Add assets --------- Co-authored-by: pankajdwivedi <pankaj@setu.co>
SetuHQ · Oct 7, 2024 · 49a5256 · 49a5256
1 parent eeba304
commit 49a5256
Show file tree

Hide file tree

Showing 10 changed files with 244 additions and 6 deletions.
diff --git a/assets/icons/svgs/svgPictograms/HomeWithDoor.svg b/assets/icons/svgs/svgPictograms/HomeWithDoor.svg
diff --git a/assets/icons/svgs/svgPictograms/PassbookWithBalance.svg b/assets/icons/svgs/svgPictograms/PassbookWithBalance.svg
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@setu/crucible-icons",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "description": "Crucible Icons package",
     "license": "MIT",
     "main": "./dist/cjs/index.js",

diff --git a/src/iconSpecificStyles.tsx b/src/iconSpecificStyles.tsx
@@ -532,6 +532,10 @@ export const iconSpecificStyles: IconStylesTypes = {
         primary     : "#FEB452",
     },
 
+    [PictogramsNames.HomeWithDoor]: {
+        base        : "#b7cde1",
+    },
+
     [PictogramsNames.Hourglass]: {
         base        : "#b7cde1",
         primary     : "#00cfcf",
@@ -759,6 +763,11 @@ export const iconSpecificStyles: IconStylesTypes = {
         tertiary    : "#f2ad3d",
     },
 
+    [PictogramsNames.PassbookWithBalance]: {
+        base        : "#b7cde1",
+        primary     : "#B3EAEB"
+    },
+
     [PictogramsNames.Payments]: {
         base        : "#36a168",
         primary     : "#1275e5",

diff --git a/src/icons/reactLineIcons/WarningSign.tsx b/src/icons/reactLineIcons/WarningSign.tsx
@@ -10,9 +10,6 @@ export const WarningSign = React.forwardRef<SVGSVGElement, LineIconProps>(
         return (
             <SVGLineIconWrapper {...props}>
                 <svg
-                    width={width}
-                    height={height}
-                    ref={forwardedRef}
                     id="Layer_1"
                     data-name="Layer 1"
                     xmlns="http://www.w3.org/2000/svg"

diff --git a/src/icons/reactPictograms/HomeWithDoor.tsx b/src/icons/reactPictograms/HomeWithDoor.tsx
@@ -0,0 +1,41 @@
+// GENERATED BY /script/build.js
+// DO NOT EDIT MANUALLY
+
+import * as React from "react";
+import { PictogramIconProps } from "../../types";
+import { SVGPictogramWrapper } from "../../styles";
+import { PictogramsNames } from "../../iconsNames";
+
+export const HomeWithDoor = React.forwardRef<SVGSVGElement, PictogramIconProps>(
+    ({ width = 64, height = 64, ...props }, forwardedRef) => {
+        return (
+            <SVGPictogramWrapper icon={PictogramsNames.HomeWithDoor} {...props}>
+                <svg
+                    width={width}
+                    height={height}
+                    ref={forwardedRef}
+                    viewBox="0 0 64 64"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <defs></defs>
+
+                    <path
+                        d="M4 25.0904C4 23.9046 4.61601 22.8038 5.62677 22.1836L30.2162 7.09458C31.3106 6.42304 32.6894 6.42304 33.7838 7.09458L58.3732 22.1836C59.384 22.8038 60 23.9046 60 25.0904V56.5895C60 58.4731 58.4731 60 56.5895 60H7.41053C5.52694 60 4 58.4731 4 56.5895V25.0904Z"
+                        className="base"
+                    />
+                    <g className="mix-blend-multiply">
+                        <path
+                            d="M26 42.8421C26 41.2725 27.2725 40 28.8421 40H35.1579C36.7275 40 38 41.2725 38 42.8421V60H26V42.8421Z"
+                            className="base"
+                        />
+                    </g>
+                </svg>
+            </SVGPictogramWrapper>
+        );
+    }
+);
+
+HomeWithDoor.displayName = "HomeWithDoor";
+
+export default HomeWithDoor;
diff --git a/src/icons/reactPictograms/PassbookWithBalance.tsx b/src/icons/reactPictograms/PassbookWithBalance.tsx
@@ -0,0 +1,86 @@
+// GENERATED BY /script/build.js
+// DO NOT EDIT MANUALLY
+
+import * as React from "react";
+import { PictogramIconProps } from "../../types";
+import { SVGPictogramWrapper } from "../../styles";
+import { PictogramsNames } from "../../iconsNames";
+
+export const PassbookWithBalance = React.forwardRef<SVGSVGElement, PictogramIconProps>(
+    ({ width = 64, height = 64, ...props }, forwardedRef) => {
+        return (
+            <SVGPictogramWrapper icon={PictogramsNames.PassbookWithBalance} {...props}>
+                <svg
+                    width={width}
+                    height={height}
+                    ref={forwardedRef}
+                    viewBox="0 0 64 64"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <defs></defs>
+                    <path
+                        d="M9.15178 33.001C9.41377 31.8314 10.452 31 11.6506 31H52.3494C53.548 31 54.5862 31.8314 54.8482 33.001L58.602 49.7591C59.319 52.9598 56.8844 56 53.6044 56H10.3956C7.11557 56 4.68101 52.9598 5.39796 49.7591L9.15178 33.001Z"
+                        fill="white"
+                    />
+                    <path
+                        d="M10 10.5607C10 9.14647 11.1465 8 12.5607 8H51.4393C52.8535 8 54 9.14647 54 10.5607V33H10V10.5607Z"
+                        fill="white"
+                    />
+                    <g className="mix-blend-multiply">
+                        <path
+                            d="M9.15178 33.001C9.41377 31.8314 10.452 31 11.6506 31H52.6157C53.8249 31 54.8693 31.8459 55.1206 33.0287L58.6861 49.8144C59.3628 53.0001 56.9332 56 53.6764 56H10.3956C7.11557 56 4.68101 52.9598 5.39796 49.7591L9.15178 33.001Z"
+                            className="base"
+                        />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <path
+                            d="M10 10.5607C10 9.14647 11.1465 8 12.5607 8H51.4393C52.8535 8 54 9.14647 54 10.5607V33H10V10.5607Z"
+                            className="base"
+                        />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="45" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="45" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="39" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="39" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <circle cx="19" cy="42" r="3" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <circle cx="19" cy="42" r="3" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="22" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="22" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="16" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <rect x="26" y="16" width="24" height="3" rx="1.5" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <circle cx="19" cy="19" r="3" className="primary" />
+                    </g>
+                    <g className="mix-blend-multiply">
+                        <circle cx="19" cy="19" r="3" className="primary" />
+                    </g>
+                </svg>
+            </SVGPictogramWrapper>
+        );
+    }
+);
+
+PassbookWithBalance.displayName = "PassbookWithBalance";
+
+export default PassbookWithBalance;
diff --git a/src/icons/reactPictograms/index.ts b/src/icons/reactPictograms/index.ts
@@ -89,6 +89,7 @@ export { default as Hat } from "./Hat";
 export { default as Headphones } from "./Headphones";
 export { default as HeartWithCross } from "./HeartWithCross";
 export { default as HomeWithBraces } from "./HomeWithBraces";
+export { default as HomeWithDoor } from "./HomeWithDoor";
 export { default as Hourglass } from "./Hourglass";
 export { default as IdCard } from "./IdCard";
 export { default as Integrity } from "./Integrity";
@@ -129,6 +130,7 @@ export { default as PaintRoller } from "./PaintRoller";
 export { default as PanWithExclamation } from "./PanWithExclamation";
 export { default as PaperWithCoin } from "./PaperWithCoin";
 export { default as Parchment } from "./Parchment";
+export { default as PassbookWithBalance } from "./PassbookWithBalance";
 export { default as Payments } from "./Payments";
 export { default as People } from "./People";
 export { default as PeopleWithCoin } from "./PeopleWithCoin";

diff --git a/src/iconsIndex.tsx b/src/iconsIndex.tsx
@@ -92,6 +92,7 @@ export { default as Hat } from "./icons/reactPictograms/Hat";
 export { default as Headphones } from "./icons/reactPictograms/Headphones";
 export { default as HeartWithCross } from "./icons/reactPictograms/HeartWithCross";
 export { default as HomeWithBraces } from "./icons/reactPictograms/HomeWithBraces";
+export { default as HomeWithDoor } from "./icons/reactPictograms/HomeWithDoor";
 export { default as Hourglass } from "./icons/reactPictograms/Hourglass";
 export { default as IdCard } from "./icons/reactPictograms/IdCard";
 export { default as Integrity } from "./icons/reactPictograms/Integrity";
@@ -132,6 +133,7 @@ export { default as PaintRoller } from "./icons/reactPictograms/PaintRoller";
 export { default as PanWithExclamation } from "./icons/reactPictograms/PanWithExclamation";
 export { default as PaperWithCoin } from "./icons/reactPictograms/PaperWithCoin";
 export { default as Parchment } from "./icons/reactPictograms/Parchment";
+export { default as PassbookWithBalance } from "./icons/reactPictograms/PassbookWithBalance";
 export { default as Payments } from "./icons/reactPictograms/Payments";
 export { default as People } from "./icons/reactPictograms/People";
 export { default as PeopleWithCoin } from "./icons/reactPictograms/PeopleWithCoin";

diff --git a/src/iconsNames.tsx b/src/iconsNames.tsx
@@ -1,3 +1,5 @@
+import { HomeWithDoor, PassbookWithBalance } from "iconsIndex";
+
 // prettier-ignore
 export const PictogramsNames = {
     AA                              : "AA" ,
@@ -92,6 +94,7 @@ export const PictogramsNames = {
     Headphones                      : "Headphones" ,
     HeartWithCross                  : "HeartWithCross",
     HomeWithBraces                  : "HomeWithBraces",
+    HomeWithDoor                    : "HomeWithDoor",
     Hourglass                       : "Hourglass" ,
     IdCard                          : "IdCard" ,
     KYC                             : "KYC" ,
@@ -120,7 +123,7 @@ export const PictogramsNames = {
     MobileWithRupee                 : "MobileWithRupee",
     MobileWithTag                   : "MobileWithTag" ,
     MobileWithUpi                   : "MobileWithUpi" ,
-    MobilityCard : "MobilityCard",
+    MobilityCard                    : "MobilityCard",
     ModemPictogram                  : "ModemPictogram",
     Newspaper                       : "Newspaper" ,
     Note                            : "Note" ,
@@ -129,9 +132,10 @@ export const PictogramsNames = {
     ONDC                            : "ONDC" ,
     OpenBoxWithBraces               : "OpenBoxWithBraces",
     PaintRoller                     : "PaintRoller" ,
-    PanWithExclamation                  : "PanWithExclamation",
+    PanWithExclamation              : "PanWithExclamation",
     PaperWithCoin                   : "PaperWithCoin",
     Parchment                       : "Parchment" ,
+    PassbookWithBalance             : "PassbookWithBalance",
     Payments                        : "Payments" ,
     People                          : "People",
     PeopleWithCoin                  : "PeopleWithCoin" ,