Merge branch 'main' into IOAPPX-356-add-divider-header-first-level

pagopa · Dec 19, 2024 · f74e637 · f74e637
2 parents bfd18c5 + b82bd38
commit f74e637
Show file tree

Hide file tree

Showing 17 changed files with 207 additions and 142 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,10 +4,26 @@ 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).
 
+#### [v4.4.1](https://github.com/pagopa/io-app-design-system/compare/v4.4.0...v4.4.1)
+
+- [IOAPPX-451] Enable dynamic component scaling in the legacy UI [`#371`](https://github.com/pagopa/io-app-design-system/pull/371)
+
+#### [v4.4.0](https://github.com/pagopa/io-app-design-system/compare/v4.3.0...v4.4.0)
+
+> 17 December 2024
+
+- [IOAPPX-429] Enable `allowFontScaling` by default in the `IOText` component [`#359`](https://github.com/pagopa/io-app-design-system/pull/359)
+- [IOAPPX-426] Adjust `SearchInput` and `TextInputBase` spacing based on the `fontScale` value [`#356`](https://github.com/pagopa/io-app-design-system/pull/356)
+- [IOAPPX-419] Adjust the size of `Icon`, `Pictogram` and some components based on the value of `fontScale` [`#348`](https://github.com/pagopa/io-app-design-system/pull/348)
+- chore: release 4.4.0 [`cc3abfd`](https://github.com/pagopa/io-app-design-system/commit/cc3abfdd5ae8af6e9747feae4b9918e17c22e80e)
+
 #### [v4.3.0](https://github.com/pagopa/io-app-design-system/compare/v4.2.1...v4.3.0)
 
+> 11 December 2024
+
 - [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)
+- chore: release 4.3.0 [`03950e8`](https://github.com/pagopa/io-app-design-system/commit/03950e8b64109843af4c843702fda9b36b3cb00d)
 
 #### [v4.2.1](https://github.com/pagopa/io-app-design-system/compare/v4.2.0...v4.2.1)
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "4.3.0",
+  "version": "4.4.1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap b/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap
@@ -190,7 +190,7 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
     }
   />
   <Text
-    allowFontScaling={false}
+    allowFontScaling={true}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.5}
     style={

diff --git a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
@@ -352,7 +352,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
+        allowFontScaling={true}
         dynamicTypeRamp="headline"
         maxFontSizeMultiplier={1.5}
         style={
@@ -396,7 +396,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
         <Text
           accessibilityElementsHidden={true}
           accessible={false}
-          allowFontScaling={false}
+          allowFontScaling={true}
           ellipsizeMode="tail"
           importantForAccessibility="no-hide-descendants"
           maxFontSizeMultiplier={1.5}

diff --git a/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap b/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
@@ -819,7 +819,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
     <Text
       accessibilityElementsHidden={true}
       accessible={false}
-      allowFontScaling={false}
+      allowFontScaling={true}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
       maxFontSizeMultiplier={1.5}
@@ -930,7 +930,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
     <Text
       accessibilityElementsHidden={true}
       accessible={false}
-      allowFontScaling={false}
+      allowFontScaling={true}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
       maxFontSizeMultiplier={1.5}
@@ -1056,7 +1056,7 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
       <Text
         accessibilityElementsHidden={true}
         accessible={false}
-        allowFontScaling={false}
+        allowFontScaling={true}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
         maxFontSizeMultiplier={1.5}

diff --git a/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap b/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap
@@ -1753,7 +1753,7 @@ exports[`Test List Item Components ListItemAction Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           maxFontSizeMultiplier={1.5}
           style={
             [
@@ -1840,7 +1840,7 @@ exports[`Test List Item Components ListItemIDP Snapshot 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
+      allowFontScaling={true}
       maxFontSizeMultiplier={1.5}
       style={
         [
@@ -1913,7 +1913,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
         accessible={true}
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="footnote"
           maxFontSizeMultiplier={1.5}
           style={
@@ -1933,7 +1933,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
           label
         </Text>
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           numberOfLines={2}
@@ -2039,7 +2039,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="footnote"
           maxFontSizeMultiplier={1.5}
           style={
@@ -2059,7 +2059,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
           label
         </Text>
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           numberOfLines={2}
@@ -2223,7 +2223,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           style={
@@ -2448,7 +2448,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           style={
@@ -2610,7 +2610,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           numberOfLines={1}
@@ -2698,7 +2698,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
             </RNSVGGroup>
           </RNSVGSvgView>
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="footnote"
             maxFontSizeMultiplier={1.5}
             style={
@@ -2732,7 +2732,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           style={
@@ -2983,7 +2983,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           numberOfLines={1}
@@ -3017,7 +3017,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         }
       >
         <Text
-          allowFontScaling={false}
+          allowFontScaling={true}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.5}
           style={

diff --git a/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap b/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap
@@ -92,7 +92,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -173,7 +173,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -254,7 +254,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -351,7 +351,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -432,7 +432,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -513,7 +513,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -610,7 +610,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -691,7 +691,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -772,7 +772,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={
@@ -1010,7 +1010,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
+            allowFontScaling={true}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.5}
             style={

diff --git a/src/components/searchInput/SearchInput.tsx b/src/components/searchInput/SearchInput.tsx
@@ -21,7 +21,7 @@ import {
 } from "react-native";
 import Animated, {
   Easing,
-  Extrapolate,
+  Extrapolation,
   interpolate,
   interpolateColor,
   useAnimatedStyle,
@@ -173,7 +173,7 @@ export const SearchInput = forwardRef<SearchInputRef, SearchInputProps>(
               showCancelButton,
               [0, 1],
               [cancelButtonWidth + IOVisualCostants.appMarginDefault, 0],
-              Extrapolate.CLAMP
+              Extrapolation.CLAMP
             )
           }
         ],
@@ -235,7 +235,12 @@ export const SearchInput = forwardRef<SearchInputRef, SearchInputProps>(
           pointerEvents={pressable ? "none" : "auto"}
         >
           <View style={styles.iconContainer}>
-            <Icon name="search" size={iconSize} color={iconColor} />
+            <Icon
+              allowFontScaling
+              name="search"
+              size={iconSize}
+              color={iconColor}
+            />
           </View>
           <AnimatedTextInput
             testID={testID}
@@ -328,15 +333,15 @@ const styles = StyleSheet.create({
       inputFontSizePlaceholder,
       "Titillio",
       undefined,
-      "Regular"
+      "Medium"
     )
   },
   placeholderLegacy: {
     ...makeFontStyleObject(
       inputFontSizePlaceholder,
       "TitilliumSansPro",
       undefined,
-      "Regular"
+      "Semibold"
     )
   },
   cancelButton: {