From 4a66a67eab3cb663f381aedf9d937e1bfdc8ec0e Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 22 Nov 2023 09:34:48 +0100 Subject: [PATCH] [IOAPPFD0-188] Update pictogram set (#140) ## Short description This PR adds new pictograms to the set. ## List of changes proposed in this pull request - Add the following pictograms: - `qrCode` (also with bleed variant) - `lostConnection` (also with bleed variant) - `emailDotNotif` - `emailDotCheck` - `biometric` - Update timestamp value ### Preview ## How to test 1. Launch the example app 2. Go to the **Pictograms** page --------- Co-authored-by: Cristiano Tofani --- src/components/pictograms/Pictogram.tsx | 20 +++- .../pictograms/svg/PictogramBiometric.tsx | 78 ++++++++++++++ .../svg/PictogramBleedLostConnection.tsx | 66 ++++++++++++ .../pictograms/svg/PictogramBleedQrCode.tsx | 86 +++++++++++++++ .../pictograms/svg/PictogramEmailDotCheck.tsx | 53 +++++++++ .../pictograms/svg/PictogramEmailDotNotif.tsx | 51 +++++++++ .../svg/PictogramLostConnection.tsx | 58 ++++++++++ .../pictograms/svg/PictogramQrCode.tsx | 102 ++++++++++++++++++ .../svg/originals/PictogramBiometric.svg | 1 + .../PictogramBleedLostConnection.svg | 1 + .../svg/originals/PictogramBleedQrCode.svg | 1 + .../svg/originals/PictogramEmailDotCheck.svg | 41 +++++++ .../svg/originals/PictogramEmailDotNotif.svg | 35 ++++++ .../svg/originals/PictogramLostConnection.svg | 1 + .../svg/originals/PictogramQrCode.svg | 1 + src/components/pictograms/timestamp.txt | 2 +- 16 files changed, 594 insertions(+), 3 deletions(-) create mode 100644 src/components/pictograms/svg/PictogramBiometric.tsx create mode 100644 src/components/pictograms/svg/PictogramBleedLostConnection.tsx create mode 100644 src/components/pictograms/svg/PictogramBleedQrCode.tsx create mode 100644 src/components/pictograms/svg/PictogramEmailDotCheck.tsx create mode 100644 src/components/pictograms/svg/PictogramEmailDotNotif.tsx create mode 100644 src/components/pictograms/svg/PictogramLostConnection.tsx create mode 100644 src/components/pictograms/svg/PictogramQrCode.tsx create mode 100644 src/components/pictograms/svg/originals/PictogramBiometric.svg create mode 100644 src/components/pictograms/svg/originals/PictogramBleedLostConnection.svg create mode 100644 src/components/pictograms/svg/originals/PictogramBleedQrCode.svg create mode 100644 src/components/pictograms/svg/originals/PictogramEmailDotCheck.svg create mode 100644 src/components/pictograms/svg/originals/PictogramEmailDotNotif.svg create mode 100644 src/components/pictograms/svg/originals/PictogramLostConnection.svg create mode 100644 src/components/pictograms/svg/originals/PictogramQrCode.svg diff --git a/src/components/pictograms/Pictogram.tsx b/src/components/pictograms/Pictogram.tsx index 3ab4563b..d7ab5104 100644 --- a/src/components/pictograms/Pictogram.tsx +++ b/src/components/pictograms/Pictogram.tsx @@ -119,6 +119,13 @@ import PictogramActivate from "./svg/PictogramActivate"; import PictogramNFCScanAndroid from "./svg/PictogramNFCScanAndroid"; import PictogramNFCScaniOS from "./svg/PictogramNFCScaniOS"; import PictogramAttachment from "./svg/PictogramAttachment"; +import PictogramLostConnection from "./svg/PictogramLostConnection"; +import PictogramQrCode from "./svg/PictogramQrCode"; +import PictogramBleedQrCode from "./svg/PictogramBleedQrCode"; +import PictogramEmailDotNotif from "./svg/PictogramEmailDotNotif"; +import PictogramEmailDotCheck from "./svg/PictogramEmailDotCheck"; +import PictogramBiometric from "./svg/PictogramBiometric"; +import PictogramBleedLostConnection from "./svg/PictogramBleedLostConnection"; export const IOPictograms = { // Start legacy pictograms // @@ -194,6 +201,11 @@ export const IOPictograms = { nfcScanAndroid: PictogramNFCScanAndroid, nfcScaniOS: PictogramNFCScaniOS, attachment: PictogramAttachment, + lostConnection: PictogramLostConnection, + qrCode: PictogramQrCode, + emailDotNotif: PictogramEmailDotNotif, + emailDotCheck: PictogramEmailDotCheck, + biometric: PictogramBiometric, // Start Objects Pictogram ibanCard: PictogramObjIbanCard, followMessage: PictogramObjFollowMessage, @@ -313,7 +325,9 @@ export type IOPictogramsBleed = Extract< | "star" | "doc" | "notification" - | "star", + | "star" + | "qrCode" + | "lostConnection", IOPictograms >; @@ -352,7 +366,9 @@ export const IOPictogramsBleed: { fatalError: PictogramBleedFatalError, notification: PictogramBleedNotification, star: PictogramBleedStar, - doc: PictogramBleedDoc + doc: PictogramBleedDoc, + qrCode: PictogramBleedQrCode, + lostConnection: PictogramBleedLostConnection }; export const PictogramBleed = ({ diff --git a/src/components/pictograms/svg/PictogramBiometric.tsx b/src/components/pictograms/svg/PictogramBiometric.tsx new file mode 100644 index 00000000..b8c61cb4 --- /dev/null +++ b/src/components/pictograms/svg/PictogramBiometric.tsx @@ -0,0 +1,78 @@ +import React from "react"; +import { Svg, Path, Circle } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramBiometric = ({ + size, + colorValues, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + + + + + + + + + + +); + +export default PictogramBiometric; diff --git a/src/components/pictograms/svg/PictogramBleedLostConnection.tsx b/src/components/pictograms/svg/PictogramBleedLostConnection.tsx new file mode 100644 index 00000000..b154c989 --- /dev/null +++ b/src/components/pictograms/svg/PictogramBleedLostConnection.tsx @@ -0,0 +1,66 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramBleedLostConnection = ({ + size, + colorValues, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + + + + + + +); + +export default PictogramBleedLostConnection; diff --git a/src/components/pictograms/svg/PictogramBleedQrCode.tsx b/src/components/pictograms/svg/PictogramBleedQrCode.tsx new file mode 100644 index 00000000..eb939b10 --- /dev/null +++ b/src/components/pictograms/svg/PictogramBleedQrCode.tsx @@ -0,0 +1,86 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramBleedQrCode = ({ + size, + colorValues, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + + + + + + + + + + + +); + +export default PictogramBleedQrCode; diff --git a/src/components/pictograms/svg/PictogramEmailDotCheck.tsx b/src/components/pictograms/svg/PictogramEmailDotCheck.tsx new file mode 100644 index 00000000..ca45f7c4 --- /dev/null +++ b/src/components/pictograms/svg/PictogramEmailDotCheck.tsx @@ -0,0 +1,53 @@ +import React from "react"; +import { Svg, Path, Circle } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramEmailDotCheck = ({ + size, + colorValues, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + + +); + +export default PictogramEmailDotCheck; diff --git a/src/components/pictograms/svg/PictogramEmailDotNotif.tsx b/src/components/pictograms/svg/PictogramEmailDotNotif.tsx new file mode 100644 index 00000000..ef728f5d --- /dev/null +++ b/src/components/pictograms/svg/PictogramEmailDotNotif.tsx @@ -0,0 +1,51 @@ +import React from "react"; +import { Svg, Path, Circle } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramEmailDotNotif = ({ + size, + colorValues, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + + +); + +export default PictogramEmailDotNotif; diff --git a/src/components/pictograms/svg/PictogramLostConnection.tsx b/src/components/pictograms/svg/PictogramLostConnection.tsx new file mode 100644 index 00000000..0e65c9ae --- /dev/null +++ b/src/components/pictograms/svg/PictogramLostConnection.tsx @@ -0,0 +1,58 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramLostConnection = ({ + size, + colorValues, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + + + + +); + +export default PictogramLostConnection; diff --git a/src/components/pictograms/svg/PictogramQrCode.tsx b/src/components/pictograms/svg/PictogramQrCode.tsx new file mode 100644 index 00000000..61527da7 --- /dev/null +++ b/src/components/pictograms/svg/PictogramQrCode.tsx @@ -0,0 +1,102 @@ +import React from "react"; +import { Svg, Path } from "react-native-svg"; +import { SVGPictogramProps } from "../Pictogram"; + +const PictogramQrCode = ({ + size, + colorValues, + ...props +}: SVGPictogramProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + +); + +export default PictogramQrCode; diff --git a/src/components/pictograms/svg/originals/PictogramBiometric.svg b/src/components/pictograms/svg/originals/PictogramBiometric.svg new file mode 100644 index 00000000..e79384a0 --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramBiometric.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/pictograms/svg/originals/PictogramBleedLostConnection.svg b/src/components/pictograms/svg/originals/PictogramBleedLostConnection.svg new file mode 100644 index 00000000..86946f12 --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramBleedLostConnection.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/pictograms/svg/originals/PictogramBleedQrCode.svg b/src/components/pictograms/svg/originals/PictogramBleedQrCode.svg new file mode 100644 index 00000000..2e6ac8b4 --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramBleedQrCode.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/pictograms/svg/originals/PictogramEmailDotCheck.svg b/src/components/pictograms/svg/originals/PictogramEmailDotCheck.svg new file mode 100644 index 00000000..e0c6285c --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramEmailDotCheck.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + diff --git a/src/components/pictograms/svg/originals/PictogramEmailDotNotif.svg b/src/components/pictograms/svg/originals/PictogramEmailDotNotif.svg new file mode 100644 index 00000000..794409ff --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramEmailDotNotif.svg @@ -0,0 +1,35 @@ + + + + + + + + + + diff --git a/src/components/pictograms/svg/originals/PictogramLostConnection.svg b/src/components/pictograms/svg/originals/PictogramLostConnection.svg new file mode 100644 index 00000000..5ec6299c --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramLostConnection.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/pictograms/svg/originals/PictogramQrCode.svg b/src/components/pictograms/svg/originals/PictogramQrCode.svg new file mode 100644 index 00000000..37275f4b --- /dev/null +++ b/src/components/pictograms/svg/originals/PictogramQrCode.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/pictograms/timestamp.txt b/src/components/pictograms/timestamp.txt index b4466809..5b641a8b 100644 --- a/src/components/pictograms/timestamp.txt +++ b/src/components/pictograms/timestamp.txt @@ -1 +1 @@ -2023-10-30T13:28:58.366Z +2023-11-21T15:05:06.100Z \ No newline at end of file