@pagopa/io-app-design-system 1.0.0 → 1.1.2

package/lib/typescript/components/icons/svg/IconSystemNotificationsInstructions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSystemNotificationsInstructions.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSystemNotificationsInstructions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,mCAAmC,8BAItC,YAAY,sBAiBd,CAAC;AAEF,eAAe,mCAAmC,CAAC"}

package/lib/typescript/components/icons/svg/IconSystemSettingsAndroid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SVGIconProps } from "../Icon";
+declare const IconSystemSettingsAndroid: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconSystemSettingsAndroid;
+//# sourceMappingURL=IconSystemSettingsAndroid.d.ts.map

package/lib/typescript/components/icons/svg/IconSystemSettingsAndroid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSystemSettingsAndroid.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSystemSettingsAndroid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,yBAAyB,8BAA+B,YAAY,sBAQzE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/lib/typescript/components/icons/svg/IconSystemSettingsiOS.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SVGIconProps } from "../Icon";
+declare const IconSystemSettingsiOS: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconSystemSettingsiOS;
+//# sourceMappingURL=IconSystemSettingsiOS.d.ts.map

package/lib/typescript/components/icons/svg/IconSystemSettingsiOS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSystemSettingsiOS.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSystemSettingsiOS.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,qBAAqB,8BAA+B,YAAY,sBAmDrE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/typescript/components/icons/svg/IconSystemToggleInstructions.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SVGIconProps } from "../Icon";
+declare const IconSystemToggleInstructions: ({ size, style, ...props }: SVGIconProps) => React.JSX.Element;
+export default IconSystemToggleInstructions;
+//# sourceMappingURL=IconSystemToggleInstructions.d.ts.map

package/lib/typescript/components/icons/svg/IconSystemToggleInstructions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSystemToggleInstructions.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/svg/IconSystemToggleInstructions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,4BAA4B,8BAI/B,YAAY,sBAOd,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -2,7 +2,6 @@ export * from "./accordion";
 export * from "./alert";
 export * from "./avatar";
 export * from "./badge";
-export * from "./banner";
 export * from "./buttons";
 export * from "./checkbox";
 export * from "./contentWrapper";
@@ -10,6 +9,7 @@ export * from "./divider";
 export * from "./icons";
 export * from "./listitems";
 export * from "./logos";
+export * from "./banner";
 export * from "./pictograms";
 export * from "./radio";
 export * from "./spacer";

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC"}

package/lib/typescript/components/layout/HeaderSecondLevel.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import Animated from "react-native-reanimated";
+import { WithTestID } from "../../utils/types";
+export type HeaderSecondLevel = WithTestID<{
+    scrollValues: ScrollValues;
+    title: string;
+    goBack: () => void;
+    backAccessibilityLabel: string;
+    firstAction?: React.ReactNode;
+    secondAction?: React.ReactNode;
+    thirdAction?: React.ReactNode;
+    transparent?: boolean;
+}>;
+type ScrollValues = {
+    contentOffsetY: Animated.SharedValue<number>;
+    triggerOffset: number;
+};
+export declare const HeaderSecondLevel: ({ scrollValues, goBack, backAccessibilityLabel, title, firstAction, secondAction, thirdAction, transparent, testID }: HeaderSecondLevel) => React.JSX.Element;
+export default HeaderSecondLevel;
+//# sourceMappingURL=HeaderSecondLevel.d.ts.map

package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAUjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC;IACzC,YAAY,EAAE,YAAY,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAG/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AA2BF,eAAO,MAAM,iBAAiB,yHAU3B,iBAAiB,sBA2EnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/components/layout/index.d.ts

@@ -1,2 +1,5 @@
+export * from "./GradientScrollView";
 export * from "./GradientBottomActions";
+export * from "./HeaderFirstLevel";
+export * from "./HeaderSecondLevel";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC"}

