@pagopa/io-app-design-system 2.0.4 → 2.0.5
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/lib/commonjs/components/alert/Alert.js +12 -5
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +5 -1
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +2 -0
- package/lib/commonjs/components/banner/__test__/banner.test.js +4 -2
- package/lib/commonjs/components/banner/__test__/banner.test.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +6 -2
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/icons/svg/IconNavQrWallet.js +28 -0
- package/lib/commonjs/components/icons/svg/IconNavQrWallet.js.map +1 -0
- package/lib/commonjs/components/icons/svg/originals/IconNavQrWallet.svg +1 -0
- package/lib/module/components/alert/Alert.js +14 -7
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/banner/Banner.js +5 -1
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +2 -0
- package/lib/module/components/banner/__test__/banner.test.js +4 -2
- package/lib/module/components/banner/__test__/banner.test.js.map +1 -1
- package/lib/module/components/icons/Icon.js +7 -3
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/icons/svg/IconNavQrWallet.js +20 -0
- package/lib/module/components/icons/svg/IconNavQrWallet.js.map +1 -0
- package/lib/module/components/icons/svg/originals/IconNavQrWallet.svg +1 -0
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +2 -0
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/icons/svg/IconNavQrWallet.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconNavQrWallet.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +27 -7
- package/src/components/banner/Banner.tsx +6 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +2 -0
- package/src/components/banner/__test__/banner.test.tsx +2 -0
- package/src/components/icons/Icon.tsx +7 -3
- package/src/components/icons/svg/IconNavQrWallet.tsx +16 -0
- package/src/components/icons/svg/originals/IconNavQrWallet.svg +1 -0
|
@@ -135,6 +135,7 @@ import IconNavServices from "./svg/IconNavServices";
|
|
|
135
135
|
import IconNavServicesFocused from "./svg/IconNavServicesFocused";
|
|
136
136
|
import IconNavWallet from "./svg/IconNavWallet";
|
|
137
137
|
import IconNavWalletFocused from "./svg/IconNavWalletFocused";
|
|
138
|
+
import IconNavQrWallet from "./svg/IconNavQrWallet";
|
|
138
139
|
import IconNotes from "./svg/IconNotes";
|
|
139
140
|
import IconNotice from "./svg/IconNotice";
|
|
140
141
|
import IconNoticeFilled from "./svg/IconNoticeFilled";
|
|
@@ -199,7 +200,7 @@ import LegIconCheckOff from "./svg/LegIconCheckOff";
|
|
|
199
200
|
import LegIconCheckOn from "./svg/LegIconCheckOn";
|
|
200
201
|
import LegIconRadioOff from "./svg/LegIconRadioOff";
|
|
201
202
|
import LegIconRadioOn from "./svg/LegIconRadioOn";
|
|
202
|
-
import IconCieLetter from
|
|
203
|
+
import IconCieLetter from "./svg/IconCieLetter";
|
|
203
204
|
|
|
204
205
|
export const IOIcons = {
|
|
205
206
|
spid: IconSpid,
|
|
@@ -360,6 +361,7 @@ export const IOIcons = {
|
|
|
360
361
|
navMessagesFocused: IconNavMessagesFocused,
|
|
361
362
|
navWallet: IconNavWallet,
|
|
362
363
|
navWalletFocused: IconNavWalletFocused,
|
|
364
|
+
navQrWallet: IconNavQrWallet,
|
|
363
365
|
navScan: IconNavScan,
|
|
364
366
|
navServices: IconNavServices,
|
|
365
367
|
navServicesFocused: IconNavServicesFocused,
|
|
@@ -517,7 +519,8 @@ const {
|
|
|
517
519
|
navMessagesFocused,
|
|
518
520
|
navWalletFocused,
|
|
519
521
|
navServicesFocused,
|
|
520
|
-
navProfileFocused
|
|
522
|
+
navProfileFocused,
|
|
523
|
+
navQrWallet
|
|
521
524
|
} = IOIcons;
|
|
522
525
|
|
|
523
526
|
export const IONavIcons = {
|
|
@@ -530,7 +533,8 @@ export const IONavIcons = {
|
|
|
530
533
|
navMessagesFocused,
|
|
531
534
|
navWalletFocused,
|
|
532
535
|
navServicesFocused,
|
|
533
|
-
navProfileFocused
|
|
536
|
+
navProfileFocused,
|
|
537
|
+
navQrWallet
|
|
534
538
|
} as const;
|
|
535
539
|
|
|
536
540
|
export type IONavIcons = keyof typeof IONavIcons;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Svg, Path } from "react-native-svg";
|
|
3
|
+
import { SVGIconProps } from "../types";
|
|
4
|
+
|
|
5
|
+
const IconNavQrWallet = ({ size, style, ...props }: SVGIconProps) => (
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
|
|
7
|
+
<Path
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
fillRule="evenodd"
|
|
10
|
+
d="M14.666 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.886 4.05A8 8 0 0 1 22.666 20a1 1 0 1 0 2 0 10 10 0 0 0-10.347-9.994c.6.531 1.038 1.24 1.233 2.043ZM2.667 18a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm-2-7.25a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm4 .25a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5Zm5-2.25a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm3 4.75a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2h-3a1 1 0 1 1 0-2h2.75a.25.25 0 0 0 .25-.25V19a1 1 0 0 1 1-1Zm-3 1a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
/>
|
|
13
|
+
</Svg>
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
export default IconNavQrWallet;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24"><path fill="#2B2E38" fill-rule="evenodd" d="M14.666 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.886 4.05A8 8 0 0 1 22.666 20a1 1 0 1 0 2 0 10 10 0 0 0-10.347-9.994c.6.531 1.038 1.24 1.233 2.043ZM2.667 18a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm-2-7.25a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2Zm4 .25a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5Zm5-2.25a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2Zm0 2.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5Zm3 4.75a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2h-3a1 1 0 1 1 0-2h2.75a.25.25 0 0 0 .25-.25V19a1 1 0 0 1 1-1Zm-3 1a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" clip-rule="evenodd"/></svg>
|