@pagopa/io-app-design-system 2.0.4 → 2.0.6
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/codeInput/CodeInput.js +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/commonjs/components/otpInput/BoxedInput.js +1 -1
- package/lib/commonjs/components/pictograms/Pictogram.js +4 -0
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramEmptyWallet.js +43 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEmptyWallet.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramMeterLimit.js +46 -0
- package/lib/commonjs/components/pictograms/svg/PictogramMeterLimit.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramEmptyWallet.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramMeterLimit.svg +1 -0
- package/lib/commonjs/components/typography/H2.js +2 -2
- package/lib/commonjs/components/typography/IOText.js +4 -2
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- 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/codeInput/CodeInput.js +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/module/components/otpInput/BoxedInput.js +1 -1
- package/lib/module/components/pictograms/Pictogram.js +4 -0
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramEmptyWallet.js +35 -0
- package/lib/module/components/pictograms/svg/PictogramEmptyWallet.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramMeterLimit.js +38 -0
- package/lib/module/components/pictograms/svg/PictogramMeterLimit.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramEmptyWallet.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramMeterLimit.svg +1 -0
- package/lib/module/components/typography/H2.js +2 -2
- package/lib/module/components/typography/IOText.js +4 -2
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- 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/lib/typescript/components/pictograms/Pictogram.d.ts +2 -0
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramEmptyWallet.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramEmptyWallet.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramMeterLimit.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramMeterLimit.d.ts.map +1 -0
- package/lib/typescript/components/typography/H2.d.ts +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +1 -1
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- 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/codeInput/CodeInput.tsx +1 -1
- 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
- package/src/components/otpInput/BoxedInput.tsx +1 -1
- package/src/components/pictograms/Pictogram.tsx +4 -0
- package/src/components/pictograms/svg/PictogramEmptyWallet.tsx +42 -0
- package/src/components/pictograms/svg/PictogramMeterLimit.tsx +46 -0
- package/src/components/pictograms/svg/originals/PictogramEmptyWallet.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramMeterLimit.svg +1 -0
- package/src/components/typography/H2.tsx +2 -2
- package/src/components/typography/IOText.tsx +5 -6
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AA0M/C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwMV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAC;AAK3C,MAAM,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,GAAG,uBAAuB,GAAG,MAAM,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAMF,eAAO,MAAM,IAAI,oEAOd,YAAY,sBAcd,CAAC;AAOF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,gDAMtB,oBAAoB,sBAatB,CAAC;AAKF,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBAC/D,KAAK,EAAE,oBAAoB;IAGvC,MAAM;CAGP;AASD,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AAiBF,eAAO,MAAM,UAAU;;;;;;;;;;;;CAYb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAKjD,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAkB7D,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAalB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAK3D,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAmBzD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAchB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconNavQrWallet.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconNavQrWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,eAAe,8BAA+B,YAAY,sBAS/D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -61,6 +61,8 @@ export declare const IOPictograms: {
|
|
|
61
61
|
smile: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
62
62
|
fingerprint: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
63
63
|
walletDoc: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
64
|
+
emptyWallet: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
65
|
+
meterLimit: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
64
66
|
ibanCard: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
65
67
|
followMessage: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
66
68
|
manual: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;AAiH7E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyExB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAIjB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACtC,CAAC;AASF,eAAO,MAAM,SAAS,oDAMnB,iBAAiB,sBAiCnB,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,UAAU,GACV,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,UAAU,GACV,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,gBAAgB,EAClB,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CA2CzE,CAAC;AAEF,eAAO,MAAM,cAAc,oDAMxB,iBAAiB,sBAkCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAMjE,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SVGPictogramProps } from "../types";
|
|
3
|
+
declare const PictogramEmptyWallet: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
4
|
+
export default PictogramEmptyWallet;
|
|
5
|
+
//# sourceMappingURL=PictogramEmptyWallet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PictogramEmptyWallet.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramEmptyWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,oBAAoB,oCAIvB,iBAAiB,sBA+BnB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SVGPictogramProps } from "../types";
|
|
3
|
+
declare const PictogramMeterLimit: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
4
|
+
export default PictogramMeterLimit;
|
|
5
|
+
//# sourceMappingURL=PictogramMeterLimit.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PictogramMeterLimit.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramMeterLimit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,mBAAmB,oCAItB,iBAAiB,sBAmCnB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { View } from "react-native";
|
|
|
3
3
|
import { IOFontSize } from "../../utils/fonts";
|
|
4
4
|
import { IOTextProps } from "./IOText";
|
|
5
5
|
export declare const h2FontSize: IOFontSize;
|
|
6
|
-
export declare const h2LineHeight =
|
|
6
|
+
export declare const h2LineHeight = 34;
|
|
7
7
|
/**
|
|
8
8
|
* `H2` typographic style
|
|
9
9
|
*/
|
|
@@ -28,7 +28,7 @@ type IOTextBaseProps = {
|
|
|
28
28
|
textStyle?: IOTextStyle;
|
|
29
29
|
style?: IOTextStyle;
|
|
30
30
|
};
|
|
31
|
-
type IOTextExcludedProps = Omit<ComponentProps<typeof Text>, "
|
|
31
|
+
type IOTextExcludedProps = Omit<ComponentProps<typeof Text>, "style">;
|
|
32
32
|
export type IOTextProps = IOTextBaseProps & IOTextExcludedProps;
|
|
33
33
|
/**
|
|
34
34
|
* Extend `TypographicStyleProps` with extra props for styles that
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EAEL,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAuC,MAAM,YAAY,CAAC;AAE3E,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EAEL,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAuC,MAAM,YAAY,CAAC;AAE3E,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAezC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oGAsElB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
1
|
+
import React, { useCallback, useState } from "react";
|
|
2
2
|
import {
|
|
3
3
|
GestureResponderEvent,
|
|
4
|
+
NativeSyntheticEvent,
|
|
4
5
|
PixelRatio,
|
|
5
6
|
Pressable,
|
|
6
7
|
StyleSheet,
|
|
8
|
+
TextLayoutEventData,
|
|
7
9
|
View
|
|
8
10
|
} from "react-native";
|
|
9
11
|
import Animated, {
|
|
10
|
-
|
|
12
|
+
Extrapolation,
|
|
13
|
+
SharedValue,
|
|
11
14
|
interpolate,
|
|
12
15
|
useAnimatedStyle,
|
|
13
16
|
useDerivedValue,
|
|
@@ -119,7 +122,16 @@ export const Alert = React.forwardRef<View, AlertType>(
|
|
|
119
122
|
}: AlertType,
|
|
120
123
|
viewRef
|
|
121
124
|
): JSX.Element => {
|
|
122
|
-
const isPressed:
|
|
125
|
+
const isPressed: SharedValue<number> = useSharedValue(0);
|
|
126
|
+
|
|
127
|
+
const [isMultiline, setIsMultiline] = useState(false);
|
|
128
|
+
|
|
129
|
+
const onTextLayout = useCallback(
|
|
130
|
+
(event: NativeSyntheticEvent<TextLayoutEventData>) => {
|
|
131
|
+
setIsMultiline(event.nativeEvent.lines.length > 1);
|
|
132
|
+
},
|
|
133
|
+
[]
|
|
134
|
+
);
|
|
123
135
|
|
|
124
136
|
// Scaling transformation applied when the button is pressed
|
|
125
137
|
const animationScaleValue = IOScaleValues?.magnifiedButton?.pressedState;
|
|
@@ -136,7 +148,7 @@ export const Alert = React.forwardRef<View, AlertType>(
|
|
|
136
148
|
progressPressed.value,
|
|
137
149
|
[0, 1],
|
|
138
150
|
[1, animationScaleValue],
|
|
139
|
-
|
|
151
|
+
Extrapolation.CLAMP
|
|
140
152
|
);
|
|
141
153
|
|
|
142
154
|
return {
|
|
@@ -155,7 +167,12 @@ export const Alert = React.forwardRef<View, AlertType>(
|
|
|
155
167
|
|
|
156
168
|
const renderMainBlock = () => (
|
|
157
169
|
<>
|
|
158
|
-
<View
|
|
170
|
+
<View
|
|
171
|
+
style={{
|
|
172
|
+
marginRight: IOVisualCostants.iconMargin,
|
|
173
|
+
alignSelf: "flex-start"
|
|
174
|
+
}}
|
|
175
|
+
>
|
|
159
176
|
<Icon
|
|
160
177
|
name={mapVariantStates[variant].icon}
|
|
161
178
|
size={iconSize}
|
|
@@ -168,8 +185,10 @@ export const Alert = React.forwardRef<View, AlertType>(
|
|
|
168
185
|
Tested on both Android and iOS. */}
|
|
169
186
|
<View
|
|
170
187
|
style={[
|
|
171
|
-
!title &&
|
|
172
|
-
|
|
188
|
+
!title &&
|
|
189
|
+
isMultiline && { marginTop: -5 * PixelRatio.getFontScale() },
|
|
190
|
+
isMultiline && { marginBottom: -3 * PixelRatio.getFontScale() },
|
|
191
|
+
{ flex: 1 }
|
|
173
192
|
]}
|
|
174
193
|
>
|
|
175
194
|
{title && (
|
|
@@ -182,6 +201,7 @@ export const Alert = React.forwardRef<View, AlertType>(
|
|
|
182
201
|
color={mapVariantStates[variant].foreground}
|
|
183
202
|
weight={"Regular"}
|
|
184
203
|
accessibilityRole="text"
|
|
204
|
+
onTextLayout={onTextLayout}
|
|
185
205
|
>
|
|
186
206
|
{content}
|
|
187
207
|
</Label>
|
|
@@ -157,7 +157,7 @@ export const Banner = ({
|
|
|
157
157
|
onClose,
|
|
158
158
|
accessibilityHint,
|
|
159
159
|
accessibilityLabel,
|
|
160
|
-
testID
|
|
160
|
+
testID,
|
|
161
161
|
}: Banner) => {
|
|
162
162
|
const isPressed: Animated.SharedValue<number> = useSharedValue(0);
|
|
163
163
|
|
|
@@ -195,13 +195,17 @@ export const Banner = ({
|
|
|
195
195
|
isPressed.value = 0;
|
|
196
196
|
}, [isPressed]);
|
|
197
197
|
|
|
198
|
+
/* Generates a complete fallbackAccessibilityLabel by concatenating the title, content, and action
|
|
199
|
+
if they are present. */
|
|
200
|
+
const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
|
|
201
|
+
|
|
198
202
|
const renderMainBlock = () => (
|
|
199
203
|
<>
|
|
200
204
|
<View
|
|
201
205
|
style={[IOStyles.flex, IOStyles.selfCenter]}
|
|
202
206
|
accessible={true}
|
|
203
207
|
// A11y related props
|
|
204
|
-
accessibilityLabel={accessibilityLabel}
|
|
208
|
+
accessibilityLabel={accessibilityLabel ?? fallbackAccessibilityLabel}
|
|
205
209
|
accessibilityHint={accessibilityHint}
|
|
206
210
|
accessibilityRole={action !== undefined ? "button" : undefined}
|
|
207
211
|
>
|
|
@@ -58,6 +58,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
58
58
|
}
|
|
59
59
|
>
|
|
60
60
|
<View
|
|
61
|
+
accessibilityLabel="Action text"
|
|
61
62
|
accessibilityRole="button"
|
|
62
63
|
accessible={true}
|
|
63
64
|
style={
|
|
@@ -407,6 +408,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
407
408
|
}
|
|
408
409
|
>
|
|
409
410
|
<View
|
|
411
|
+
accessibilityLabel="Action text"
|
|
410
412
|
accessibilityRole="button"
|
|
411
413
|
accessible={true}
|
|
412
414
|
style={
|
|
@@ -18,6 +18,7 @@ describe("Test Banner Components", () => {
|
|
|
18
18
|
pictogramName="charity"
|
|
19
19
|
action="Action text"
|
|
20
20
|
onPress={onLinkPress}
|
|
21
|
+
accessibilityLabel="Action text"
|
|
21
22
|
/>
|
|
22
23
|
).toJSON();
|
|
23
24
|
expect(advice).toMatchSnapshot();
|
|
@@ -34,6 +35,7 @@ describe("Test Banner Components - Experimental Enabled", () => {
|
|
|
34
35
|
pictogramName="charity"
|
|
35
36
|
action="Action text"
|
|
36
37
|
onPress={onLinkPress}
|
|
38
|
+
accessibilityLabel="Action text"
|
|
37
39
|
/>
|
|
38
40
|
).toJSON();
|
|
39
41
|
expect(advice).toMatchSnapshot();
|
|
@@ -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>
|
|
@@ -93,12 +93,14 @@ import PictogramCardQuestion from "./svg/PictogramCardQuestion";
|
|
|
93
93
|
import PictogramDoc from "./svg/PictogramDoc";
|
|
94
94
|
import PictogramEmailDotCheck from "./svg/PictogramEmailDotCheck";
|
|
95
95
|
import PictogramEmailDotNotif from "./svg/PictogramEmailDotNotif";
|
|
96
|
+
import PictogramEmptyWallet from "./svg/PictogramEmptyWallet";
|
|
96
97
|
import PictogramEnded from "./svg/PictogramEnded";
|
|
97
98
|
import PictogramEventClose from "./svg/PictogramEventClose";
|
|
98
99
|
import PictogramFingerprint from "./svg/PictogramFingerprint";
|
|
99
100
|
import PictogramIdea from "./svg/PictogramIdea";
|
|
100
101
|
import PictogramLostConnection from "./svg/PictogramLostConnection";
|
|
101
102
|
import PictogramMessage from "./svg/PictogramMessage";
|
|
103
|
+
import PictogramMeterLimit from "./svg/PictogramMeterLimit";
|
|
102
104
|
import PictogramMoneyCheck from "./svg/PictogramMoneyCheck";
|
|
103
105
|
import PictogramNFCScanAndroid from "./svg/PictogramNFCScanAndroid";
|
|
104
106
|
import PictogramNFCScaniOS from "./svg/PictogramNFCScaniOS";
|
|
@@ -175,6 +177,8 @@ export const IOPictograms = {
|
|
|
175
177
|
smile: PictogramSmile,
|
|
176
178
|
fingerprint: PictogramFingerprint,
|
|
177
179
|
walletDoc: PictogramWalletDoc,
|
|
180
|
+
emptyWallet: PictogramEmptyWallet,
|
|
181
|
+
meterLimit: PictogramMeterLimit,
|
|
178
182
|
// Start Objects Pictogram
|
|
179
183
|
ibanCard: PictogramObjIbanCard,
|
|
180
184
|
followMessage: PictogramObjFollowMessage,
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Svg, Path } from "react-native-svg";
|
|
3
|
+
import { SVGPictogramProps } from "../types";
|
|
4
|
+
|
|
5
|
+
const PictogramEmptyWallet = ({
|
|
6
|
+
size,
|
|
7
|
+
colorValues,
|
|
8
|
+
...props
|
|
9
|
+
}: SVGPictogramProps) => (
|
|
10
|
+
<Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
|
|
11
|
+
<Path
|
|
12
|
+
d="M105.75 119.22C114.33 113.72 140.05 123.06 148.19 126.24L148.55 108.4C148.63 104.24 146.54 100.33 143.01 98.12C137.87 94.91 129.09 90.22 116.17 85.86L108.88 93.54C108.22 94.23 107.3 94.63 106.34 94.63C105.44 94.63 104.58 94.29 103.93 93.67C102.53 92.34 102.47 90.12 103.8 88.72L108.73 83.53C105.86 82.7 102.81 81.89 99.59 81.13L99.42 83.02C99.26 84.84 97.76 86.21 95.94 86.21C95.84 86.21 95.74 86.21 95.63 86.2C93.7 86.03 92.28 84.32 92.45 82.4L92.7 79.61C89.48 78.95 86.1 78.34 82.56 77.78L84.54 85.01C84.79 85.91 84.67 86.85 84.21 87.67C83.75 88.49 83 89.07 82.09 89.31C81.8 89.39 81.48 89.43 81.16 89.43C79.59 89.43 78.2 88.37 77.79 86.86L75.01 76.7C66.96 75.67 58.19 74.92 48.64 74.58C44.46 74.43 41 77.8 41 81.98V142.72C41 146.91 43.73 150.61 47.74 151.84L134.96 178.68C140.22 180.3 145.55 177.15 146.95 172.15C138.92 169.47 132.21 167.62 124.86 165.6L122.31 164.9C113.29 162.41 108.12 158.76 106.94 154.05C106.04 150.47 107.7 147.36 108.98 145.61C101.24 142.14 99.69 138.98 99.43 136.57C99.09 133.28 101.5 130.85 103.56 129.41C102.81 128.53 102.32 127.6 102.09 126.61C101.31 123.18 104.02 120.37 105.75 119.25V119.22Z"
|
|
13
|
+
fill={colorValues.main}
|
|
14
|
+
/>
|
|
15
|
+
<Path
|
|
16
|
+
d="M77.661 67.43C77.441 66.63 76.621 66.16 75.821 66.38C75.021 66.6 74.551 67.42 74.771 68.22L79.731 86.31C79.911 86.98 80.521 87.41 81.181 87.41C81.311 87.41 81.441 87.39 81.581 87.36C82.381 87.14 82.851 86.32 82.631 85.52L77.671 67.43H77.661Z"
|
|
17
|
+
fill={colorValues.secondary}
|
|
18
|
+
/>
|
|
19
|
+
<Path
|
|
20
|
+
d="M99.141 47C98.311 46.92 97.591 47.53 97.511 48.36L94.441 82.56C94.371 83.39 94.981 84.11 95.801 84.19C95.851 84.19 95.891 84.19 95.941 84.19C96.711 84.19 97.361 83.6 97.431 82.82L100.501 48.64C100.571 47.81 99.961 47.09 99.141 47.01V47Z"
|
|
21
|
+
fill={colorValues.secondary}
|
|
22
|
+
/>
|
|
23
|
+
<Path
|
|
24
|
+
d="M121.972 74.67C121.372 74.1 120.422 74.12 119.852 74.72L105.262 90.08C104.692 90.68 104.712 91.63 105.312 92.2C105.602 92.48 105.972 92.61 106.342 92.61C106.742 92.61 107.132 92.45 107.432 92.14L122.022 76.78C122.592 76.18 122.572 75.23 121.972 74.66V74.67Z"
|
|
25
|
+
fill={colorValues.secondary}
|
|
26
|
+
/>
|
|
27
|
+
<Path
|
|
28
|
+
d="M198.089 136.21C196.619 135.22 161.999 111.86 148.559 111.86V116.06C158.649 116.06 186.039 133.12 195.739 139.69L198.099 136.21H198.089Z"
|
|
29
|
+
fill={colorValues.hands}
|
|
30
|
+
/>
|
|
31
|
+
<Path
|
|
32
|
+
d="M125.969 161.52L123.419 160.82C116.199 158.83 111.789 156.05 111.009 153.01C110.319 150.31 112.549 147.75 113.049 147.21C117.699 148.9 123.899 150.64 132.209 152.38L133.069 148.27C106.339 142.65 103.759 137.53 103.609 136.1C103.469 134.78 105.069 133.37 106.519 132.46C106.709 132.34 106.909 132.22 107.089 132.12C107.389 132.29 107.689 132.45 108.019 132.61C112.949 135.08 120.969 137.01 132.379 138.51L132.929 134.35C129.479 133.9 126.489 133.41 123.869 132.92C118.849 131.97 115.259 130.97 112.679 130.02C107.159 127.98 106.329 126.18 106.209 125.66C105.879 124.26 108.049 122.75 108.049 122.75C109.459 121.84 111.809 121.55 114.749 121.7C115.809 121.75 116.949 121.86 118.139 122.02C127.189 123.23 139.619 127.28 148.129 130.72C148.359 130.81 148.589 130.9 148.809 130.99L150.409 127.11C150.009 126.95 149.249 126.64 148.229 126.24C142.119 123.85 126.069 117.98 114.839 117.55C111.859 117.43 109.229 117.71 107.199 118.52C106.689 118.72 106.209 118.95 105.789 119.22C104.069 120.34 101.359 123.15 102.129 126.58C102.319 127.44 102.729 128.25 103.329 129.03C103.419 129.15 103.499 129.27 103.599 129.39C102.719 130.01 101.779 130.81 101.009 131.77C99.9793 133.06 99.2693 134.66 99.4693 136.55C99.7193 138.96 101.279 142.13 109.019 145.59C107.739 147.34 106.079 150.45 106.979 154.03C108.169 158.74 113.339 162.39 122.349 164.88L124.899 165.58C132.239 167.6 138.959 169.45 146.989 172.13C158.629 176.02 173.019 181.66 196.089 192.12L197.819 188.3C173.949 177.48 159.289 171.78 147.389 167.84C139.699 165.3 133.149 163.5 126.019 161.53L125.969 161.52Z"
|
|
33
|
+
fill={colorValues.hands}
|
|
34
|
+
/>
|
|
35
|
+
<Path
|
|
36
|
+
d="M118.809 107.71C114.739 107.71 110.309 107.57 105.679 107.19C87.5594 105.72 62.6494 100.27 46.8094 82.72C46.2594 82.1 46.2994 81.16 46.9194 80.6C47.5294 80.05 48.4794 80.09 49.0394 80.71C78.1694 113.01 140.299 103.34 140.929 103.24C141.749 103.11 142.519 103.66 142.649 104.48C142.779 105.3 142.229 106.07 141.409 106.2C141.289 106.22 131.909 107.71 118.809 107.71Z"
|
|
37
|
+
fill={colorValues.secondary}
|
|
38
|
+
/>
|
|
39
|
+
</Svg>
|
|
40
|
+
);
|
|
41
|
+
|
|
42
|
+
export default PictogramEmptyWallet;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Svg, Path } from "react-native-svg";
|
|
3
|
+
import { SVGPictogramProps } from "../types";
|
|
4
|
+
|
|
5
|
+
const PictogramMeterLimit = ({
|
|
6
|
+
size,
|
|
7
|
+
colorValues,
|
|
8
|
+
...props
|
|
9
|
+
}: SVGPictogramProps) => (
|
|
10
|
+
<Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
|
|
11
|
+
<Path
|
|
12
|
+
d="M150.909 145.36C148.549 143.28 147.459 140.88 147.689 138.23C148.109 133.32 152.949 128.26 163.389 121.82C166.339 120 169.189 119.27 171.909 119.6C175.279 109.6 176.349 98.66 174.549 87.52C168.649 50.88 134.159 25.96 97.5193 31.87C60.8793 37.77 35.9593 72.26 41.8693 108.9C47.3493 142.93 77.4993 166.83 111.119 165.34L113.379 165.21C115.419 166 116.359 164.57 118.059 164.67C118.339 164.63 118.619 164.6 118.899 164.56C132.689 162.34 144.819 156.07 154.269 147.16C152.889 146.8 151.779 146.13 150.919 145.37L150.909 145.36Z"
|
|
13
|
+
fill={colorValues.main}
|
|
14
|
+
/>
|
|
15
|
+
<Path
|
|
16
|
+
d="M177.39 148.99C177.59 147.49 178.62 145.85 179.71 144.12C182.21 140.14 185.64 134.69 181.19 126.59C180.86 125.92 178.43 121.37 173.62 119.94C173.06 119.77 172.49 119.67 171.91 119.6C169.19 119.27 166.34 120.01 163.39 121.82C152.95 128.26 148.1 133.32 147.69 138.23C147.46 140.88 148.55 143.27 150.91 145.36C151.77 146.12 152.88 146.79 154.26 147.15C157.1 147.89 161.11 147.33 166.67 143.46C171.12 140.36 174.61 136.52 174.75 136.36L171.48 133.41C169.19 135.94 163.31 141.4 158.53 142.73C156.71 143.24 155.04 143.15 153.81 142.06C152.11 140.56 152 139.37 152.06 138.61C152.34 135.37 156.92 130.98 165.69 125.57C167.32 124.56 168.86 124.03 170.28 123.94C170.99 123.9 171.68 123.96 172.33 124.15C175.52 125.08 177.23 128.52 177.24 128.55C177.26 128.59 177.28 128.63 177.3 128.67C180.53 134.52 178.42 137.88 175.97 141.77C174.68 143.82 173.34 145.95 173.01 148.4C171.74 157.76 180.16 173.32 195.95 182.16L198.1 178.32C183.32 170.05 176.46 155.73 177.37 148.99H177.39Z"
|
|
17
|
+
fill={colorValues.hands}
|
|
18
|
+
/>
|
|
19
|
+
<Path
|
|
20
|
+
d="M163.48 152.67C163.38 152.76 162.79 153.3 161.95 154.18L160.7 149.84L156.47 151.06L158.58 158.35C155.66 162.58 152.86 168.72 154.73 175.21L158.96 173.99C156.39 165.04 166.31 156.04 166.41 155.95L164.95 154.31L163.49 152.67H163.48Z"
|
|
21
|
+
fill={colorValues.hands}
|
|
22
|
+
/>
|
|
23
|
+
<Path
|
|
24
|
+
d="M118.061 164.67C117.411 164.32 117.931 164.91 113.021 165.24L111.121 165.34L110.801 166.16C120.901 170.07 126.821 176.42 134.331 184.47C141.041 191.67 148.651 199.82 161.301 208.86L163.861 205.28C151.571 196.5 144.121 188.52 137.551 181.47C131.121 174.58 125.821 168.8 118.061 164.67Z"
|
|
25
|
+
fill={colorValues.hands}
|
|
26
|
+
/>
|
|
27
|
+
<Path
|
|
28
|
+
d="M112.831 111.93C105.691 115.69 96.6107 112.34 94.4807 104.8C94.4007 104.52 94.3307 104.25 94.2707 103.96C94.2107 103.67 94.1607 103.39 94.1207 103.11C93.0607 95.35 100.031 88.64 108.081 89.22L144.971 91.88C146.511 91.99 146.931 93.99 145.561 94.71L112.821 111.92L112.831 111.93Z"
|
|
29
|
+
fill={colorValues.secondary}
|
|
30
|
+
/>
|
|
31
|
+
<Path
|
|
32
|
+
d="M108.21 38.42C76.5298 38.42 50.7598 64.19 50.7598 95.87C50.7598 96.97 51.6598 97.87 52.7598 97.87C53.8598 97.87 54.7598 96.97 54.7598 95.87C54.7598 94.19 54.8498 92.53 54.9998 90.89L60.8598 91.54C60.9298 91.54 61.0098 91.55 61.0798 91.55C62.0898 91.55 62.9498 90.79 63.0698 89.77C63.1898 88.67 62.3998 87.68 61.2998 87.56L55.5298 86.92C56.7198 79.87 59.2998 73.29 62.9698 67.46L67.9598 70.71C68.2998 70.93 68.6698 71.03 69.0498 71.03C69.6998 71.03 70.3498 70.71 70.7298 70.12C71.3298 69.19 71.0698 67.95 70.1398 67.35L65.2198 64.15C69.2398 58.72 74.2598 54.08 80.0098 50.49L83.3498 55.37C83.7398 55.94 84.3598 56.24 84.9998 56.24C85.3898 56.24 85.7798 56.13 86.1298 55.89C87.0398 55.27 87.2698 54.02 86.6498 53.11L83.4898 48.5C90.3298 44.91 98.0398 42.77 106.22 42.47V47.93C106.22 49.03 107.12 49.93 108.22 49.93C109.32 49.93 110.22 49.03 110.22 47.93V42.47C117.68 42.75 124.75 44.55 131.12 47.59L128.27 51.75C127.65 52.66 127.88 53.91 128.79 54.53C129.14 54.77 129.53 54.88 129.92 54.88C130.56 54.88 131.18 54.58 131.57 54.01L134.68 49.46C140.58 52.84 145.78 57.31 150 62.59L144.77 65.99C143.84 66.59 143.58 67.83 144.18 68.76C144.56 69.35 145.2 69.67 145.86 69.67C146.23 69.67 146.61 69.57 146.95 69.35L152.39 65.82C156.37 71.65 159.22 78.31 160.64 85.48C160.5 85.47 160.36 85.46 160.21 85.48L153.61 86.21C152.51 86.33 151.72 87.32 151.84 88.42C151.95 89.44 152.82 90.2 153.83 90.2C153.9 90.2 153.98 90.2 154.05 90.19L160.65 89.46C160.86 89.44 161.06 89.37 161.24 89.29C161.51 91.45 161.66 93.65 161.66 95.89C161.66 96.99 162.56 97.89 163.66 97.89C164.76 97.89 165.66 96.99 165.66 95.89C165.66 64.21 139.89 38.44 108.21 38.44V38.42Z"
|
|
33
|
+
fill={colorValues.secondary}
|
|
34
|
+
/>
|
|
35
|
+
<Path
|
|
36
|
+
d="M195.1 92.02C195.01 92.02 194.92 92.02 194.84 92L182.25 90.34C181.15 90.2 180.38 89.19 180.53 88.1C180.67 87 181.69 86.23 182.77 86.38L195.36 88.04C196.46 88.18 197.23 89.19 197.08 90.28C196.95 91.29 196.09 92.02 195.1 92.02Z"
|
|
37
|
+
fill={colorValues.secondary}
|
|
38
|
+
/>
|
|
39
|
+
<Path
|
|
40
|
+
d="M180.26 82.25C179.57 82.25 178.9 81.89 178.53 81.25C177.98 80.29 178.31 79.07 179.26 78.52L194.39 69.79C195.35 69.24 196.57 69.57 197.12 70.52C197.67 71.48 197.34 72.7 196.39 73.25L181.26 81.98C180.95 82.16 180.6 82.25 180.26 82.25Z"
|
|
41
|
+
fill={colorValues.secondary}
|
|
42
|
+
/>
|
|
43
|
+
</Svg>
|
|
44
|
+
);
|
|
45
|
+
|
|
46
|
+
export default PictogramMeterLimit;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_20905_5835)"><path d="M105.75 119.22C114.33 113.72 140.05 123.06 148.19 126.24L148.55 108.4C148.63 104.24 146.54 100.33 143.01 98.12C137.87 94.91 129.09 90.22 116.17 85.86L108.88 93.54C108.22 94.23 107.3 94.63 106.34 94.63C105.44 94.63 104.58 94.29 103.93 93.67C102.53 92.34 102.47 90.12 103.8 88.72L108.73 83.53C105.86 82.7 102.81 81.89 99.59 81.13L99.42 83.02C99.26 84.84 97.76 86.21 95.94 86.21C95.84 86.21 95.74 86.21 95.63 86.2C93.7 86.03 92.28 84.32 92.45 82.4L92.7 79.61C89.48 78.95 86.1 78.34 82.56 77.78L84.54 85.01C84.79 85.91 84.67 86.85 84.21 87.67C83.75 88.49 83 89.07 82.09 89.31C81.8 89.39 81.48 89.43 81.16 89.43C79.59 89.43 78.2 88.37 77.79 86.86L75.01 76.7C66.96 75.67 58.19 74.92 48.64 74.58C44.46 74.43 41 77.8 41 81.98V142.72C41 146.91 43.73 150.61 47.74 151.84L134.96 178.68C140.22 180.3 145.55 177.15 146.95 172.15C138.92 169.47 132.21 167.62 124.86 165.6L122.31 164.9C113.29 162.41 108.12 158.76 106.94 154.05C106.04 150.47 107.7 147.36 108.98 145.61C101.24 142.14 99.69 138.98 99.43 136.57C99.09 133.28 101.5 130.85 103.56 129.41C102.81 128.53 102.32 127.6 102.09 126.61C101.31 123.18 104.02 120.37 105.75 119.25V119.22Z" fill="#AAEEEF"/><path d="M77.661 67.43C77.441 66.63 76.621 66.16 75.821 66.38C75.021 66.6 74.551 67.42 74.771 68.22L79.731 86.31C79.911 86.98 80.521 87.41 81.181 87.41C81.311 87.41 81.441 87.39 81.581 87.36C82.381 87.14 82.851 86.32 82.631 85.52L77.671 67.43H77.661Z" fill="#00C5CA"/><path d="M99.141 47C98.311 46.92 97.591 47.53 97.511 48.36L94.441 82.56C94.371 83.39 94.981 84.11 95.801 84.19C95.851 84.19 95.891 84.19 95.941 84.19C96.711 84.19 97.361 83.6 97.431 82.82L100.501 48.64C100.571 47.81 99.961 47.09 99.141 47.01V47Z" fill="#00C5CA"/><path d="M121.972 74.67C121.372 74.1 120.422 74.12 119.852 74.72L105.262 90.08C104.692 90.68 104.712 91.63 105.312 92.2C105.602 92.48 105.972 92.61 106.342 92.61C106.742 92.61 107.132 92.45 107.432 92.14L122.022 76.78C122.592 76.18 122.572 75.23 121.972 74.66V74.67Z" fill="#00C5CA"/><path d="M198.089 136.21C196.619 135.22 161.999 111.86 148.559 111.86V116.06C158.649 116.06 186.039 133.12 195.739 139.69L198.099 136.21H198.089Z" fill="#0B3EE3"/><path d="M125.969 161.52L123.419 160.82C116.199 158.83 111.789 156.05 111.009 153.01C110.319 150.31 112.549 147.75 113.049 147.21C117.699 148.9 123.899 150.64 132.209 152.38L133.069 148.27C106.339 142.65 103.759 137.53 103.609 136.1C103.469 134.78 105.069 133.37 106.519 132.46C106.709 132.34 106.909 132.22 107.089 132.12C107.389 132.29 107.689 132.45 108.019 132.61C112.949 135.08 120.969 137.01 132.379 138.51L132.929 134.35C129.479 133.9 126.489 133.41 123.869 132.92C118.849 131.97 115.259 130.97 112.679 130.02C107.159 127.98 106.329 126.18 106.209 125.66C105.879 124.26 108.049 122.75 108.049 122.75C109.459 121.84 111.809 121.55 114.749 121.7C115.809 121.75 116.949 121.86 118.139 122.02C127.189 123.23 139.619 127.28 148.129 130.72C148.359 130.81 148.589 130.9 148.809 130.99L150.409 127.11C150.009 126.95 149.249 126.64 148.229 126.24C142.119 123.85 126.069 117.98 114.839 117.55C111.859 117.43 109.229 117.71 107.199 118.52C106.689 118.72 106.209 118.95 105.789 119.22C104.069 120.34 101.359 123.15 102.129 126.58C102.319 127.44 102.729 128.25 103.329 129.03C103.419 129.15 103.499 129.27 103.599 129.39C102.719 130.01 101.779 130.81 101.009 131.77C99.9793 133.06 99.2693 134.66 99.4693 136.55C99.7193 138.96 101.279 142.13 109.019 145.59C107.739 147.34 106.079 150.45 106.979 154.03C108.169 158.74 113.339 162.39 122.349 164.88L124.899 165.58C132.239 167.6 138.959 169.45 146.989 172.13C158.629 176.02 173.019 181.66 196.089 192.12L197.819 188.3C173.949 177.48 159.289 171.78 147.389 167.84C139.699 165.3 133.149 163.5 126.019 161.53L125.969 161.52Z" fill="#0B3EE3"/><path d="M118.809 107.71C114.739 107.71 110.309 107.57 105.679 107.19C87.5594 105.72 62.6494 100.27 46.8094 82.72C46.2594 82.1 46.2994 81.16 46.9194 80.6C47.5294 80.05 48.4794 80.09 49.0394 80.71C78.1694 113.01 140.299 103.34 140.929 103.24C141.749 103.11 142.519 103.66 142.649 104.48C142.779 105.3 142.229 106.07 141.409 106.2C141.289 106.22 131.909 107.71 118.809 107.71Z" fill="#00C5CA"/></g><defs><clipPath id="clip0_20905_5835"><rect width="157.09" height="145.11" fill="white" transform="translate(41 47)"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_20911_7007)"><path d="M150.909 145.36C148.549 143.28 147.459 140.88 147.689 138.23C148.109 133.32 152.949 128.26 163.389 121.82C166.339 120 169.189 119.27 171.909 119.6C175.279 109.6 176.349 98.66 174.549 87.52C168.649 50.88 134.159 25.96 97.5193 31.87C60.8793 37.77 35.9593 72.26 41.8693 108.9C47.3493 142.93 77.4993 166.83 111.119 165.34L113.379 165.21C115.419 166 116.359 164.57 118.059 164.67C118.339 164.63 118.619 164.6 118.899 164.56C132.689 162.34 144.819 156.07 154.269 147.16C152.889 146.8 151.779 146.13 150.919 145.37L150.909 145.36Z" fill="#AAEEEF"/><path d="M177.39 148.99C177.59 147.49 178.62 145.85 179.71 144.12C182.21 140.14 185.64 134.69 181.19 126.59C180.86 125.92 178.43 121.37 173.62 119.94C173.06 119.77 172.49 119.67 171.91 119.6C169.19 119.27 166.34 120.01 163.39 121.82C152.95 128.26 148.1 133.32 147.69 138.23C147.46 140.88 148.55 143.27 150.91 145.36C151.77 146.12 152.88 146.79 154.26 147.15C157.1 147.89 161.11 147.33 166.67 143.46C171.12 140.36 174.61 136.52 174.75 136.36L171.48 133.41C169.19 135.94 163.31 141.4 158.53 142.73C156.71 143.24 155.04 143.15 153.81 142.06C152.11 140.56 152 139.37 152.06 138.61C152.34 135.37 156.92 130.98 165.69 125.57C167.32 124.56 168.86 124.03 170.28 123.94C170.99 123.9 171.68 123.96 172.33 124.15C175.52 125.08 177.23 128.52 177.24 128.55C177.26 128.59 177.28 128.63 177.3 128.67C180.53 134.52 178.42 137.88 175.97 141.77C174.68 143.82 173.34 145.95 173.01 148.4C171.74 157.76 180.16 173.32 195.95 182.16L198.1 178.32C183.32 170.05 176.46 155.73 177.37 148.99H177.39Z" fill="#0B3EE3"/><path d="M163.48 152.67C163.38 152.76 162.79 153.3 161.95 154.18L160.7 149.84L156.47 151.06L158.58 158.35C155.66 162.58 152.86 168.72 154.73 175.21L158.96 173.99C156.39 165.04 166.31 156.04 166.41 155.95L164.95 154.31L163.49 152.67H163.48Z" fill="#0B3EE3"/><path d="M118.061 164.67C117.411 164.32 117.931 164.91 113.021 165.24L111.121 165.34L110.801 166.16C120.901 170.07 126.821 176.42 134.331 184.47C141.041 191.67 148.651 199.82 161.301 208.86L163.861 205.28C151.571 196.5 144.121 188.52 137.551 181.47C131.121 174.58 125.821 168.8 118.061 164.67Z" fill="#0B3EE3"/><path d="M112.831 111.93C105.691 115.69 96.6107 112.34 94.4807 104.8C94.4007 104.52 94.3307 104.25 94.2707 103.96C94.2107 103.67 94.1607 103.39 94.1207 103.11C93.0607 95.35 100.031 88.64 108.081 89.22L144.971 91.88C146.511 91.99 146.931 93.99 145.561 94.71L112.821 111.92L112.831 111.93Z" fill="#00C5CA"/><path d="M108.21 38.42C76.5298 38.42 50.7598 64.19 50.7598 95.87C50.7598 96.97 51.6598 97.87 52.7598 97.87C53.8598 97.87 54.7598 96.97 54.7598 95.87C54.7598 94.19 54.8498 92.53 54.9998 90.89L60.8598 91.54C60.9298 91.54 61.0098 91.55 61.0798 91.55C62.0898 91.55 62.9498 90.79 63.0698 89.77C63.1898 88.67 62.3998 87.68 61.2998 87.56L55.5298 86.92C56.7198 79.87 59.2998 73.29 62.9698 67.46L67.9598 70.71C68.2998 70.93 68.6698 71.03 69.0498 71.03C69.6998 71.03 70.3498 70.71 70.7298 70.12C71.3298 69.19 71.0698 67.95 70.1398 67.35L65.2198 64.15C69.2398 58.72 74.2598 54.08 80.0098 50.49L83.3498 55.37C83.7398 55.94 84.3598 56.24 84.9998 56.24C85.3898 56.24 85.7798 56.13 86.1298 55.89C87.0398 55.27 87.2698 54.02 86.6498 53.11L83.4898 48.5C90.3298 44.91 98.0398 42.77 106.22 42.47V47.93C106.22 49.03 107.12 49.93 108.22 49.93C109.32 49.93 110.22 49.03 110.22 47.93V42.47C117.68 42.75 124.75 44.55 131.12 47.59L128.27 51.75C127.65 52.66 127.88 53.91 128.79 54.53C129.14 54.77 129.53 54.88 129.92 54.88C130.56 54.88 131.18 54.58 131.57 54.01L134.68 49.46C140.58 52.84 145.78 57.31 150 62.59L144.77 65.99C143.84 66.59 143.58 67.83 144.18 68.76C144.56 69.35 145.2 69.67 145.86 69.67C146.23 69.67 146.61 69.57 146.95 69.35L152.39 65.82C156.37 71.65 159.22 78.31 160.64 85.48C160.5 85.47 160.36 85.46 160.21 85.48L153.61 86.21C152.51 86.33 151.72 87.32 151.84 88.42C151.95 89.44 152.82 90.2 153.83 90.2C153.9 90.2 153.98 90.2 154.05 90.19L160.65 89.46C160.86 89.44 161.06 89.37 161.24 89.29C161.51 91.45 161.66 93.65 161.66 95.89C161.66 96.99 162.56 97.89 163.66 97.89C164.76 97.89 165.66 96.99 165.66 95.89C165.66 64.21 139.89 38.44 108.21 38.44V38.42Z" fill="#00C5CA"/><path d="M195.1 92.02C195.01 92.02 194.92 92.02 194.84 92L182.25 90.34C181.15 90.2 180.38 89.19 180.53 88.1C180.67 87 181.69 86.23 182.77 86.38L195.36 88.04C196.46 88.18 197.23 89.19 197.08 90.28C196.95 91.29 196.09 92.02 195.1 92.02Z" fill="#00C5CA"/><path d="M180.26 82.25C179.57 82.25 178.9 81.89 178.53 81.25C177.98 80.29 178.31 79.07 179.26 78.52L194.39 69.79C195.35 69.24 196.57 69.57 197.12 70.52C197.67 71.48 197.34 72.7 196.39 73.25L181.26 81.98C180.95 82.16 180.6 82.25 180.26 82.25Z" fill="#00C5CA"/></g><defs><clipPath id="clip0_20911_7007"><rect width="157.12" height="177.86" fill="white" transform="translate(41 31)"/></clipPath></defs></svg>
|
|
@@ -7,13 +7,13 @@ import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
|
|
|
7
7
|
const defaultColor: keyof IOTheme = "textHeading-default";
|
|
8
8
|
|
|
9
9
|
export const h2FontSize: IOFontSize = 26;
|
|
10
|
-
export const h2LineHeight =
|
|
10
|
+
export const h2LineHeight = 34;
|
|
11
11
|
const fontName: IOFontFamily = "ReadexPro";
|
|
12
12
|
const fontWeight: IOFontWeight = "Regular";
|
|
13
13
|
|
|
14
14
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
15
15
|
const legacyH2FontSize: IOFontSize = 28;
|
|
16
|
-
const legacyH2LineHeight =
|
|
16
|
+
const legacyH2LineHeight = 34;
|
|
17
17
|
const legacyFontName: IOFontFamily = "TitilliumSansPro";
|
|
18
18
|
const legacyFontWeight: IOFontWeight = "Semibold";
|
|
19
19
|
|
|
@@ -47,10 +47,7 @@ type IOTextBaseProps = {
|
|
|
47
47
|
style?: IOTextStyle;
|
|
48
48
|
};
|
|
49
49
|
|
|
50
|
-
type IOTextExcludedProps = Omit<
|
|
51
|
-
ComponentProps<typeof Text>,
|
|
52
|
-
"allowFontScaling" | "maxFontSizeMultiplier" | "style"
|
|
53
|
-
>;
|
|
50
|
+
type IOTextExcludedProps = Omit<ComponentProps<typeof Text>, "style">;
|
|
54
51
|
|
|
55
52
|
export type IOTextProps = IOTextBaseProps & IOTextExcludedProps;
|
|
56
53
|
|
|
@@ -98,6 +95,8 @@ export const IOText = forwardRef<View, IOTextProps>(
|
|
|
98
95
|
textStyle,
|
|
99
96
|
style,
|
|
100
97
|
children,
|
|
98
|
+
allowFontScaling,
|
|
99
|
+
maxFontSizeMultiplier,
|
|
101
100
|
...props
|
|
102
101
|
},
|
|
103
102
|
ref
|
|
@@ -144,8 +143,8 @@ export const IOText = forwardRef<View, IOTextProps>(
|
|
|
144
143
|
|
|
145
144
|
/* Accessible typography based on the `fontScale` parameter */
|
|
146
145
|
const accessibleFontSizeProps: ComponentProps<typeof Text> = {
|
|
147
|
-
allowFontScaling: isExperimental,
|
|
148
|
-
maxFontSizeMultiplier: 1.25
|
|
146
|
+
allowFontScaling: allowFontScaling ?? isExperimental,
|
|
147
|
+
maxFontSizeMultiplier: maxFontSizeMultiplier ?? 1.25
|
|
149
148
|
};
|
|
150
149
|
|
|
151
150
|
return (
|