Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add new pictograms #29

Merged
merged 2 commits into from
Oct 7, 2024
Merged

Add new pictograms #29

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4eaf2f5
Add HomeWithDoor, PassbookWithBalance
Oct 7, 2024
8ed531f
Add assets
Oct 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions assets/icons/svgs/svgPictograms/HomeWithDoor.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
73 changes: 73 additions & 0 deletions assets/icons/svgs/svgPictograms/PassbookWithBalance.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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",
Expand Down
9 changes: 9 additions & 0 deletions src/iconSpecificStyles.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -532,6 +532,10 @@ export const iconSpecificStyles: IconStylesTypes = {
primary : "#FEB452",
},

[PictogramsNames.HomeWithDoor]: {
base : "#b7cde1",
},

[PictogramsNames.Hourglass]: {
base : "#b7cde1",
primary : "#00cfcf",
Expand Down Expand Up @@ -759,6 +763,11 @@ export const iconSpecificStyles: IconStylesTypes = {
tertiary : "#f2ad3d",
},

[PictogramsNames.PassbookWithBalance]: {
base : "#b7cde1",
primary : "#B3EAEB"
},

[PictogramsNames.Payments]: {
base : "#36a168",
primary : "#1275e5",
Expand Down
3 changes: 0 additions & 3 deletions src/icons/reactLineIcons/WarningSign.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
41 changes: 41 additions & 0 deletions src/icons/reactPictograms/HomeWithDoor.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
86 changes: 86 additions & 0 deletions src/icons/reactPictograms/PassbookWithBalance.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
2 changes: 2 additions & 0 deletions src/icons/reactPictograms/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -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";
Expand Down
2 changes: 2 additions & 0 deletions src/iconsIndex.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -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";
Expand Down
8 changes: 6 additions & 2 deletions src/iconsNames.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import { HomeWithDoor, PassbookWithBalance } from "iconsIndex";

// prettier-ignore
export const PictogramsNames = {
AA : "AA" ,
Expand Down Expand Up @@ -92,6 +94,7 @@ export const PictogramsNames = {
Headphones : "Headphones" ,
HeartWithCross : "HeartWithCross",
HomeWithBraces : "HomeWithBraces",
HomeWithDoor : "HomeWithDoor",
Hourglass : "Hourglass" ,
IdCard : "IdCard" ,
KYC : "KYC" ,
Expand Down Expand Up @@ -120,7 +123,7 @@ export const PictogramsNames = {
MobileWithRupee : "MobileWithRupee",
MobileWithTag : "MobileWithTag" ,
MobileWithUpi : "MobileWithUpi" ,
MobilityCard : "MobilityCard",
MobilityCard : "MobilityCard",
ModemPictogram : "ModemPictogram",
Newspaper : "Newspaper" ,
Note : "Note" ,
Expand All @@ -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" ,
Expand Down