From 3c331bb5e9380363aa340059385fdd4ea1958aa6 Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Thu, 14 Sep 2023 17:46:12 +0200 Subject: [PATCH] Add new pictograms and icons --- src/components/icons/Icon.tsx | 6 +++ src/components/icons/svg/IconKey.tsx | 16 +++++++ src/components/icons/svg/IconNotification.tsx | 16 +++++++ src/components/icons/svg/IconOption.tsx | 16 +++++++ .../icons/svg/originals/IconKey.svg | 7 +++ .../icons/svg/originals/IconNotification.svg | 7 +++ .../icons/svg/originals/IconOption.svg | 7 +++ src/components/pictograms/Pictogram.tsx | 16 ++++++- .../pictograms/svg/PictogramBleedCie.tsx | 38 +++++++++++++++ .../pictograms/svg/PictogramBleedFeature.tsx | 46 +++++++++++++++++++ .../pictograms/svg/PictogramBleedSecurity.tsx | 38 +++++++++++++++ .../pictograms/svg/PictogramCie.tsx | 38 +++++++++++++++ .../pictograms/svg/PictogramFeature.tsx | 42 +++++++++++++++++ .../pictograms/svg/PictogramSecurity.tsx | 38 +++++++++++++++ .../svg/originals/PictogramBleedCie.svg | 30 ++++++++++++ .../svg/originals/PictogramBleedFeature.svg | 34 ++++++++++++++ .../svg/originals/PictogramBleedSecurity.svg | 26 +++++++++++ .../pictograms/svg/originals/PictogramCie.svg | 30 ++++++++++++ .../svg/originals/PictogramFeature.svg | 34 ++++++++++++++ .../svg/originals/PictogramSecurity.svg | 30 ++++++++++++ 20 files changed, 513 insertions(+), 2 deletions(-) create mode 100644 src/components/icons/svg/IconKey.tsx create mode 100644 src/components/icons/svg/IconNotification.tsx create mode 100644 src/components/icons/svg/IconOption.tsx create mode 100644 src/components/icons/svg/originals/IconKey.svg create mode 100644 src/components/icons/svg/originals/IconNotification.svg create mode 100644 src/components/icons/svg/originals/IconOption.svg create mode 100644 src/components/pictograms/svg/PictogramBleedCie.tsx create mode 100644 src/components/pictograms/svg/PictogramBleedFeature.tsx create mode 100644 src/components/pictograms/svg/PictogramBleedSecurity.tsx create mode 100644 src/components/pictograms/svg/PictogramCie.tsx create mode 100644 src/components/pictograms/svg/PictogramFeature.tsx create mode 100644 src/components/pictograms/svg/PictogramSecurity.tsx create mode 100644 src/components/pictograms/svg/originals/PictogramBleedCie.svg create mode 100644 src/components/pictograms/svg/originals/PictogramBleedFeature.svg create mode 100644 src/components/pictograms/svg/originals/PictogramBleedSecurity.svg create mode 100644 src/components/pictograms/svg/originals/PictogramCie.svg create mode 100644 src/components/pictograms/svg/originals/PictogramFeature.svg create mode 100644 src/components/pictograms/svg/originals/PictogramSecurity.svg diff --git a/src/components/icons/Icon.tsx b/src/components/icons/Icon.tsx index 0c2c19af..d2f83e6f 100644 --- a/src/components/icons/Icon.tsx +++ b/src/components/icons/Icon.tsx @@ -147,6 +147,9 @@ import LegIconCheckOff from "./svg/LegIconCheckOff"; import LegIconCheckOn from "./svg/LegIconCheckOn"; import LegIconRadioOff from "./svg/LegIconRadioOff"; import LegIconRadioOn from "./svg/LegIconRadioOn"; +import IconOption from "./svg/IconOption"; +import IconKey from "./svg/IconKey"; +import IconNotification from "./svg/IconNotification"; export const IOIcons = { archive: IconArchive, @@ -186,6 +189,8 @@ export const IOIcons = { docSign: IconDocumentSign, docAgree: IconAgreement, security: IconSecurity, + option: IconOption, + key: IconKey, docGiacenza: IconGiacenza, docAttach: IconDocumentAttachment, docAttachPDF: IconDocumentAttachmentPDF, @@ -227,6 +232,7 @@ export const IOIcons = { starEmpty: IconStarEmpty, switchOff: IconSwitchOff, device: IconDevice, + notification: IconNotification, dotMenu: IconDotMenu, barcode: IconBarcode, save: IconSave, diff --git a/src/components/icons/svg/IconKey.tsx b/src/components/icons/svg/IconKey.tsx new file mode 100644 index 00000000..c7a2d755 --- /dev/null +++ b/src/components/icons/svg/IconKey.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGIconProps } from "../Icon"; + +const IconKey = ({ size, style, ...props }: SVGIconProps) => ( + + + +); + +export default IconKey; diff --git a/src/components/icons/svg/IconNotification.tsx b/src/components/icons/svg/IconNotification.tsx new file mode 100644 index 00000000..6d85b612 --- /dev/null +++ b/src/components/icons/svg/IconNotification.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGIconProps } from "../Icon"; + +const IconNotification = ({ size, style, ...props }: SVGIconProps) => ( + + + +); + +export default IconNotification; diff --git a/src/components/icons/svg/IconOption.tsx b/src/components/icons/svg/IconOption.tsx new file mode 100644 index 00000000..c4919a07 --- /dev/null +++ b/src/components/icons/svg/IconOption.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGIconProps } from "../Icon"; + +const IconOption = ({ size, style, ...props }: SVGIconProps) => ( + + + +); + +export default IconOption; diff --git a/src/components/icons/svg/originals/IconKey.svg b/src/components/icons/svg/originals/IconKey.svg new file mode 100644 index 00000000..c2d1dfa1 --- /dev/null +++ b/src/components/icons/svg/originals/IconKey.svg @@ -0,0 +1,7 @@ + + + diff --git a/src/components/icons/svg/originals/IconNotification.svg b/src/components/icons/svg/originals/IconNotification.svg new file mode 100644 index 00000000..d6b1b4fa --- /dev/null +++ b/src/components/icons/svg/originals/IconNotification.svg @@ -0,0 +1,7 @@ + + + diff --git a/src/components/icons/svg/originals/IconOption.svg b/src/components/icons/svg/originals/IconOption.svg new file mode 100644 index 00000000..88c6c498 --- /dev/null +++ b/src/components/icons/svg/originals/IconOption.svg @@ -0,0 +1,7 @@ + + + diff --git a/src/components/pictograms/Pictogram.tsx b/src/components/pictograms/Pictogram.tsx index b78fd730..1269b861 100644 --- a/src/components/pictograms/Pictogram.tsx +++ b/src/components/pictograms/Pictogram.tsx @@ -50,16 +50,22 @@ import PictogramIdentity from "./svg/PictogramIdentity"; import PictogramAccessDenied from "./svg/PictogramAccessDenied"; import PictogramTime from "./svg/PictogramTime"; import PictogramStopSecurity from "./svg/PictogramStopSecurity"; +import PictogramSecurity from "./svg/PictogramSecurity"; import PictogramPasscode from "./svg/PictogramPasscode"; import PictogramIdentityCheck from "./svg/PictogramIdentityCheck"; import PictogramTrash from "./svg/PictogramTrash"; import PictogramCharity from "./svg/PictogramCharity"; import PictogramEmpty from "./svg/PictogramEmpty"; +import PictogramCie from "./svg/PictogramCie"; +import PictogramFeature from "./svg/PictogramFeature"; /* Bleed Pictograms */ import PictogramBleedCharity from "./svg/PictogramBleedCharity"; import PictogramBleedHelp from "./svg/PictogramBleedHelp"; import PictogramBleedITWallet from "./svg/PictogramBleedITWallet"; import PictogramBleedFeedback from "./svg/PictogramBleedFeedback"; +import PictogramBleedSecurity from "./svg/PictogramBleedSecurity"; +import PictogramBleedFeature from "./svg/PictogramBleedFeature"; +import PictogramBleedCie from "./svg/PictogramBleedCie"; export const IOPictograms = { // Start legacy pictograms // @@ -98,6 +104,7 @@ export const IOPictograms = { manual: PictogramManual, trash: PictogramTrash, empty: PictogramEmpty, + feature: PictogramFeature, charity: PictogramCharity, attention: PictogramAttention, emptyArchive: PictogramEmptyArchive, @@ -115,6 +122,8 @@ export const IOPictograms = { identityCheck: PictogramIdentityCheck, accessDenied: PictogramAccessDenied, stopSecurity: PictogramStopSecurity, + security: PictogramSecurity, + cie: PictogramCie, time: PictogramTime, passcode: PictogramPasscode }; @@ -152,7 +161,7 @@ export const Pictogram = ({ */ export type IOPictogramsBleed = Extract< - "charity" | "help" | "feedback" | "itWallet", + "charity" | "help" | "feedback" | "itWallet" | "security" | "feature" | "cie", IOPictograms >; @@ -162,7 +171,10 @@ export const IOPictogramsBleed: { charity: PictogramBleedCharity, help: PictogramBleedHelp, feedback: PictogramBleedFeedback, - itWallet: PictogramBleedITWallet + itWallet: PictogramBleedITWallet, + security: PictogramBleedSecurity, + feature: PictogramBleedFeature, + cie: PictogramBleedCie }; export const PictogramBleed = ({ diff --git a/src/components/pictograms/svg/PictogramBleedCie.tsx b/src/components/pictograms/svg/PictogramBleedCie.tsx new file mode 100644 index 00000000..7fe5f413 --- /dev/null +++ b/src/components/pictograms/svg/PictogramBleedCie.tsx @@ -0,0 +1,38 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramBleedCie = ({ size, color, ...props }: SVGPictogramProps) => ( + + + + + + + + + +); + +export default PictogramBleedCie; diff --git a/src/components/pictograms/svg/PictogramBleedFeature.tsx b/src/components/pictograms/svg/PictogramBleedFeature.tsx new file mode 100644 index 00000000..013ae03d --- /dev/null +++ b/src/components/pictograms/svg/PictogramBleedFeature.tsx @@ -0,0 +1,46 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramBleedFeature = ({ + size, + color, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + +); + +export default PictogramBleedFeature; diff --git a/src/components/pictograms/svg/PictogramBleedSecurity.tsx b/src/components/pictograms/svg/PictogramBleedSecurity.tsx new file mode 100644 index 00000000..8b03c992 --- /dev/null +++ b/src/components/pictograms/svg/PictogramBleedSecurity.tsx @@ -0,0 +1,38 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramBleedSecurity = ({ + size, + color, + ...props +}: SVGPictogramProps) => ( + + + + + + + + +); + +export default PictogramBleedSecurity; diff --git a/src/components/pictograms/svg/PictogramCie.tsx b/src/components/pictograms/svg/PictogramCie.tsx new file mode 100644 index 00000000..53904a52 --- /dev/null +++ b/src/components/pictograms/svg/PictogramCie.tsx @@ -0,0 +1,38 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramCie = ({ size, color, ...props }: SVGPictogramProps) => ( + + + + + + + + + +); + +export default PictogramCie; diff --git a/src/components/pictograms/svg/PictogramFeature.tsx b/src/components/pictograms/svg/PictogramFeature.tsx new file mode 100644 index 00000000..0198721b --- /dev/null +++ b/src/components/pictograms/svg/PictogramFeature.tsx @@ -0,0 +1,42 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramFeature = ({ size, color, ...props }: SVGPictogramProps) => ( + + + + + + + + + + +); + +export default PictogramFeature; diff --git a/src/components/pictograms/svg/PictogramSecurity.tsx b/src/components/pictograms/svg/PictogramSecurity.tsx new file mode 100644 index 00000000..0a0345ec --- /dev/null +++ b/src/components/pictograms/svg/PictogramSecurity.tsx @@ -0,0 +1,38 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramSecurity = ({ size, color, ...props }: SVGPictogramProps) => ( + + + + + + + + + +); + +export default PictogramSecurity; diff --git a/src/components/pictograms/svg/originals/PictogramBleedCie.svg b/src/components/pictograms/svg/originals/PictogramBleedCie.svg new file mode 100644 index 00000000..5a2b1d12 --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramBleedCie.svg @@ -0,0 +1,30 @@ + + + + + + + + + diff --git a/src/components/pictograms/svg/originals/PictogramBleedFeature.svg b/src/components/pictograms/svg/originals/PictogramBleedFeature.svg new file mode 100644 index 00000000..fa14ca6e --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramBleedFeature.svg @@ -0,0 +1,34 @@ + + + + + + + + + + diff --git a/src/components/pictograms/svg/originals/PictogramBleedSecurity.svg b/src/components/pictograms/svg/originals/PictogramBleedSecurity.svg new file mode 100644 index 00000000..a1e31f91 --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramBleedSecurity.svg @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/src/components/pictograms/svg/originals/PictogramCie.svg b/src/components/pictograms/svg/originals/PictogramCie.svg new file mode 100644 index 00000000..1f8853bc --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramCie.svg @@ -0,0 +1,30 @@ + + + + + + + + + diff --git a/src/components/pictograms/svg/originals/PictogramFeature.svg b/src/components/pictograms/svg/originals/PictogramFeature.svg new file mode 100644 index 00000000..6ecfd565 --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramFeature.svg @@ -0,0 +1,34 @@ + + + + + + + + + + diff --git a/src/components/pictograms/svg/originals/PictogramSecurity.svg b/src/components/pictograms/svg/originals/PictogramSecurity.svg new file mode 100644 index 00000000..39fef996 --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramSecurity.svg @@ -0,0 +1,30 @@ + + + + + + + + +