chore(in-app-messaging): merge main in to in-app-messaging/main from latest release commit

docs/package.json

@@ -19,7 +19,7 @@
     "test": "$_ run build"
   },
   "dependencies": {
-    "@aws-amplify/ui-react": "3.4.0",
+    "@aws-amplify/ui-react": "3.4.1",
     "@cucumber/gherkin": "^19.0.3",
     "@cucumber/messages": "^16.0.1",
     "@docsearch/react": "3",

docs/src/pages/[platform]/components/rating/examples/RatingEmptyExample.tsx

@@ -2,10 +2,7 @@ import { Rating, Icon } from '@aws-amplify/ui-react';
 
 const IconStarBorder = () => {
   return (
-    <Icon
-      ariaLabel="No rating"
-      pathData="M22 9.24L14.81 8.62L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27L18.18 21L16.55 13.97L22 9.24ZM12 15.4L8.24 17.67L9.24 13.39L5.92 10.51L10.3 10.13L12 6.1L13.71 10.14L18.09 10.52L14.77 13.4L15.77 17.68L12 15.4Z"
-    />
+    <Icon pathData="M22 9.24L14.81 8.62L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27L18.18 21L16.55 13.97L22 9.24ZM12 15.4L8.24 17.67L9.24 13.39L5.92 10.51L10.3 10.13L12 6.1L13.71 10.14L18.09 10.52L14.77 13.4L15.77 17.68L12 15.4Z" />
   );
 };
 

docs/src/pages/[platform]/components/rating/examples/RatingIconExample.tsx

@@ -1,12 +1,7 @@
 import { Rating, Icon } from '@aws-amplify/ui-react';
 
 const IconAdd = () => {
-  return (
-    <Icon
-      ariaLabel="No rating"
-      pathData="M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z"
-    />
-  );
+  return <Icon pathData="M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z" />;
 };
 
 export const RatingIconExample = () => {

examples/next/package.json

@@ -10,7 +10,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@aws-amplify/ui-react": "^3.4.0",
+    "@aws-amplify/ui-react": "^3.4.1",
     "next": "^11.1.3",
     "next-global-css": "^1.1.1",
     "react": "17",

package.json

@@ -54,6 +54,7 @@
     ]
   },
   "resolutions": {
+    "@types/react": "17.0.47",
     "ansi-regex": "5.0.1",
     "ansi-html": "0.0.8",
     "async": "^3.2.2",

packages/react/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @aws-amplify/ui-react
 
+## 3.4.1
+
+### Patch Changes
+
+- [#2450](https://github.com/aws-amplify/amplify-ui/pull/2450) [`ed41e28d1`](https://github.com/aws-amplify/amplify-ui/commit/ed41e28d1abb689f7c74d9f13b9da96a21806973) Thanks [@thaddmt](https://github.com/thaddmt)! - Fix location search bug
+
+* [#2469](https://github.com/aws-amplify/amplify-ui/pull/2469) [`322bc2ce7`](https://github.com/aws-amplify/amplify-ui/commit/322bc2ce7e8edd92b098c8f2dd65af3c99184c35) Thanks [@hbuchel](https://github.com/hbuchel)! - fix(react): hide svg icon images in a11y tree in Rating component so redundant text is not announced
+
 ## 3.4.0
 
 ### Minor Changes

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -68,7 +68,7 @@
     "lodash": "4.17.21",
     "mapbox-gl": "1.13.1",
     "maplibre-gl": "2.1.9",
-    "maplibre-gl-js-amplify": "2.0.2",
+    "maplibre-gl-js-amplify": "2.0.4",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1",
     "react-map-gl": "7.0.15",

packages/react/src/primitives/Rating/RatingIcon.tsx

@@ -17,7 +17,11 @@ export const RatingIcon: React.FC<RatingIconProps> = ({
   className,
 }) => {
   return (
-    <View as="span" className="amplify-rating-icon-container">
+    <View
+      as="span"
+      className="amplify-rating-icon-container"
+      aria-hidden="true"
+    >
       <View as="span" className={classNames(className)} color={fill}>
         {icon}
       </View>

packages/react/src/primitives/Rating/RatingMixedIcon.tsx

@@ -21,7 +21,11 @@ export const RatingMixedIcon: React.FC<RatingMixedIconProps> = ({
 }) => {
   const widthPercentage = `${(value % 1) * 100}%`;
   return (
-    <View as="span" className="amplify-rating-icon-container">
+    <View
+      as="span"
+      className="amplify-rating-icon-container"
+      aria-hidden="true"
+    >
       <View as="span" className="amplify-rating-label">
         <View
           as="span"