package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAoB,MAAM,cAAc,CAAC;AAUhE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAG1D,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,KAAK,aAAa,GAAG,iBAAiB,GAAG,cAAc,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CACE;IACE,iBAAiB,EAAE,SAAS,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,iBAAiB,EAAE,SAAS,GAAG,SAAS,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CACJ,CAAC;AA8BF,eAAO,MAAM,mBAAmB,iJAW7B,mBAAmB,sBAoFrB,CAAC"}
+{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAoB,MAAM,cAAc,CAAC;AAUhE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAG1D,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,KAAK,aAAa,GAAG,iBAAiB,GAAG,cAAc,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CACE;IACE,iBAAiB,EAAE,SAAS,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,iBAAiB,EAAE,SAAS,GAAG,SAAS,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CACJ,CAAC;AA8BF,eAAO,MAAM,mBAAmB,iJAW7B,mBAAmB,sBAoFrB,CAAC"}

package/lib/typescript/components/typography/CTA.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { IOTheme } from "../../core/IOColors";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type AllowedColors = IOTheme["textBody-default"] | "blueIO-850";
+type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
+type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * Typography component to render `CTA` text with font size {@link ctaFontSize} and fontFamily {@link ctaFontName}.
+ * default values(if not defined) are weight: {@link ctaDefaultWeight}, color: {@link ctaDefaultColor}
+ * @param props
+ * @constructor
+ */
+export declare const CTA: React.FunctionComponent<OwnProps>;
+export {};
+//# sourceMappingURL=CTA.d.ts.map

package/lib/typescript/components/typography/CTA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/CTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAgB,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,YAAY,CAAC;AAChE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEnE,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAUF;;;;;GAKG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAO9C,CAAC"}

package/lib/typescript/components/typography/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./BaseTypography";
 export * from "./Body";
-export * from "./common";
+export * from "./CTA";
 export * from "./Factory";
 export * from "./H1";
 export * from "./H2";
@@ -12,4 +12,5 @@ export * from "./Label";
 export * from "./LabelSmall";
 export * from "./Link";
 export * from "./Monospace";
+export * from "./common";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/lib/typescript/core/IOStyles.d.ts

@@ -60,6 +60,7 @@ export declare const IOStyles: {
     };
 };
 export declare const buttonSolidHeight: number;
