Merge branch 'main' into IOAPPX-426-enable-font-scaling-text-fields

pagopa · Dec 16, 2024 · 4caae76 · 4caae76
2 parents 822c843 + ad30a4a
commit 4caae76
Show file tree

Hide file tree

Showing 118 changed files with 2,679 additions and 3,035 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,9 +4,89 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v3.0.0](https://github.com/pagopa/io-app-design-system/compare/v2.1.1...v3.0.0)
+#### [v4.3.0](https://github.com/pagopa/io-app-design-system/compare/v4.2.1...v4.3.0)
+
+- [IOAPPX-428] Add the new `useScaleAnimation` and `useListItemAnimation` hooks + Add support for the `reducedMotion` a11y setting [`#358`](https://github.com/pagopa/io-app-design-system/pull/358)
+- [IOAPPX-446] Remove `FooterWithButtons` [`#366`](https://github.com/pagopa/io-app-design-system/pull/366)
+
+#### [v4.2.1](https://github.com/pagopa/io-app-design-system/compare/v4.2.0...v4.2.1)
+
+> 6 December 2024
+
+- fix: module credential end component [`#367`](https://github.com/pagopa/io-app-design-system/pull/367)
+- [IOAPPX-441] Uniform text sizes of `ListItem…` components [`#363`](https://github.com/pagopa/io-app-design-system/pull/363)
+- chore: release 4.2.1 [`f57cb44`](https://github.com/pagopa/io-app-design-system/commit/f57cb44c9b5132cc3004f719fc77c6c38d8a8285)
+
+#### [v4.2.0](https://github.com/pagopa/io-app-design-system/compare/v4.1.0...v4.2.0)
+
+> 2 December 2024
+
+- [IOAPPX-443] Restore `a11y` props in the `Banner` component [`#364`](https://github.com/pagopa/io-app-design-system/pull/364)
+- [IOAPPX-444] Remove export of `BlockButtons` [`#365`](https://github.com/pagopa/io-app-design-system/pull/365)
+- chore: release 4.2.0 [`518cbce`](https://github.com/pagopa/io-app-design-system/commit/518cbce0f8777cacad33a2304bdde6dc32ba45e6)
+
+#### [v4.1.0](https://github.com/pagopa/io-app-design-system/compare/v4.0.2...v4.1.0)
+
+> 28 November 2024
+
+- [IOAPPX-440] Slightly refactor `Stack` component [`#362`](https://github.com/pagopa/io-app-design-system/pull/362)
+- [IOAPPX-413] Add dark mode support to `Alert`, `Banner` and `FeatureInfo` components [`#344`](https://github.com/pagopa/io-app-design-system/pull/344)
+- chore: release 4.1.0 [`900ab1e`](https://github.com/pagopa/io-app-design-system/commit/900ab1e02cce74bcd9d24d02c85496eb2e5e07ca)
+
+#### [v4.0.2](https://github.com/pagopa/io-app-design-system/compare/v4.0.1...v4.0.2)
+
+> 6 December 2024
+
+- fix: module credential end component [`#367`](https://github.com/pagopa/io-app-design-system/pull/367)
+- chore: release 4.0.2 [`3143367`](https://github.com/pagopa/io-app-design-system/commit/3143367e8a80fe8f552741e2bbf27e8bd2428e9f)
+
+#### [v4.0.1](https://github.com/pagopa/io-app-design-system/compare/v4.0.0...v4.0.1)
+
+> 21 November 2024
+
+- [IOAPPX-438] Relax the TS constraints of `IOText` to accept any numeric value as `size` [`#361`](https://github.com/pagopa/io-app-design-system/pull/361)
+- [IOAPPX-412] Add dark mode support to `Badge` and `Tag` components [`#343`](https://github.com/pagopa/io-app-design-system/pull/343)
+- chore: release 4.0.1 [`6c2728f`](https://github.com/pagopa/io-app-design-system/commit/6c2728fab088e046a39949f8a8a69205d41a4897)
+
+### [v4.0.0](https://github.com/pagopa/io-app-design-system/compare/v3.1.0...v4.0.0)
+
+> 20 November 2024
+
+- [IOAPPX-435] Improve typography by standardising sizes and removing redundant styles [`#360`](https://github.com/pagopa/io-app-design-system/pull/360)
+- chore: release 4.0.0 [`180251e`](https://github.com/pagopa/io-app-design-system/commit/180251ea226b029baa24bcef9e12900c78ac44fb)
+
+#### [v3.1.0](https://github.com/pagopa/io-app-design-system/compare/v3.0.1...v3.1.0)
+
+> 15 November 2024
+
+- [IOPID-2426] Tooltip component [`#351`](https://github.com/pagopa/io-app-design-system/pull/351)
+- chore: release 3.1.0 [`5da7ef5`](https://github.com/pagopa/io-app-design-system/commit/5da7ef576a9f0b61eba4f11237f8305e4b52c36e)
+
+#### [v3.0.1](https://github.com/pagopa/io-app-design-system/compare/v3.0.0...v3.0.1)
+
+> 14 November 2024
+
+- [IOAPPX-427] Fix `CodeInput` wrong empty colour when we're using dark or accent backgrounds [`#357`](https://github.com/pagopa/io-app-design-system/pull/357)
+- Remove `HeaderSecondLevel` background opacity animation if `transparent: false` [`#355`](https://github.com/pagopa/io-app-design-system/pull/355)
+- chore: release 3.0.1 [`30a5b9d`](https://github.com/pagopa/io-app-design-system/commit/30a5b9dc405d9d868a09a6bd7ff8d32c64722e66)
+
+### [v3.0.0](https://github.com/pagopa/io-app-design-system/compare/v2.1.2...v3.0.0)
+
+> 12 November 2024
 
 - [IOAPPX-421] Make `ListItemTransaction` independent of transaction status [`#353`](https://github.com/pagopa/io-app-design-system/pull/353)
+- Add `accessibiltyRole` to `ListItemInfo` component [`#354`](https://github.com/pagopa/io-app-design-system/pull/354)
+- [IOAPPX-369] Remove carried over dependencies [`#346`](https://github.com/pagopa/io-app-design-system/pull/346)
+- chore: release 3.0.0 [`a42edbe`](https://github.com/pagopa/io-app-design-system/commit/a42edbef95173b5ca8d74a60141df74a1b892d81)
+- chore: release 2.1.1 [`f6157c5`](https://github.com/pagopa/io-app-design-system/commit/f6157c52288abeec288465f07f965d864bf9bfb1)
+
+#### [v2.1.2](https://github.com/pagopa/io-app-design-system/compare/v2.1.1...v2.1.2)
+
+> 12 November 2024
+
+- Add `accessibiltyRole` to `ListItemInfo` component [`#354`](https://github.com/pagopa/io-app-design-system/pull/354)
+- chore: release 2.1.1 [`a9ff350`](https://github.com/pagopa/io-app-design-system/commit/a9ff3507f4a532a3d64556feb8d902bb926e660a)
+- chore: release 2.1.2 [`6b92273`](https://github.com/pagopa/io-app-design-system/commit/6b922732bb419f897e405f8006b1035123483888)
 
 #### [v2.1.1](https://github.com/pagopa/io-app-design-system/compare/v2.1.0...v2.1.1)
 

diff --git a/example/android/app/src/main/AndroidManifest.xml b/example/android/app/src/main/AndroidManifest.xml
@@ -12,7 +12,7 @@
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"
-        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode|fontScale"
         android:launchMode="singleTask"
         android:windowSoftInputMode="adjustResize"
         android:exported="true">

diff --git a/example/android/app/src/main/java/com/exampleapp/MainActivity.java b/example/android/app/src/main/java/com/exampleapp/MainActivity.java
@@ -5,6 +5,8 @@
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
 import com.facebook.react.defaults.DefaultReactActivityDelegate;
 
+import android.os.Bundle;
+
 public class MainActivity extends ReactActivity {
 
   /**
@@ -16,6 +18,16 @@ protected String getMainComponentName() {
     return "ExampleApp";
   }
 
+  /**
+   * Avoid crashing the application when the user changes the `fontScale` attribute
+   * and the UI is updated accordingly.
+   * To learn more: https://github.com/pagopa/io-app-design-system/pull/348
+   */
+  @Override
+  protected void onCreate(Bundle savedInstanceState) {
+      super.onCreate(null);
+  }
+
   /**
    * Returns the instance of the {@link ReactActivityDelegate}. Here we use a util class {@link
    * DefaultReactActivityDelegate} which allows you to easily enable Fabric and Concurrent React

diff --git a/example/src/components/AssetViewerBox.tsx b/example/src/components/AssetViewerBox.tsx
@@ -1,4 +1,4 @@
-import { IOColors, LabelSmall, hexToRgba } from "@pagopa/io-app-design-system";
+import { IOColors, BodySmall, hexToRgba } from "@pagopa/io-app-design-system";
 import React from "react";
 import {
   ImageBackground,
@@ -157,13 +157,13 @@ export const AssetViewerBox = ({
       }}
     >
       {name && (
-        <LabelSmall
+        <BodySmall
           color={"bluegrey"}
           style={{ alignSelf: "flex-start" }}
           weight={"Regular"}
         >
           {name}
-        </LabelSmall>
+        </BodySmall>
       )}
     </View>
   </View>

diff --git a/example/src/components/SpacerViewerBox.tsx b/example/src/components/SpacerViewerBox.tsx
@@ -2,7 +2,6 @@ import {
   HSpacer,
   IOColors,
   IOSpacer,
-  SpacerOrientation,
   VSpacer,
   useIOTheme
 } from "@pagopa/io-app-design-system";
@@ -11,7 +10,7 @@ import { Text, View } from "react-native";
 
 type SpacerViewerBoxProps = {
   size: IOSpacer;
-  orientation?: SpacerOrientation;
+  orientation?: "vertical" | "horizontal";
 };
 
 const SpacerLabel = ({ value }: { value: IOSpacer }) => {

diff --git a/example/src/navigation/navigator.tsx b/example/src/navigation/navigator.tsx
@@ -55,6 +55,7 @@ import { TabNavigationScreen } from "../pages/TabNavigation";
 import { TextInputs } from "../pages/TextInputs";
 import { Toasts } from "../pages/Toasts";
 import { Typography } from "../pages/Typography";
+import Tooltips from '../pages/Tooltips';
 import { AppParamsList } from "./params";
 import APP_ROUTES from "./routes";
 
@@ -426,6 +427,13 @@ const AppNavigator = () => {
               headerTitle: APP_ROUTES.COMPONENTS.TOASTS.title
             }}
           />
+          <Stack.Screen
+            name={APP_ROUTES.COMPONENTS.TOOLTIPS.route}
+            component={Tooltips}
+            options={{
+              headerTitle: APP_ROUTES.COMPONENTS.TOOLTIPS.title
+            }}
+          />
 
           <Stack.Screen
             name={APP_ROUTES.COMPONENTS.SEARCH_INPUT.route}

diff --git a/example/src/navigation/params.ts b/example/src/navigation/params.ts
@@ -45,6 +45,7 @@ export type AppParamsList = {
   [DESIGN_SYSTEM_ROUTES.SCREENS.FOOTER_ACTIONS_EMPTY_STATE.route]: undefined;
   [DESIGN_SYSTEM_ROUTES.SCREENS.GRADIENT_SCROLLVIEW.route]: undefined;
   [DESIGN_SYSTEM_ROUTES.COMPONENTS.TOASTS.route]: undefined;
+  [DESIGN_SYSTEM_ROUTES.COMPONENTS.TOOLTIPS.route]: undefined;
   [DESIGN_SYSTEM_ROUTES.SCREENS.FULL_SCREEN_MODAL.route]: undefined;
   [DESIGN_SYSTEM_ROUTES.SCREENS.FULL_SCREEN_MODAL_2.route]: undefined;
   [DESIGN_SYSTEM_ROUTES.SCREENS.SEARCH.route]: undefined;

diff --git a/example/src/navigation/routes.ts b/example/src/navigation/routes.ts
@@ -66,6 +66,10 @@ const APP_ROUTES = {
     TOASTS: {
       route: "DESIGN_SYSTEM_TOASTS",
       title: "Toasts"
+    },
+    TOOLTIPS: {
+      route: "DESIGN_SYSTEM_TOOLTIPS",
+      title: "Tooltips"
     }
   },
   SCREENS: {

diff --git a/example/src/pages/Advice.tsx b/example/src/pages/Advice.tsx
@@ -55,7 +55,7 @@ const renderFeatureInfo = () => {
     },
     {
       text: "Questa la seconda parte in grassetto. ",
-      weight: "Bold"
+      weight: "Semibold"
     },
     {
       text: "Questa la terza parte che torna "