Merge branch 'main' into IOAPPX-441-make-list-item-text-sizes-uniform

pagopa · Dec 2, 2024 · d2af28e · d2af28e
2 parents 9b5a8a3 + 518cbce
commit d2af28e
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 8 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.2.0](https://github.com/pagopa/io-app-design-system/compare/v4.1.0...v4.2.0)
+
+- [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)
+
+#### [v4.1.0](https://github.com/pagopa/io-app-design-system/compare/v4.0.1...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.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)
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "4.0.1",
+  "version": "4.2.0",
   "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/banner/Banner.tsx b/src/components/banner/Banner.tsx
@@ -37,7 +37,7 @@ import {
   PictogramBleed
 } from "../pictograms";
 import { VSpacer } from "../spacer";
-import { buttonTextFontSize, H6, IOText, BodySmall } from "../typography";
+import { BodySmall, buttonTextFontSize, H6, IOText } from "../typography";
 
 /* Styles */
 const sizePictogramBig: IOPictogramSizeScale = 80;
@@ -249,20 +249,27 @@ export const Banner = ({
         )}
         {action && (
           /* Disable pointer events to avoid
-                      pressed state on the button */
+             pressed state on the button */
           <View
             pointerEvents="none"
-            accessibilityElementsHidden
             importantForAccessibility="no-hide-descendants"
+            accessible={true}
+            accessibilityElementsHidden
+            accessibilityLabel={action}
+            accessibilityRole="button"
           >
             <VSpacer size={4} />
             <IOText
               font={isExperimental ? "Titillio" : "TitilliumSansPro"}
-              weight={isExperimental ? "Regular" : "Bold"}
+              weight="Semibold"
               color={colorMainButton}
               size={buttonTextFontSize}
               numberOfLines={1}
               ellipsizeMode="tail"
+              // A11y
+              accessible={false}
+              importantForAccessibility="no-hide-descendants"
+              accessibilityElementsHidden={true}
             >
               {action}
             </IOText>

diff --git a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
@@ -101,6 +101,9 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
       />
       <View
         accessibilityElementsHidden={true}
+        accessibilityLabel="Action text"
+        accessibilityRole="button"
+        accessible={true}
         importantForAccessibility="no-hide-descendants"
         pointerEvents="none"
       >
@@ -112,8 +115,11 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
           }
         />
         <Text
+          accessibilityElementsHidden={true}
+          accessible={false}
           allowFontScaling={true}
           ellipsizeMode="tail"
+          importantForAccessibility="no-hide-descendants"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -124,7 +130,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
                 "fontFamily": "Titillio",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": undefined,
               },
             ]
@@ -374,6 +380,9 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
       />
       <View
         accessibilityElementsHidden={true}
+        accessibilityLabel="Action text"
+        accessibilityRole="button"
+        accessible={true}
         importantForAccessibility="no-hide-descendants"
         pointerEvents="none"
       >
@@ -385,8 +394,11 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
           }
         />
         <Text
+          accessibilityElementsHidden={true}
+          accessible={false}
           allowFontScaling={false}
           ellipsizeMode="tail"
+          importantForAccessibility="no-hide-descendants"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -397,7 +409,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
                 "fontFamily": "Titillium Sans Pro",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "700",
+                "fontWeight": "600",
                 "lineHeight": undefined,
               },
             ]

diff --git a/src/components/layout/index.tsx b/src/components/layout/index.tsx
@@ -1,4 +1,3 @@
-export * from "./BlockButtons";
 export * from "./FooterActions";
 export * from "./FooterActionsInline";
 export * from "./FooterWithButtons";