@aws-amplify/ui-react 3.2.1 → 3.3.0

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Tue, 26 Jul 2022 22:28:56 GMT
+ * Generated on Wed, 03 Aug 2022 17:04:38 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -1373,6 +1373,11 @@ strong.amplify-text {
   line-height: var(--amplify-components-heading-line-height);
   display: block;
 }
+.amplify-heading--truncated {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 .amplify-heading--1 {
   font-size: var(--amplify-components-heading-1-font-size);
@@ -1533,6 +1538,7 @@ strong.amplify-text {
      -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
+  white-space: pre-wrap;
 }
 .amplify-textarea:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);

package/dist/types/primitives/Alert/AlertIcon.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { AlertVariations } from '../types';
 interface AlertIconProps {
     variation: AlertVariations;
+    ariaHidden?: boolean;
 }
 export declare const AlertIcon: React.FC<AlertIconProps>;
 export {};

package/dist/types/primitives/Collection/Collection.d.ts

@@ -3,6 +3,6 @@ import { CollectionProps } from '../types';
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/collection)
  */
 export declare const Collection: {
-    <Item>({ className, isSearchable, isPaginated, items, itemsPerPage, searchFilter, searchLabel, searchPlaceholder, type, testId, ...rest }: CollectionProps<Item>): JSX.Element;
+    <Item>({ className, isSearchable, isPaginated, items, itemsPerPage, searchFilter, searchLabel, searchNoResultsFound, searchPlaceholder, type, testId, ...rest }: CollectionProps<Item>): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/shared/constants.d.ts

@@ -11,6 +11,7 @@ export declare const ComponentText: {
     };
     Collection: {
         searchButtonLabel: string;
+        searchNoResultsFound: string;
     };
     Fields: {
         clearButtonLabel: string;

package/dist/types/primitives/types/collection.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { FlexProps } from './flex';
 import { GridProps } from './grid';
 import { BaseStyleProps } from './style';
@@ -42,6 +43,11 @@ export interface CollectionWrapperProps extends BaseStyleProps {
      * Search field placeholder
      */
     searchPlaceholder?: string;
+    /**
+     * @description
+     * Controls what is displayed when no results are found from the Collection search
+     */
+    searchNoResultsFound?: React.ReactNode;
 }
 export interface CollectionBaseProps<Item> {
     /**

package/dist/types/primitives/types/icon.d.ts

@@ -21,7 +21,7 @@ export interface IconProps extends ViewProps {
      * @description
      * This is used to define a string that labels the current element.
      */
-    ariaLabel: string;
+    ariaLabel?: string;
     /**
      * @description
      * This defines the position and dimension, in user space, of an SVG viewport.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -56,7 +56,7 @@
     "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.12.4",
+    "@aws-amplify/ui": "3.12.5",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",