+export declare const iconBtnSizeSmall: number;
 export declare const IOButtonLegacyStyles: {
     button: {
         flexDirection: "row";
@@ -157,7 +158,7 @@ interface IOListItemVisualParams {
 export declare const IOListItemVisualParams: IOListItemVisualParams;
 export declare const IOListItemStyles: {
     listItem: {
-        paddingVertical: 16 | 4 | 6 | 20 | 12 | 24 | 32 | 48 | 8 | 28 | 40 | 56 | 64 | 72 | 80;
+        paddingVertical: 16 | 4 | 6 | 12 | 20 | 24 | 32 | 48 | 8 | 28 | 40 | 56 | 64 | 72 | 80;
         paddingHorizontal: IOAppMargin;
         marginHorizontal: number;
     };
@@ -204,7 +205,7 @@ interface IOSelectionListItemVisualParams {
 export declare const IOSelectionListItemVisualParams: IOSelectionListItemVisualParams;
 export declare const IOSelectionListItemStyles: {
     listItem: {
-        paddingVertical: 16 | 4 | 6 | 20 | 12 | 24 | 32 | 48 | 8 | 28 | 40 | 56 | 64 | 72 | 80;
+        paddingVertical: 16 | 4 | 6 | 12 | 20 | 24 | 32 | 48 | 8 | 28 | 40 | 56 | 64 | 72 | 80;
         paddingHorizontal: IOAppMargin;
         marginHorizontal: number;
     };

package/lib/typescript/core/IOStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEpE;;GAEG;AAEH,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAE9B,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDnB,CAAC;AAgBH,eAAO,MAAM,iBAAiB,EAAE,MAAuB,CAAC;AAKxD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;CAuC/B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC;AAEH;;GAEG;AAEH,UAAU,sBAAsB;IAC9B,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,cAAc,CAAC;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,sBAOpC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAW3B,CAAC;AAEH;;GAEG;AAEH,UAAU,2BAA2B;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,QAAQ,CAAC;IAC1B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iCAAiC;IACzC,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,2BAA2B,EAAE,2BAMzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBASlC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iCAI7C,CAAC;AAEJ,UAAU,+BAA+B;IACvC,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,iBAAiB,EAAE,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,+BAA+B,EAAE,+BAQ3C,CAAC;AAEJ,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAWpC,CAAC"}
+{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEpE;;GAEG;AAEH,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAE9B,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDnB,CAAC;AAgBH,eAAO,MAAM,iBAAiB,EAAE,MAAuB,CAAC;AAGxD,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;CAuC/B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC;AAEH;;GAEG;AAEH,UAAU,sBAAsB;IAC9B,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,cAAc,CAAC;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,sBAOpC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAW3B,CAAC;AAEH;;GAEG;AAEH,UAAU,2BAA2B;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,QAAQ,CAAC;IAC1B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iCAAiC;IACzC,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,2BAA2B,EAAE,2BAMzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBASlC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iCAI7C,CAAC;AAEJ,UAAU,+BAA+B;IACvC,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,iBAAiB,EAAE,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,+BAA+B,EAAE,+BAQ3C,CAAC;AAEJ,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAWpC,CAAC"}

package/lib/typescript/index.d.ts

@@ -1,5 +1,6 @@
-export * from "./core";
 export * from "./components";
+export * from "./core";
 export * from "./functions";
+export * from "./utils/fonts";
 export * from "./utils/types";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.0.0",
+  "version": "1.1.2",
   "description": "test",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -53,7 +53,7 @@
     "@react-native-community/eslint-config": "^3.0.2",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
+    "@types/react": "~17.0.38",
     "@types/react-native": "0.70.0",
     "commitlint": "^17.0.2",
     "del-cli": "^5.0.0",
@@ -74,7 +74,7 @@
     "typescript": "^4.9.5"
   },
   "resolutions": {
-    "@types/react": "17.0.21"
+    "@types/react": "17.0.43"
   },
   "peerDependencies": {
     "react": "*",
@@ -158,7 +158,7 @@
     "expo-modules-core": "^1.5.6",
     "react-native-gesture-handler": "^2.12.0",
     "react-native-haptic-feedback": "^2.0.2",
-    "react-native-linear-gradient": "^2.7.3",
+    "react-native-linear-gradient": "^2.5.6",
     "react-native-reanimated": "^2.9.1",
     "react-native-svg": "^12.3.0",
     "react-native-safe-area-context": "^3.3.2",

package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap

@@ -154,6 +154,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
           onResponderTerminate={[Function]}
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
+          onTouchEnd={[Function]}
           style={
             {
               "alignSelf": "flex-start",

package/src/components/buttons/ButtonLink.tsx

@@ -185,6 +185,7 @@ export const ButtonLink = React.memo(
         onPress={onPress}
         onPressIn={onPressIn}
         onPressOut={onPressOut}
+        onTouchEnd={onPressOut}
         accessible={true}
         disabled={disabled}
         hitSlop={{ top: 14, right: 24, bottom: 14, left: 24 }}

package/src/components/buttons/IconButton.tsx

@@ -11,7 +11,6 @@ import Animated, {
   withSpring
 } from "react-native-reanimated";
 import {
-  IOButtonStyles,
   IOColors,
   IOIconButtonStyles,
   IOScaleValues,
@@ -124,7 +123,6 @@ export const IconButton = ({
 
   return (
     <Pressable
-      style={IOButtonStyles.dimensionsDefault}
       disabled={disabled}
       // Events
       onPress={onPress}

package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap

@@ -202,6 +202,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
   onResponderTerminate={[Function]}
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
+  onTouchEnd={[Function]}
   style={
     {
       "alignSelf": "flex-start",
@@ -496,11 +497,6 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
   onResponderTerminate={[Function]}
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
-  style={
-    {
-      "alignSelf": "flex-start",
-    }
-  }
 >
   <View
     style={

package/src/components/checkbox/AnimatedMessageCheckbox.tsx

@@ -0,0 +1,105 @@
+import React, { useEffect } from "react";
+import { StyleSheet, Pressable, PressableProps } from "react-native";
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  interpolate,
+  withSpring,
+  withTiming,
+  Easing
+} from "react-native-reanimated";
+import { IOColors } from "../../core/IOColors";
+import { IOSpringValues } from "../../core/IOAnimations";
+import { AnimatedTick } from "../common/AnimatedTick";
+import {
+  IOSelectionTickVisualParams,
+  IOVisualCostants
+} from "../../core/IOStyles";
+import { IOSpacingScale } from "../../core/IOSpacing";
+
+type Props = {
+  checked?: boolean;
+};
+
+type AnimatedMessageCheckbox = Props & Pick<PressableProps, "onPress">;
+
+const internalSpacing: IOSpacingScale = 4;
+
+const styles = StyleSheet.create({
+  checkBoxWrapper: {
+    width: IOVisualCostants.avatarSizeSmall,
+    height: IOVisualCostants.avatarSizeSmall,
+    padding: internalSpacing
+  },
+  checkBoxCircle: {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: IOVisualCostants.avatarSizeSmall,
+    height: IOVisualCostants.avatarSizeSmall,
+    borderRadius: IOVisualCostants.avatarSizeSmall
+  }
+});
+
+/**
+ * Animated message checkbox used for the specific message
+ * list item (Select mode that enables related actions)
+ */
+export const AnimatedMessageCheckbox = ({
+  checked,
+  onPress
+}: AnimatedMessageCheckbox) => {
+  const isChecked = checked ?? true;
+
+  const circleAnimationProgress = useSharedValue(checked ? 1 : 0);
+  const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
+
+  useEffect(() => {
+    // eslint-disable-next-line functional/immutable-data
+    circleAnimationProgress.value = withSpring(
+      checked ? 1 : 0,
+      IOSpringValues.selection
+    );
+    // eslint-disable-next-line functional/immutable-data
+    tickAnimationProgress.value = withTiming(checked ? 1 : 0, {
+      duration: 250,
+      easing: Easing.out(Easing.cubic)
+    });
+  }, [checked, circleAnimationProgress, tickAnimationProgress]);
+
+  const animatedCheckboxCircle = useAnimatedStyle(() => {
+    const scale = interpolate(circleAnimationProgress.value, [0, 1], [0.8, 1]);
+    const opacity = circleAnimationProgress.value;
+
+    return {
+      opacity,
+      transform: [{ scale }]
+    };
+  });
+
+  return (
+    <Pressable
+      testID="AnimatedMessageCheckboxInput"
+      onPress={onPress}
+      style={styles.checkBoxWrapper}
+    >
+      <Animated.View
+        style={[
+          styles.checkBoxCircle,
+          {
+            backgroundColor:
+              IOColors[IOSelectionTickVisualParams.bgColorOnState]
+          },
+          animatedCheckboxCircle
+        ]}
+      />
+      {isChecked && (
+        <AnimatedTick
+          progress={tickAnimationProgress}
+          strokeWidth={1.5}
+          stroke={IOColors[IOSelectionTickVisualParams.tickColor]}
+        />
+      )}
+    </Pressable>
+  );
+};

package/src/components/checkbox/index.tsx

@@ -1,2 +1,3 @@
 export * from "./CheckboxLabel";
 export * from "./AnimatedCheckbox";
+export * from "./AnimatedMessageCheckbox";

package/src/components/icons/Icon.tsx

@@ -38,7 +38,6 @@ import IconGiacenza from "./svg/IconGiacenza";
 import IconChat from "./svg/IconChat";
 import IconAgreement from "./svg/IconAgreement";
 import IconSave from "./svg/IconSave";
-import IconCompleted from "./svg/IconCompleted";
 import IconSuccess from "./svg/IconSuccess";
 import IconOk from "./svg/IconOk";
 import IconFiscalCodeIndividual from "./svg/IconFiscalCodeIndividual";
@@ -132,15 +131,23 @@ import IconProductIOAppBlueBg from "./svg/IconProductIOAppBlueBg";
 import IconProductPagoPA from "./svg/IconProductPagoPA";
 import IconWebsite from "./svg/IconWebsite";
 import IconSecurity from "./svg/IconSecurity";
-import LegIconSearch from "./svg/LegIconSearch";
-import LegIconChevronLeft from "./svg/LegIconChevronLeft";
 import LegIconRadioOn from "./svg/LegIconRadioOn";
 import LegIconRadioOff from "./svg/LegIconRadioOff";
 import LegIconCheckOn from "./svg/LegIconCheckOn";
 import LegIconCheckOff from "./svg/LegIconCheckOff";
 import IconCloseMedium from "./svg/IconCloseMedium";
+import IconCheckTick from "./svg/IconCheckTick";
+import IconCheckTickBig from "./svg/IconCheckTickBig";
+import IconMerchant from "./svg/IconMerchant";
+import IconSystemSettingsAndroid from "./svg/IconSystemSettingsAndroid";
+import IconSystemSettingsiOS from "./svg/IconSystemSettingsiOS";
+import IconSystemToggleInstructions from "./svg/IconSystemToggleInstructions";
+import IconSystemAppsAndroid from "./svg/IconSystemAppsAndroid";
+import IconSystemNotificationsInstructions from "./svg/IconSystemNotificationsInstructions";
+import IconArchive from "./svg/IconArchive";
 
 export const IOIcons = {
+  archive: IconArchive,
   spid: IconSpid,
   cie: IconCie /* io-cie */,
   qrCode: IconQrCode,
@@ -182,7 +189,6 @@ export const IOIcons = {
   docAttachPDF: IconDocumentAttachmentPDF,
   attachment: IconAttachment,
   add: IconAdd,
-  completed: IconCompleted,
   success: IconSuccess,
   ok: IconOk,
   fiscalCodeIndividual: IconFiscalCodeIndividual,
@@ -229,15 +235,13 @@ export const IOIcons = {
   gallery: IconGallery,
   externalLink: IconExternalLink,
   cancel: IconCancel,
-  help: IconQuestion /* io-question */,
+  help: IconQuestion,
   search: IconSearch /* io-search */,
-  legSearch: LegIconSearch,
   chevronRight: IconChevronRight,
   chevronLeft: IconChevronLeft,
   chevronBottom: IconChevronBottom,
   chevronTop: IconChevronTop,
   chevronRightListItem: IconChevronRightListItem,
-  legChevronLeft: LegIconChevronLeft,
   closeLarge: IconCloseLarge /* io-close */,
   closeMedium: IconCloseMedium,
   closeSmall: IconCloseSmall,
@@ -276,7 +280,15 @@ export const IOIcons = {
   categSustainability: IconCategSustainability,
   productIOApp: IconProductIOApp,
   productPagoPA: IconProductPagoPA /* io-pagopa */,
-  productIOAppBlueBg: IconProductIOAppBlueBg
+  productIOAppBlueBg: IconProductIOAppBlueBg,
+  checkTick: IconCheckTick,
+  checkTickBig: IconCheckTickBig,
+  merchant: IconMerchant,
+  systemSettingsAndroid: IconSystemSettingsAndroid,
+  systemSettingsiOS: IconSystemSettingsiOS,
+  systemToggleInstructions: IconSystemToggleInstructions,
+  systemAppsAndroid: IconSystemAppsAndroid,
+  systemNotificationsInstructions: IconSystemNotificationsInstructions
 } as const;
 
 export type IOIcons = keyof typeof IOIcons;
@@ -471,3 +483,22 @@ export const IOProductIcons = {
 } as const;
 
 export type IOProductIcons = keyof typeof IOProductIcons;
+
+/* System */
+const {
+  systemSettingsAndroid,
+  systemSettingsiOS,
+  systemToggleInstructions,
+  systemAppsAndroid,
+  systemNotificationsInstructions
+} = IOIcons;
+
+export const IOSystemIcons = {
+  systemSettingsAndroid,
+  systemSettingsiOS,
+  systemToggleInstructions,
+  systemAppsAndroid,
+  systemNotificationsInstructions
+} as const;
+
+export type IOSystemIcons = keyof typeof IOSystemIcons;

package/src/components/icons/svg/IconArchive.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconArchive = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0 4c0-1.65685 1.34315-3 3-3h18c1.6569 0 3 1.34315 3 3v2c0 1.30622-.8348 2.41746-2 2.82929V18c0 2.7614-2.2386 5-5 5H7c-2.76142 0-5-2.2386-5-5V8.82929C.8348 8.41746 0 7.30622 0 6V4Zm4 5h16v9c0 1.6569-1.3431 3-3 3H7c-1.65685 0-3-1.3431-3-3V9Zm18-3c0 .55228-.4477 1-1 1H3c-.55228 0-1-.44771-1-1V4c0-.55228.44772-1 1-1h18c.5523 0 1 .44771 1 1v2ZM9 11c-.55229 0-1 .4477-1 1s.44771 1 1 1h6c.5523 0 1-.4477 1-1s-.4477-1-1-1H9Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconArchive;

package/src/components/icons/svg/IconCheckTick.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconCheckTick = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17.7071 9.29289C18.0976 9.68342 18.0976 10.3166 17.7071 10.7071L11.4142 17C10.6332 17.781 9.36684 17.7811 8.58579 17L5.29289 13.7071C4.90237 13.3166 4.90237 12.6834 5.29289 12.2929C5.68342 11.9024 6.31658 11.9024 6.70711 12.2929L10 15.5858L16.2929 9.29289C16.6834 8.90237 17.3166 8.90237 17.7071 9.29289Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconCheckTick;

package/src/components/icons/svg/{IconCompleted.tsx → IconCheckTickBig.tsx}

@@ -2,7 +2,7 @@ import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../Icon";
 
-const IconCompleted = ({ size, style, ...props }: SVGIconProps) => (
+const IconCheckTickBig = ({ size, style, ...props }: SVGIconProps) => (
   <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
     <Path
       fillRule="evenodd"
@@ -13,4 +13,4 @@ const IconCompleted = ({ size, style, ...props }: SVGIconProps) => (
   </Svg>
 );
 
-export default IconCompleted;
+export default IconCheckTickBig;

package/src/components/icons/svg/IconMerchant.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconMerchant = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0 5V9C0 10.6602 0.776973 12.1764 2 13.0935V22H1C0.447715 22 0 22.4477 0 23C0 23.5523 0.447716 24 1 24H2V24H22V24H23C23.5523 24 24 23.5523 24 23C24 22.4477 23.5523 22 23 22H22V13.0935C23.223 12.1764 24 10.6602 24 9V5C24 2.23858 21.7614 0 19 0H5C2.23858 0 0 2.23858 0 5ZM20 13.9446C19.7697 13.9811 19.5332 14 19.2916 14C17.9025 14 16.6807 13.3699 15.8304 12.3893C15.7456 12.2914 15.5914 12.2909 15.5059 12.3883C14.6426 13.3716 13.4024 14 11.9996 14C10.597 14 9.35702 13.3718 8.49367 12.3887C8.40819 12.2914 8.25406 12.2919 8.1692 12.3897C7.31896 13.3701 6.09726 14 4.70842 14C4.46675 14 4.23027 13.9811 4 13.9446V22H8V18C8 16.8954 8.89543 16 10 16H14C15.1046 16 16 16.8954 16 18V22H20V13.9446ZM4.70842 12C3.28253 12 2 10.7295 2 9V5C2 3.34315 3.34315 2 5 2H7.30078V9.87156C6.95182 11.148 5.88415 12 4.70842 12ZM9.30078 9.69118C9.30852 9.71511 9.31542 9.7395 9.32144 9.76433C9.64273 11.0892 10.7528 12 11.9996 12C13.2464 12 14.3565 11.0892 14.6778 9.76433C14.684 9.73866 14.6912 9.71347 14.6992 9.68878V2H9.30078V9.69118ZM19.2916 12C18.1159 12 17.0482 11.148 16.6992 9.87156V2H19C20.6569 2 22 3.34315 22 5V9C22 10.7295 20.7175 12 19.2916 12ZM14 18V22H10V18H14Z"
+      fill="currentColor"
+    />
+  </Svg>
+);
+
+export default IconMerchant;

package/src/components/icons/svg/IconSystemAppsAndroid.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { Svg, Rect, G, Circle } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSystemAppsAndroid = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Rect width={size} height={size} fill="#F79E1B" rx="8" />
+    <G fill="#fff">
+      <Circle cx="8" cy="8" r="3" />
+      <Circle cx="8" cy="16" r="3" />
+      <Circle cx="16" cy="16" r="3" />
+      <Circle cx="16" cy="8" r="3" />
+    </G>
+  </Svg>
+);
+
+export default IconSystemAppsAndroid;

package/src/components/icons/svg/IconSystemNotificationsInstructions.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import { Svg, Path, Rect, Circle } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSystemNotificationsInstructions = ({
+  size,
+  style,
+  ...props
+}: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Rect width={size} height={size} fill="#EB4E3E" rx="4.364" />
+    <Path
+      stroke="#fff"
+      stroke-width="1.091"
+      d="M4.909 8.727c0-1.044 0-1.772.075-2.321.072-.534.203-.816.404-1.018.201-.2.484-.332 1.018-.404.549-.074 1.277-.075 2.32-.075h6.546c1.044 0 1.772.001 2.322.075.533.072.816.203 1.017.404.202.202.333.484.404 1.018.074.55.076 1.277.076 2.321v6.546c0 1.044-.002 1.772-.076 2.321-.071.534-.202.816-.404 1.018-.201.201-.484.332-1.017.404-.55.074-1.278.075-2.322.075H8.727c-1.044 0-1.772-.001-2.321-.075-.534-.072-.817-.203-1.018-.404-.201-.201-.332-.484-.404-1.018-.074-.55-.075-1.277-.075-2.321V8.727Z"
+    />
+    <Circle
+      cx="17.454"
+      cy="7.091"
+      r="3.818"
+      fill="#fff"
+      stroke="#EB4E3E"
+      stroke-width="1.091"
+    />
+  </Svg>
+);
+
+export default IconSystemNotificationsInstructions;

package/src/components/icons/svg/IconSystemSettingsAndroid.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { Svg, Path, Rect } from "react-native-svg";
+import { SVGIconProps } from "../Icon";
+
+const IconSystemSettingsAndroid = ({ size, style, ...props }: SVGIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
+    <Rect width={size} height={size} fill="#418DAF" rx="8" />
+    <Path
+      fill="#fff"
+      d="M17.95 12.784c.033-.25.05-.509.05-.784a4.81 4.81 0 0 0-.058-.783L19.633 9.9a.409.409 0 0 0 .1-.508l-1.6-2.767a.407.407 0 0 0-.491-.183l-1.992.8a5.885 5.885 0 0 0-1.35-.783L14 4.342A.403.403 0 0 0 13.6 4h-3.2c-.2 0-.358.142-.392.342l-.3 2.117c-.491.2-.941.475-1.35.783l-1.991-.8a.398.398 0 0 0-.492.183L4.283 9.392c-.1.175-.066.392.1.508l1.692 1.317A4.89 4.89 0 0 0 6 12c0 .259.017.534.058.784L4.367 14.1a.409.409 0 0 0-.1.509l1.6 2.766c.1.184.308.242.491.184l1.992-.8c.417.316.858.583 1.35.783l.3 2.117c.042.2.2.341.4.341h3.2c.2 0 .367-.141.392-.341l.3-2.117c.491-.2.941-.467 1.35-.783l1.991.8c.184.066.392 0 .492-.184l1.6-2.766c.1-.184.058-.392-.1-.509l-1.675-1.316ZM12 15c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3Z"
+    />
+  </Svg>
+);
+
+export default IconSystemSettingsAndroid;