# @aws-amplify/ui-react
## 5.0.7
### Patch Changes
- [#4301](https://github.com/aws-amplify/amplify-ui/pull/4301) [`e7e75874d`](https://github.com/aws-amplify/amplify-ui/commit/e7e75874dea238046c94e4fdd965029620171254) Thanks [@hbuchel](https://github.com/hbuchel)! - fix(react/ui): update paddingInlineEnd and icon placement on small and large Select primitives with related tokens for theming.
- Updated dependencies [[`e7e75874d`](https://github.com/aws-amplify/amplify-ui/commit/e7e75874dea238046c94e4fdd965029620171254), [`0417bd41c`](https://github.com/aws-amplify/amplify-ui/commit/0417bd41c065673eb70dd916c9008d88671445c9)]:
- @aws-amplify/ui@5.6.9
- @aws-amplify/ui-react-core@2.1.28
## 5.0.6
### Patch Changes
- [#4271](https://github.com/aws-amplify/amplify-ui/pull/4271) [`6b71ec46c`](https://github.com/aws-amplify/amplify-ui/commit/6b71ec46ccbf63c4605c9a57d3ecff098a42938a) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(primitives): fix border color token for SwitchField thumb
- Updated dependencies [[`6b71ec46c`](https://github.com/aws-amplify/amplify-ui/commit/6b71ec46ccbf63c4605c9a57d3ecff098a42938a)]:
- @aws-amplify/ui@5.6.8
- @aws-amplify/ui-react-core@2.1.27
## 5.0.5
### Patch Changes
- [#4227](https://github.com/aws-amplify/amplify-ui/pull/4227) [`d3ee05415`](https://github.com/aws-amplify/amplify-ui/commit/d3ee054159e1de81861bcd9273be9b1c87924cf4) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(react-native): border widths, spacing, font sizes, opacities in the theme don't throw runtime errors.
These are all valid in a theme now:
```typescript
const theme: Theme = {
tokens: {
borderWidths: {
small: '4',
medium: '1rem',
large: 6,
},
opacities: {
'10': '0.2',
},
space: {
small: 4,
medium: '6',
large: '{space.small.value}',
},
fontSizes: {
small: '1rem',
},
},
};
```
- [#3646](https://github.com/aws-amplify/amplify-ui/pull/3646) [`165a8abbd`](https://github.com/aws-amplify/amplify-ui/commit/165a8abbda8aa3e95fb9466fc60f8694c646d5bc) Thanks [@Rogue-striker](https://github.com/Rogue-striker)! - Allow PasswordField visibility toggle icon border color to indicate error
- [#4216](https://github.com/aws-amplify/amplify-ui/pull/4216) [`f0b32d275`](https://github.com/aws-amplify/amplify-ui/commit/f0b32d27509cbc00013e96f6cfc735695b7784c8) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: mark internal used props as deprecated.
- [#4235](https://github.com/aws-amplify/amplify-ui/pull/4235) [`c3a418d8d`](https://github.com/aws-amplify/amplify-ui/commit/c3a418d8d8bd057c27de59379033c2c538762141) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(authenticator-react): force new password header and footer
Adding Header and Footer components to ForceNewPassword screen
- [#4262](https://github.com/aws-amplify/amplify-ui/pull/4262) [`aea82ff1b`](https://github.com/aws-amplify/amplify-ui/commit/aea82ff1bb6e066ed8b70433f4d72cd34bf0ccae) Thanks [@zchenwei](https://github.com/zchenwei)! - feat(ui-react-storage): Add a new connected component `StorageImage`. It allows you load the images managed by Amplify Storage.
_Example:_
```jsx
import { StorageImage } from '@aws-amplify/ui-react-storage';
;
```
- Updated dependencies [[`78fdfd6c8`](https://github.com/aws-amplify/amplify-ui/commit/78fdfd6c8268c56204f905402162ad8cb40a0c8e), [`d3ee05415`](https://github.com/aws-amplify/amplify-ui/commit/d3ee054159e1de81861bcd9273be9b1c87924cf4), [`165a8abbd`](https://github.com/aws-amplify/amplify-ui/commit/165a8abbda8aa3e95fb9466fc60f8694c646d5bc), [`13098b36a`](https://github.com/aws-amplify/amplify-ui/commit/13098b36a75452d839955d141bd25f57538b1a22), [`37e490d39`](https://github.com/aws-amplify/amplify-ui/commit/37e490d3997a1dc55e2998c277790945921e6dc3), [`6d14bf3f3`](https://github.com/aws-amplify/amplify-ui/commit/6d14bf3f386523bacd6832e56cc5903f644da88e), [`aea82ff1b`](https://github.com/aws-amplify/amplify-ui/commit/aea82ff1bb6e066ed8b70433f4d72cd34bf0ccae)]:
- @aws-amplify/ui@5.6.7
- @aws-amplify/ui-react-core@2.1.26
## 5.0.4
### Patch Changes
- [#4200](https://github.com/aws-amplify/amplify-ui/pull/4200) [`572730f7b`](https://github.com/aws-amplify/amplify-ui/commit/572730f7b16b87a6b2ab0c40116a4c8c5acdbd36) Thanks [@zchenwei](https://github.com/zchenwei)! - fix: fix implicit `any` type inference for event handlers' event parameter.
## 5.0.3
### Patch Changes
- [#4161](https://github.com/aws-amplify/amplify-ui/pull/4161) [`b0e16e78c`](https://github.com/aws-amplify/amplify-ui/commit/b0e16e78c6a41945aa79f3e14fa3f9e6cb0e5e76) Thanks [@judygab](https://github.com/judygab)! - Add `borderColor`, `borderWidth`, and `borderStyle` style props
- [#4168](https://github.com/aws-amplify/amplify-ui/pull/4168) [`d930e2ed1`](https://github.com/aws-amplify/amplify-ui/commit/d930e2ed17f3e638e2b62699ba2dd164b32f8118) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(RWA/RNA): deprecate passwordSettings prop
- Updated dependencies [[`b0e16e78c`](https://github.com/aws-amplify/amplify-ui/commit/b0e16e78c6a41945aa79f3e14fa3f9e6cb0e5e76), [`d930e2ed1`](https://github.com/aws-amplify/amplify-ui/commit/d930e2ed17f3e638e2b62699ba2dd164b32f8118)]:
- @aws-amplify/ui@5.6.6
- @aws-amplify/ui-react-core@2.1.25
## 5.0.2
### Patch Changes
- Updated dependencies [[`23180b470`](https://github.com/aws-amplify/amplify-ui/commit/23180b470c7b3b78a5970d00f8c2dc5ce8773eff), [`3cecd0765`](https://github.com/aws-amplify/amplify-ui/commit/3cecd0765b46c77c49af24fae7cfb9054ebe2cdb)]:
- @aws-amplify/ui-react-core@2.1.24
- @aws-amplify/ui@5.6.5
## 5.0.1
### Patch Changes
- [#4099](https://github.com/aws-amplify/amplify-ui/pull/4099) [`be856b057`](https://github.com/aws-amplify/amplify-ui/commit/be856b057750f9d2706c2a1e43c6ff1669e50a7b) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(react): omit ReactNode from Collection children prop
## 5.0.0
### Major Changes
- [#4048](https://github.com/aws-amplify/amplify-ui/pull/4048) [`c19278b0b`](https://github.com/aws-amplify/amplify-ui/commit/c19278b0bee7c9b499bd619c8ee0f458cbb5da83) Thanks [@calebpollman](https://github.com/calebpollman)! - **Breaking Changes**:
- `@aws-amplify/ui-react@5.x` removes the `to` prop on `Link` component and instead have it extended from the underlying rendered third-party `Link` if it contains a `to` prop ([PR](https://github.com/aws-amplify/amplify-ui/pull/4011)).
- `@aws-amplify/ui-react@5.x` strictly types the `View` component and updates all component types to include the underlying rendered HTML element's attributes ([PR](https://github.com/aws-amplify/amplify-ui/pull/4011)).
## 4.6.4
### Patch Changes
- [#3901](https://github.com/aws-amplify/amplify-ui/pull/3901) [`7f59b3c4d`](https://github.com/aws-amplify/amplify-ui/commit/7f59b3c4dd27205a35c1b07ddc0f06a0db9de776) Thanks [@sreeramsama](https://github.com/sreeramsama)! - - Adds new `ui-react-core-notifications` package for utilities related to the Notifications category, and new `ui-react-notifications` package for components like InAppMessaging. Also sets deprecation messages for `InAppMessagingDisplay`, `InAppMessagingProvider` and `useInAppMessaging` in `ui-react` package as they will be moved out in a future breaking change release.
- Adds new `ui-react-geo` package for Geo related components like `MapView` and `LocationSearch`. They will be moved out from `ui-react` in a future breaking change release.
- Updated dependencies [[`7f59b3c4d`](https://github.com/aws-amplify/amplify-ui/commit/7f59b3c4dd27205a35c1b07ddc0f06a0db9de776), [`ca591a2fc`](https://github.com/aws-amplify/amplify-ui/commit/ca591a2fc319556f705be74bacd141d48f3531bd)]:
- @aws-amplify/ui-react-core-notifications@1.0.0
- @aws-amplify/ui-react-core@2.1.23
- @aws-amplify/ui@5.6.4
## 4.6.3
### Patch Changes
- Updated dependencies [[`62425139f`](https://github.com/aws-amplify/amplify-ui/commit/62425139fb5e41a3b36b46aac1d31b965a2739fc)]:
- @aws-amplify/ui@5.6.3
- @aws-amplify/ui-react-core@2.1.22
## 4.6.2
### Patch Changes
- [#3806](https://github.com/aws-amplify/amplify-ui/pull/3806) [`998a8c74f`](https://github.com/aws-amplify/amplify-ui/commit/998a8c74ff42c250d0d028efb20afa2d54528c86) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(ui): add event callbacks to defaultAuthHubHandler
- [#3836](https://github.com/aws-amplify/amplify-ui/pull/3836) [`82f3968b7`](https://github.com/aws-amplify/amplify-ui/commit/82f3968b7f750f069bda4ad7bfa9c34d7ee6091f) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: add `types` field to `exports` in `package.json` for `@aws-amplify/ui-react-core` and `@aws-amplify/ui-vue`
- Updated dependencies [[`998a8c74f`](https://github.com/aws-amplify/amplify-ui/commit/998a8c74ff42c250d0d028efb20afa2d54528c86), [`82f3968b7`](https://github.com/aws-amplify/amplify-ui/commit/82f3968b7f750f069bda4ad7bfa9c34d7ee6091f)]:
- @aws-amplify/ui-react-core@2.1.21
- @aws-amplify/ui@5.6.2
## 4.6.1
### Patch Changes
- [#3750](https://github.com/aws-amplify/amplify-ui/pull/3750) [`1412aa4eb`](https://github.com/aws-amplify/amplify-ui/commit/1412aa4eb4837c44c4e5ecce66188e1e256f952c) Thanks [@tannerbyers](https://github.com/tannerbyers)! - Removed optional undefined type workaround for MapView props (fog & terrain) due to fix in react-map-gl library.
- [#3788](https://github.com/aws-amplify/amplify-ui/pull/3788) [`37d63424e`](https://github.com/aws-amplify/amplify-ui/commit/37d63424e23e971713f76d201ce829ec6974fc54) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - feat(storage-manager): add metadata and the rest of the Storage.put params
```jsx
const processFile = ({ file, key }) => {
return {
file,
key,
metadata: {
id: key,
},
};
};
export function StorageManagerMetadataExample() {
return (
);
}
```
- [#3708](https://github.com/aws-amplify/amplify-ui/pull/3708) [`9551c521b`](https://github.com/aws-amplify/amplify-ui/commit/9551c521b8bed4844f5d57a8cf842ed8b5bd6bee) Thanks [@helmax-y](https://github.com/helmax-y)! - Clear button is removed for disabled SearchField
- Updated dependencies [[`4ca838978`](https://github.com/aws-amplify/amplify-ui/commit/4ca838978d23a086f80859a7cb57f184ff49e2d4), [`d6a3676f2`](https://github.com/aws-amplify/amplify-ui/commit/d6a3676f2295ed39fa83b9d31a9540f3437ba129), [`37d63424e`](https://github.com/aws-amplify/amplify-ui/commit/37d63424e23e971713f76d201ce829ec6974fc54)]:
- @aws-amplify/ui@5.6.1
- @aws-amplify/ui-react-core@2.1.20
## 4.6.0
### Minor Changes
- [#3677](https://github.com/aws-amplify/amplify-ui/pull/3677) [`bc3fd6d95`](https://github.com/aws-amplify/amplify-ui/commit/bc3fd6d951b1ab1b188722f59ce04118d04d16af) Thanks [@thaddmt](https://github.com/thaddmt)! - feat: Add ui-react-liveness and FaceLivenessDetector component
### Patch Changes
- [#3675](https://github.com/aws-amplify/amplify-ui/pull/3675) [`c3918d9ab`](https://github.com/aws-amplify/amplify-ui/commit/c3918d9aba1a9bedf8f1c8d45097f85b8ca9d482) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(field): making description show up
- [#3663](https://github.com/aws-amplify/amplify-ui/pull/3663) [`747516159`](https://github.com/aws-amplify/amplify-ui/commit/747516159d504b551dab09cbe8f214fa7b4505df) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding an internal Field primitive
- Updated dependencies [[`bc3fd6d95`](https://github.com/aws-amplify/amplify-ui/commit/bc3fd6d951b1ab1b188722f59ce04118d04d16af), [`747516159`](https://github.com/aws-amplify/amplify-ui/commit/747516159d504b551dab09cbe8f214fa7b4505df)]:
- @aws-amplify/ui@5.6.0
- @aws-amplify/ui-react-core@2.1.19
## 4.5.1
### Patch Changes
- [#3657](https://github.com/aws-amplify/amplify-ui/pull/3657) [`fefc4cb3d`](https://github.com/aws-amplify/amplify-ui/commit/fefc4cb3df12d344792b33ad100c6252c9fa2819) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding in missing changeset from previous release.
- Updated dependencies [[`fefc4cb3d`](https://github.com/aws-amplify/amplify-ui/commit/fefc4cb3df12d344792b33ad100c6252c9fa2819)]:
- @aws-amplify/ui@5.5.10
- @aws-amplify/ui-react-core@2.1.18
## 4.5.0
### Minor Changes
- [#3589](https://github.com/aws-amplify/amplify-ui/pull/3589) [`3c3fbf4d7`](https://github.com/aws-amplify/amplify-ui/commit/3c3fbf4d73d9381cb3ee6d5590eb97062143f589) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - FileUploader becomes StorageManager!
Creating a new package `@aws-amplify/ui-react-storage` to keep all future Storage related connected components, the first of which is the StorageManager.
The StorageManager is a partial re-write of the FileUploader to address some customer issues and make the component more scalable for the future.
Some notable changes from FileUploader -> StorageManager
- Component slots: You can override each part of the StorageManager with your custom UI
- Pre-upload process files: You can use this to programatically change file names before upload or perform optimizations and validations.
- Easy text updates: The StorageManager component has a `displayText` prop where you can pass in all the text the component uses.
```jsx
import { StorageManager } from '@aws-amplify/ui-react-storage';
export const DefaultStorageManagerExample = () => {
return (
);
};
```
### Patch Changes
- [#3636](https://github.com/aws-amplify/amplify-ui/pull/3636) [`61f525f53`](https://github.com/aws-amplify/amplify-ui/commit/61f525f531978a894373b41a70bd788d507bb514) Thanks [@letsbelopez](https://github.com/letsbelopez)! - fix: add boolean number to datastorepredicateobject operand (internal)
- [#3611](https://github.com/aws-amplify/amplify-ui/pull/3611) [`72d5e06eb`](https://github.com/aws-amplify/amplify-ui/commit/72d5e06ebbf024735ec44c04ad6e61b62a7dd20a) Thanks [@reesscot](https://github.com/reesscot)! - chore: enable ts strict in `ui-react` package
## 4.4.3
### Patch Changes
- [#3609](https://github.com/aws-amplify/amplify-ui/pull/3609) [`47b39c57a`](https://github.com/aws-amplify/amplify-ui/commit/47b39c57afcbae6d6d90f13646ee974efcade3af) Thanks [@sreeramsama](https://github.com/sreeramsama)! - Revert feature that add optional event handling on Geo LocationSearch component
## 4.4.2
### Patch Changes
- [#3317](https://github.com/aws-amplify/amplify-ui/pull/3317) [`7f1392bcf`](https://github.com/aws-amplify/amplify-ui/commit/7f1392bcf00807d62bf0e1d3eb2c2d6f51e161a9) Thanks [@ioanabrooks](https://github.com/ioanabrooks)! - chore(types): better typing of studio code for TS strict mode
- getOverridesFromVariants
- useNavigateAction
- useTypeCastFields
- Updated dependencies [[`5ee48f997`](https://github.com/aws-amplify/amplify-ui/commit/5ee48f99780ba5df889c1d66f24a0ebc9f601125)]:
- @aws-amplify/ui@5.5.9
- @aws-amplify/ui-react-core@2.1.17
## 4.4.1
### Patch Changes
- Updated dependencies [[`ee2c6981e`](https://github.com/aws-amplify/amplify-ui/commit/ee2c6981e19413f0d9a9fd093d14be934ae5d63b), [`9cc835828`](https://github.com/aws-amplify/amplify-ui/commit/9cc8358284be497e67911c335dfda76c8f41bf98)]:
- @aws-amplify/ui@5.5.8
- @aws-amplify/ui-react-core@2.1.16
## 4.4.0
### Minor Changes
- [#2227](https://github.com/aws-amplify/amplify-ui/pull/2227) [`df064a275`](https://github.com/aws-amplify/amplify-ui/commit/df064a275b56b2f7e717a2431f792554b0496e0a) Thanks [@crnkyunicorn](https://github.com/crnkyunicorn)! - Updated the standalone LocationSearch component to pass through events from the underlying maplibre library and included example code in the Geo example
### Patch Changes
- [#3538](https://github.com/aws-amplify/amplify-ui/pull/3538) [`28338f8fe`](https://github.com/aws-amplify/amplify-ui/commit/28338f8febf57a6db38712b80f56e0bd49d4cda0) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: bump `maplibre-gl-js-amplify` to 3.0.5
## 4.3.10
### Patch Changes
- [#3511](https://github.com/aws-amplify/amplify-ui/pull/3511) [`6501852a7`](https://github.com/aws-amplify/amplify-ui/commit/6501852a7916cc2afb90bfb52461877c1e637b99) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(primitives): fix hidden inputs breaking some interfaces by adding `position:relative` to Radio and Checkbox primitives
fixes #3165
- [#3504](https://github.com/aws-amplify/amplify-ui/pull/3504) [`b4a2d1992`](https://github.com/aws-amplify/amplify-ui/commit/b4a2d19927dae0de52eb2fc4e0adfe872dd43f53) Thanks [@reesscot](https://github.com/reesscot)! - fix: ts strict errors in paginationitem
- [#3497](https://github.com/aws-amplify/amplify-ui/pull/3497) [`5249a450d`](https://github.com/aws-amplify/amplify-ui/commit/5249a450dcd07487188fc57d5b6b04dbf52e1970) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(tsconfig): add configs directory and ts configuration
- [#3454](https://github.com/aws-amplify/amplify-ui/pull/3454) [`b151efd85`](https://github.com/aws-amplify/amplify-ui/commit/b151efd85d05da0e9eb3aec9960e45a0d11c631b) Thanks [@reesscot](https://github.com/reesscot)! - fix: TS Strict errors on toggleButton primitive
- Updated dependencies [[`a55aa4584`](https://github.com/aws-amplify/amplify-ui/commit/a55aa4584dd9aba4e97d4e36acc289238710d30e), [`6501852a7`](https://github.com/aws-amplify/amplify-ui/commit/6501852a7916cc2afb90bfb52461877c1e637b99), [`50fbe91de`](https://github.com/aws-amplify/amplify-ui/commit/50fbe91defab6172c09eb03c71671a5cc5f4d265), [`5249a450d`](https://github.com/aws-amplify/amplify-ui/commit/5249a450dcd07487188fc57d5b6b04dbf52e1970)]:
- @aws-amplify/ui@5.5.7
- @aws-amplify/ui-react-core@2.1.15
## 4.3.9
### Patch Changes
- [#3396](https://github.com/aws-amplify/amplify-ui/pull/3396) [`18d7a717b`](https://github.com/aws-amplify/amplify-ui/commit/18d7a717b20b5fcd4c1bfd7c9ff9f7f662d455ca) Thanks [@ErikCH](https://github.com/ErikCH)! - Refactored file status in File uploader
- [#3472](https://github.com/aws-amplify/amplify-ui/pull/3472) [`e08e62234`](https://github.com/aws-amplify/amplify-ui/commit/e08e6223473f56cbbc2d0ce4bab85ebd1caf020c) Thanks [@wlee221](https://github.com/wlee221)! - fix(ui): use lodash imports directly
- [#3482](https://github.com/aws-amplify/amplify-ui/pull/3482) [`e283f14ca`](https://github.com/aws-amplify/amplify-ui/commit/e283f14cadf54c6f6ab7e729151ea5fe97776c6a) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui): migrate isFunction util to ui package
- [#3471](https://github.com/aws-amplify/amplify-ui/pull/3471) [`528c39191`](https://github.com/aws-amplify/amplify-ui/commit/528c391914c456cdedc209b96d16a7f04afc7ae8) Thanks [@reesscot](https://github.com/reesscot)! - fix(react): fix missing `maplibre-gl-geocoder` ts strict error
```
node_modules/@aws-amplify/ui-react/dist/types/components/Geo/LocationSearch/index.d.ts:2:37 - error TS2307: Cannot find module 'maplibre-gl-geocoder' or its corresponding type declarations.
```
- Updated dependencies [[`3c5fef84c`](https://github.com/aws-amplify/amplify-ui/commit/3c5fef84cb6ad0cb830416e70028c0bb313dd99c), [`e08e62234`](https://github.com/aws-amplify/amplify-ui/commit/e08e6223473f56cbbc2d0ce4bab85ebd1caf020c), [`12d166209`](https://github.com/aws-amplify/amplify-ui/commit/12d166209b91ee94661e586a2f77e9fbf75b3d64), [`e283f14ca`](https://github.com/aws-amplify/amplify-ui/commit/e283f14cadf54c6f6ab7e729151ea5fe97776c6a), [`d28e31c36`](https://github.com/aws-amplify/amplify-ui/commit/d28e31c36a243d04737b6c13ce0307495680498a), [`c3116b894`](https://github.com/aws-amplify/amplify-ui/commit/c3116b89470587c127d53a5cb370b2574bde553a)]:
- @aws-amplify/ui@5.5.6
- @aws-amplify/ui-react-core@2.1.14
## 4.3.8
### Patch Changes
- [#3422](https://github.com/aws-amplify/amplify-ui/pull/3422) [`3f787d41f`](https://github.com/aws-amplify/amplify-ui/commit/3f787d41f07455c74a56b8400341b93765719b77) Thanks [@reesscot](https://github.com/reesscot)! - chore: bump maplibre-gl-js-amplify to 3.0.2
Fixes [yarn installation warnings](https://github.com/aws-amplify/amplify-ui/issues/3393) regarding peer dependencies of `maplibre-gl-js-amplify` and [Infinite error loop after sign out when using maps](https://github.com/aws-amplify/amplify-ui/issues/3367).
- [#3395](https://github.com/aws-amplify/amplify-ui/pull/3395) [`9e50d1225`](https://github.com/aws-amplify/amplify-ui/commit/9e50d12257794645315e7446974c4da2ae3fd0b7) Thanks [@ErikCH](https://github.com/ErikCH)! - Moved edit icon in between file name and size.
- Updated dependencies [[`0c8fa2ac2`](https://github.com/aws-amplify/amplify-ui/commit/0c8fa2ac2b89e7617bbc601f29cc9cbf902d08ae), [`d214551f0`](https://github.com/aws-amplify/amplify-ui/commit/d214551f0edb001878f7a04b4206c57a677ecfa8)]:
- @aws-amplify/ui@5.5.5
- @aws-amplify/ui-react-core@2.1.13
## 4.3.7
### Patch Changes
- [#3379](https://github.com/aws-amplify/amplify-ui/pull/3379) [`cca6afecb`](https://github.com/aws-amplify/amplify-ui/commit/cca6afecbe68485d46e89f5a082b5c778209ccbe) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - chore(primitives): ts strict fixes for primitives and primitive hooks
- usePagination
- useSwitch
- useToggleButtonGroup
- ToggleButtonGroup
- [#3378](https://github.com/aws-amplify/amplify-ui/pull/3378) [`56947bcb7`](https://github.com/aws-amplify/amplify-ui/commit/56947bcb7c936cad5f8323929d869909eea35e01) Thanks [@hbuchel](https://github.com/hbuchel)! - fix(react): add missing size field classes to RadioGroupField, SelectField, TextAreaField and SliderField
- [#3380](https://github.com/aws-amplify/amplify-ui/pull/3380) [`bebe7b1cb`](https://github.com/aws-amplify/amplify-ui/commit/bebe7b1cb6a5efe1111eae237fedfabdd07ca7fc) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - chore(theme): better typing for breakpoints for TS strict mode
- [#3377](https://github.com/aws-amplify/amplify-ui/pull/3377) [`6daf2e625`](https://github.com/aws-amplify/amplify-ui/commit/6daf2e6251fe4935d4f5f4b68a02b9cb6a236651) Thanks [@ErikCH](https://github.com/ErikCH)! - Renamed the maxFiles prop to maxFilesCount
- [#3335](https://github.com/aws-amplify/amplify-ui/pull/3335) [`7435b53fd`](https://github.com/aws-amplify/amplify-ui/commit/7435b53fd1a3303e2db0b74bf69b67fe41687563) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - chore(react): ts strict for style prop utils
Refactored internal functions that handle style props and `useBreakpointValue` hook to be TS strict. Should have no customer impact.
- Updated dependencies [[`bebe7b1cb`](https://github.com/aws-amplify/amplify-ui/commit/bebe7b1cb6a5efe1111eae237fedfabdd07ca7fc), [`7435b53fd`](https://github.com/aws-amplify/amplify-ui/commit/7435b53fd1a3303e2db0b74bf69b67fe41687563)]:
- @aws-amplify/ui@5.5.4
- @aws-amplify/ui-react-core@2.1.12
## 4.3.6
### Patch Changes
- [#3349](https://github.com/aws-amplify/amplify-ui/pull/3349) [`8ae8e0b8c`](https://github.com/aws-amplify/amplify-ui/commit/8ae8e0b8c10f2459c28931805add8c05fea25e48) Thanks [@ErikCH](https://github.com/ErikCH)! - fix: Swapped save and cancel buttons.
- [#3333](https://github.com/aws-amplify/amplify-ui/pull/3333) [`4ba0fb5c1`](https://github.com/aws-amplify/amplify-ui/commit/4ba0fb5c13484a36c8f44be5eb41313bf3d676cc) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(authenticator): migrate totpSecretCode generation to state machine
- [#3344](https://github.com/aws-amplify/amplify-ui/pull/3344) [`b85547545`](https://github.com/aws-amplify/amplify-ui/commit/b85547545b9611aee88331e25cf3abf34da13cf3) Thanks [@ErikCH](https://github.com/ErikCH)! - fix: Updated error text for max file count to be more explicit.
- [#3287](https://github.com/aws-amplify/amplify-ui/pull/3287) [`412538be9`](https://github.com/aws-amplify/amplify-ui/commit/412538be9e37a8dec7cb5e57281895a5b3b63184) Thanks [@zchenwei](https://github.com/zchenwei)! - build: updates to support Node ESM
Confirmed that both #3155 and #3206 are fixed without having to apply any workaround
Also, test out the changes with the following frameworks/tools:
| Name | Tested? | Notes |
| ------------------ | ------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| Next.js@11, 12, 13 | ✅ | |
| Gatsby | ✅ | Works with ESM. Not support loading CJS build |
| Remix | ✅ | |
| Astro | ✅ | Works with ESM. Not support loading CJS build |
| webpack | ✅ | |
| Vite | ✅ | Works with ESM. Not support loading CJS build |
| Rollup | ✅ | Works with ESM. Not support loading CJS build |
| esbuild | ✅ | |
| Parcel | ✅ | |
| Snowpack | ✅ | Need `--polyfill-node` to fix JS incompatibility in dev mode, but is a known [issue](https://github.com/FredKSchott/snowpack/discussions/718) |
- [#3350](https://github.com/aws-amplify/amplify-ui/pull/3350) [`db4ea4f1d`](https://github.com/aws-amplify/amplify-ui/commit/db4ea4f1d71144c53e165cd16bbdcedfa695a391) Thanks [@ErikCH](https://github.com/ErikCH)! - fix: Swap the upload button with the clear all button.
- [#3327](https://github.com/aws-amplify/amplify-ui/pull/3327) [`13d0882a8`](https://github.com/aws-amplify/amplify-ui/commit/13d0882a8fe3a9ef63e4b217c5f67cef2c75e148) Thanks [@wlee221](https://github.com/wlee221)! - fix(rwa): improve default behavior handling for custom formFields.
Previously, adding custom formFields for fields that are not in `signUpAttributes` configuration wouldn't get any default values, which could lead to broken UI.
This commit improves default handling by applying defaults to all known auth field (birthdate, first_name, etc) to custom formField options.
- Updated dependencies [[`4ba0fb5c1`](https://github.com/aws-amplify/amplify-ui/commit/4ba0fb5c13484a36c8f44be5eb41313bf3d676cc), [`412538be9`](https://github.com/aws-amplify/amplify-ui/commit/412538be9e37a8dec7cb5e57281895a5b3b63184), [`9ce2d01b0`](https://github.com/aws-amplify/amplify-ui/commit/9ce2d01b09e2f7aa0b218a97bb829a4210350a0a), [`13d0882a8`](https://github.com/aws-amplify/amplify-ui/commit/13d0882a8fe3a9ef63e4b217c5f67cef2c75e148)]:
- @aws-amplify/ui-react-core@2.1.11
- @aws-amplify/ui@5.5.3
## 4.3.5
### Patch Changes
- [#3325](https://github.com/aws-amplify/amplify-ui/pull/3325) [`dd9de348a`](https://github.com/aws-amplify/amplify-ui/commit/dd9de348abcafdcd721600f543d58353957dac25) Thanks [@joebuono](https://github.com/joebuono)! - fix(ui): Translate 'or' text for FederatedSignIn
- Updated dependencies [[`57f1a3f43`](https://github.com/aws-amplify/amplify-ui/commit/57f1a3f438b8288ffda46764f7a87e1739e61313), [`dd9de348a`](https://github.com/aws-amplify/amplify-ui/commit/dd9de348abcafdcd721600f543d58353957dac25), [`4d652033e`](https://github.com/aws-amplify/amplify-ui/commit/4d652033e120daa82665b4bb4035b56fa8d33bf8)]:
- @aws-amplify/ui@5.5.2
- @aws-amplify/ui-react-core@2.1.10
## 4.3.4
### Patch Changes
- [#3279](https://github.com/aws-amplify/amplify-ui/pull/3279) [`4b051dbdb`](https://github.com/aws-amplify/amplify-ui/commit/4b051dbdb1d9ed476eacd091c2eae661e085c976) Thanks [@joebuono](https://github.com/joebuono)! - fix(ui-react): Add fieldset and legend to RadioGroupField for improved accessibility
- [#3283](https://github.com/aws-amplify/amplify-ui/pull/3283) [`98a632137`](https://github.com/aws-amplify/amplify-ui/commit/98a63213766d598ed6a64a06b53fffc408d547fd) Thanks [@wlee221](https://github.com/wlee221)! - Trim non-password fields on Authenticator forms. This will prevent unnecessary validation messages from showing up.
- [#3297](https://github.com/aws-amplify/amplify-ui/pull/3297) [`58b65b3e4`](https://github.com/aws-amplify/amplify-ui/commit/58b65b3e40094626d0edf5f1642f1c8872fa8f84) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): lint primitives (T - Z)
- [#3284](https://github.com/aws-amplify/amplify-ui/pull/3284) [`01912077c`](https://github.com/aws-amplify/amplify-ui/commit/01912077c6d4fcdd3cbe9b6de2bb53fc490d0f41) Thanks [@ErikCH](https://github.com/ErikCH)! - Updated text to be more verbose for the max file size error for the file uploader component.
- [#3265](https://github.com/aws-amplify/amplify-ui/pull/3265) [`08111e7e6`](https://github.com/aws-amplify/amplify-ui/commit/08111e7e60af5baf3b7e408f9545514c34e09078) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): lint primitives (P-S)
- Updated dependencies [[`98a632137`](https://github.com/aws-amplify/amplify-ui/commit/98a63213766d598ed6a64a06b53fffc408d547fd), [`01912077c`](https://github.com/aws-amplify/amplify-ui/commit/01912077c6d4fcdd3cbe9b6de2bb53fc490d0f41), [`08111e7e6`](https://github.com/aws-amplify/amplify-ui/commit/08111e7e60af5baf3b7e408f9545514c34e09078)]:
- @aws-amplify/ui@5.5.1
- @aws-amplify/ui-react-core@2.1.9
## 4.3.3
### Patch Changes
- [#3260](https://github.com/aws-amplify/amplify-ui/pull/3260) [`c335b347e`](https://github.com/aws-amplify/amplify-ui/commit/c335b347efd501aac55ccbea01a48a8248c92334) Thanks [@ErikCH](https://github.com/ErikCH)! - Added fix so zero byte size files will upload and not freeze the File Uploader component.
- [#3223](https://github.com/aws-amplify/amplify-ui/pull/3223) [`7587566dd`](https://github.com/aws-amplify/amplify-ui/commit/7587566dd6d19c54898a77b7bba0c95e4a91bfe4) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - chore: fixing TS strict errors in these components:
- Pagination
- Rating
- SearchField
- SliderField
- StepperField
- SwitchField
- [#3277](https://github.com/aws-amplify/amplify-ui/pull/3277) [`5b83174aa`](https://github.com/aws-amplify/amplify-ui/commit/5b83174aa20af2547597440b9ac4e9b96430c281) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - feat(primitives): adds support inert prop on all React primitives
```jsx
```
- [#3264](https://github.com/aws-amplify/amplify-ui/pull/3264) [`ae66ab51b`](https://github.com/aws-amplify/amplify-ui/commit/ae66ab51b61f21a84af3b029c94868229d4e0921) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - chore: more TS strict fixes:
- styleUtils
- ExpanderItem
- Tabs
- View
- IconClose
- MenuButton
- [#3269](https://github.com/aws-amplify/amplify-ui/pull/3269) [`09b4832fb`](https://github.com/aws-amplify/amplify-ui/commit/09b4832fb4ae8ce76992a9fcd4547e142fb76a6d) Thanks [@joebuono](https://github.com/joebuono)! - fix(react): Conditionally render deprecation warning if Link component's `to` prop is used without using `as` prop
- [#3270](https://github.com/aws-amplify/amplify-ui/pull/3270) [`44d92b87f`](https://github.com/aws-amplify/amplify-ui/commit/44d92b87f81f20ef24e311085a57092ff19fb8a0) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(tabs): `null` and `undefined` children of `Tabs` will no longer show a Typescript error.
Also `null` children will no longer mess up the index of the tab array which affects the `defaultIndex` uncontrolled behavior.
- [#3282](https://github.com/aws-amplify/amplify-ui/pull/3282) [`9b09654a7`](https://github.com/aws-amplify/amplify-ui/commit/9b09654a7e47ab70fb6d6b31f06de0289f25bbe9) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(authenticator): remove order keys from formFields after sorting
- [#3266](https://github.com/aws-amplify/amplify-ui/pull/3266) [`9efd2f4fa`](https://github.com/aws-amplify/amplify-ui/commit/9efd2f4fa1539816a515dd63935b53849350e3b9) Thanks [@ErikCH](https://github.com/ErikCH)! - Updated file uploader component text to show singular and plural forms of upload and selected files
- Updated dependencies [[`59321c9cc`](https://github.com/aws-amplify/amplify-ui/commit/59321c9cc15f8243edd6f5dd0113e7c396f7b488), [`9b09654a7`](https://github.com/aws-amplify/amplify-ui/commit/9b09654a7e47ab70fb6d6b31f06de0289f25bbe9)]:
- @aws-amplify/ui@5.5.0
- @aws-amplify/ui-react-core@2.1.8
## 4.3.2
### Patch Changes
- Updated dependencies [[`2912fe3af`](https://github.com/aws-amplify/amplify-ui/commit/2912fe3af6f29cde562a35e931bc2e3a0de470ed), [`ea1b10a2c`](https://github.com/aws-amplify/amplify-ui/commit/ea1b10a2c802b08ee019669ba442d7446f23bd05)]:
- @aws-amplify/ui@5.4.2
- @aws-amplify/ui-react-core@2.1.7
## 4.3.1
### Patch Changes
- [#3183](https://github.com/aws-amplify/amplify-ui/pull/3183) [`cbbf51f53`](https://github.com/aws-amplify/amplify-ui/commit/cbbf51f53c428dc378d8986ae27c3bf9e52f67ab) Thanks [@ErikCH](https://github.com/ErikCH)! - Fixed MFA totpIssuer and totpUsername so it displays correctly in QR code when scanned.
- Updated dependencies [[`db8f019a7`](https://github.com/aws-amplify/amplify-ui/commit/db8f019a7737c4762ff19c1b03c7c06625277989), [`cbbf51f53`](https://github.com/aws-amplify/amplify-ui/commit/cbbf51f53c428dc378d8986ae27c3bf9e52f67ab)]:
- @aws-amplify/ui@5.4.1
- @aws-amplify/ui-react-core@2.1.6
## 4.3.0
### Minor Changes
- [#3158](https://github.com/aws-amplify/amplify-ui/pull/3158) [`0bbb9980c`](https://github.com/aws-amplify/amplify-ui/commit/0bbb9980c55f212ce54c5449a2dcc64bfce6ca8f) Thanks [@nandanbhat](https://github.com/nandanbhat)! - feat(Authenticator): Enable password validation on resetPassword and forceNewPassword screen
### Patch Changes
- [#2830](https://github.com/aws-amplify/amplify-ui/pull/2830) [`168185211`](https://github.com/aws-amplify/amplify-ui/commit/1681852112748717e44d199d0c62de83ab1541ca) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - chore(authenticator): adding package version to cognito user agent string
- Updated dependencies [[`0bbb9980c`](https://github.com/aws-amplify/amplify-ui/commit/0bbb9980c55f212ce54c5449a2dcc64bfce6ca8f), [`168185211`](https://github.com/aws-amplify/amplify-ui/commit/1681852112748717e44d199d0c62de83ab1541ca)]:
- @aws-amplify/ui@5.4.0
- @aws-amplify/ui-react-core@2.1.5
## 4.2.1
### Patch Changes
- Updated dependencies [[`c31a9bf69`](https://github.com/aws-amplify/amplify-ui/commit/c31a9bf693b3507e8a2b9d0790423a9f64e533cf), [`1847840c0`](https://github.com/aws-amplify/amplify-ui/commit/1847840c00c0f9f7be31e9735c31bd596f4056e9)]:
- @aws-amplify/ui@5.3.1
- @aws-amplify/ui-react-core@2.1.4
## 4.2.0
### Minor Changes
- [#3108](https://github.com/aws-amplify/amplify-ui/pull/3108) [`3653c8f39`](https://github.com/aws-amplify/amplify-ui/commit/3653c8f3914e3dc51fbcc328e59326afb422aa68) Thanks [@wlee221](https://github.com/wlee221)! - Adds `ChangePassword` and `DeleteUser` Account Settings components. These components are standalone components that add account management flows after users authenticate.
These components are in developer preview. Please see https://ui.docs.amplify.aws/react/connected-components/account-settings to learn more.
- [#3133](https://github.com/aws-amplify/amplify-ui/pull/3133) [`4b2dbeb18`](https://github.com/aws-amplify/amplify-ui/commit/4b2dbeb18c79175bc0bfe0cf50a0e9d0429544d6) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - feat(button): add `warning` and `destructive` variations to the React Button component
### Patch Changes
- [#3126](https://github.com/aws-amplify/amplify-ui/pull/3126) [`e3867e369`](https://github.com/aws-amplify/amplify-ui/commit/e3867e369b4aeb5b240916cb88105353483b9b7c) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(primitives): fix default text color for alert primitive
- [#3129](https://github.com/aws-amplify/amplify-ui/pull/3129) [`0377bccfb`](https://github.com/aws-amplify/amplify-ui/commit/0377bccfbea55606d007ae914a5d7f202bf87478) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(theme): making all component tokens optional
- Updated dependencies [[`3653c8f39`](https://github.com/aws-amplify/amplify-ui/commit/3653c8f3914e3dc51fbcc328e59326afb422aa68), [`145d0b5f5`](https://github.com/aws-amplify/amplify-ui/commit/145d0b5f596ff7c9f623898af0bb3836516c51fe), [`e3867e369`](https://github.com/aws-amplify/amplify-ui/commit/e3867e369b4aeb5b240916cb88105353483b9b7c), [`4b2dbeb18`](https://github.com/aws-amplify/amplify-ui/commit/4b2dbeb18c79175bc0bfe0cf50a0e9d0429544d6), [`0377bccfb`](https://github.com/aws-amplify/amplify-ui/commit/0377bccfbea55606d007ae914a5d7f202bf87478)]:
- @aws-amplify/ui@5.3.0
- @aws-amplify/ui-react-core@2.1.3
## 4.1.0
### Minor Changes
- [#3028](https://github.com/aws-amplify/amplify-ui/pull/3028) [`7f4248db4`](https://github.com/aws-amplify/amplify-ui/commit/7f4248db457639d1bb34c8318569ab047aa80c5e) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Added the FileUploader component. The File Uploader lets your users upload files to the cloud. For more information follow the instructions. https://ui.docs.amplify.aws/react/connected-components/storage/fileuploader
### Patch Changes
- [#3104](https://github.com/aws-amplify/amplify-ui/pull/3104) [`8e5e696f4`](https://github.com/aws-amplify/amplify-ui/commit/8e5e696f4d0ae61e74537cdfe4395005cc21ce12) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - chore(react): adding types to exports in package json to support TS moduleResolution for node16/nodenext
- [#3074](https://github.com/aws-amplify/amplify-ui/pull/3074) [`a5b8696bc`](https://github.com/aws-amplify/amplify-ui/commit/a5b8696bc41d8cb2ff2c6fc39f8fd1afc349955a) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(primitives): fix radio button sizing issue #2756
- Updated dependencies [[`b416aca55`](https://github.com/aws-amplify/amplify-ui/commit/b416aca553649d37e2686c02f3223a77bf36ed98), [`8e5e696f4`](https://github.com/aws-amplify/amplify-ui/commit/8e5e696f4d0ae61e74537cdfe4395005cc21ce12), [`7f4248db4`](https://github.com/aws-amplify/amplify-ui/commit/7f4248db457639d1bb34c8318569ab047aa80c5e), [`a5b8696bc`](https://github.com/aws-amplify/amplify-ui/commit/a5b8696bc41d8cb2ff2c6fc39f8fd1afc349955a)]:
- @aws-amplify/ui@5.2.0
- @aws-amplify/ui-react-core@2.1.2
## 4.0.3
### Patch Changes
- [#3071](https://github.com/aws-amplify/amplify-ui/pull/3071) [`d062010f4`](https://github.com/aws-amplify/amplify-ui/commit/d062010f4690321129c1fb1f777a7df82898640b) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(theme): update types for `ThemeProvider` to accept output of `createTheme`
- Updated dependencies [[`d062010f4`](https://github.com/aws-amplify/amplify-ui/commit/d062010f4690321129c1fb1f777a7df82898640b)]:
- @aws-amplify/ui@5.1.1
- @aws-amplify/ui-react-core@2.1.1
## 4.0.2
### Patch Changes
- [#3033](https://github.com/aws-amplify/amplify-ui/pull/3033) [`c9f67b1b0`](https://github.com/aws-amplify/amplify-ui/commit/c9f67b1b00f70419b4d623ecb282b5452bd67e15) Thanks [@zchenwei](https://github.com/zchenwei)! - fix(Autocomplete): remove handler to open menu on focus to fix #3030
- [#3019](https://github.com/aws-amplify/amplify-ui/pull/3019) [`0ff6cbc15`](https://github.com/aws-amplify/amplify-ui/commit/0ff6cbc152486ba04384de500d97b18e5db768ba) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: update Autocomplete filter to be case insensitive
- Updated dependencies [[`ce3378ee9`](https://github.com/aws-amplify/amplify-ui/commit/ce3378ee90c1545bb41551817bee8662629920c1), [`0234889ea`](https://github.com/aws-amplify/amplify-ui/commit/0234889eaf6dd8337e1140ee993be0380e80a5bf)]:
- @aws-amplify/ui@5.1.0
- @aws-amplify/ui-react-core@2.1.0
## 4.0.1
### Patch Changes
- [#3000](https://github.com/aws-amplify/amplify-ui/pull/3000) [`72c2c5d83`](https://github.com/aws-amplify/amplify-ui/commit/72c2c5d83163c158abacf1cabcbc6a78f5e7ae02) Thanks [@ioanabrooks](https://github.com/ioanabrooks)! - Updates the useDataStore hook to generate the predicates according to the new syntax.
- [#2964](https://github.com/aws-amplify/amplify-ui/pull/2964) [`ee4b37b6d`](https://github.com/aws-amplify/amplify-ui/commit/ee4b37b6dfc5b8263dfdb93602d9448a0b0b4709) Thanks [@ioanabrooks](https://github.com/ioanabrooks)! - Fixes an issue where the Button loading spinner is not rendered unless the `loadingText` prop is supplied.
## 4.0.0
### Major Changes
- [#2556](https://github.com/aws-amplify/amplify-ui/pull/2556) [`54794d44c`](https://github.com/aws-amplify/amplify-ui/commit/54794d44c9fc8affff8f8b30f82f17b897da84f7) Thanks [@reesscot](https://github.com/reesscot)! - BREAKING CHANGE: `isMultiline` prop removed from `TextField`. Replace any `TextField` components
using the `isMultiline` prop with the `TextAreaField` component.
```diff
- {
return ;
};
```
```jsx
// Controlled component
import { Autocomplete } from '@aws-amplify/ui-react';
import * as React from 'react';
const options = [
{ id: 'apple', label: 'apple' },
{ id: 'banana', label: 'banana' },
{ id: 'cherry', label: 'cherry' },
{ id: 'grape', label: 'grape' },
{ id: 'kiwis', label: 'kiwis' },
{ id: 'lemon', label: 'lemon' },
{ id: 'mango', label: 'mango' },
{ id: 'orange', label: 'orange' },
{ id: 'strawberry', label: 'strawberry' },
];
export const AutocompleteControlledExample = () => {
const [value, setValue] = React.useState('');
const onChange = (event) => {
setValue(event.target.value);
};
// Set up onSelect
const onSelect = (option) => {
const { label } = option;
setValue(label);
};
// Set up onClear
const onClear = () => {
setValue('');
};
return (
);
};
```
### Patch Changes
- Updated dependencies [[`702a35738`](https://github.com/aws-amplify/amplify-ui/commit/702a3573850639c492c51ce10e27e194d720d5ac), [`0935da51a`](https://github.com/aws-amplify/amplify-ui/commit/0935da51ac04334e458339da2bf0ef72f248cf26)]:
- @aws-amplify/ui@4.1.0
- @aws-amplify/ui-react-core@1.0.5
## 3.5.11
### Patch Changes
- [#2871](https://github.com/aws-amplify/amplify-ui/pull/2871) [`6f999c10f`](https://github.com/aws-amplify/amplify-ui/commit/6f999c10fc89ae7cce5d63b38bf4393aa6fd5670) Thanks [@sreeramsama](https://github.com/sreeramsama)! - chore: upgrade maplibre-gl-js-amplify to v2.1.0 to support getSuggestions and getPlace
- [#2868](https://github.com/aws-amplify/amplify-ui/pull/2868) [`d8d24f107`](https://github.com/aws-amplify/amplify-ui/commit/d8d24f107229942afa0bb3065ee302b6c885caa3) Thanks [@david-mcafee](https://github.com/david-mcafee)! - fix(data): update usage of internal DataStore types
## 3.5.10
### Patch Changes
- [#2751](https://github.com/aws-amplify/amplify-ui/pull/2751) [`05bb8c792`](https://github.com/aws-amplify/amplify-ui/commit/05bb8c79264e37c9d0592405f4a33e9a309de732) Thanks [@wlee221](https://github.com/wlee221)! - (Internal patch): Move `ComponentClassName` to `@aws-amplify/ui`
- [#2637](https://github.com/aws-amplify/amplify-ui/pull/2637) [`5bd5e695a`](https://github.com/aws-amplify/amplify-ui/commit/5bd5e695a71e0cbef85a17f4ee1c851c84b4d51d) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Add error state for SwitchField.
```jsx
{
setIsChecked(e.target.checked);
}}
/>
```
- [#2781](https://github.com/aws-amplify/amplify-ui/pull/2781) [`6aa1132e7`](https://github.com/aws-amplify/amplify-ui/commit/6aa1132e760eef892021dbadafa63456c1c3a39d) Thanks [@reesscot](https://github.com/reesscot)! - fix: ensure TextField, TextAreaField, StepperField show full width
- Updated dependencies [[`05bb8c792`](https://github.com/aws-amplify/amplify-ui/commit/05bb8c79264e37c9d0592405f4a33e9a309de732), [`5bd5e695a`](https://github.com/aws-amplify/amplify-ui/commit/5bd5e695a71e0cbef85a17f4ee1c851c84b4d51d), [`6aa1132e7`](https://github.com/aws-amplify/amplify-ui/commit/6aa1132e760eef892021dbadafa63456c1c3a39d), [`ea1ea36a6`](https://github.com/aws-amplify/amplify-ui/commit/ea1ea36a650bd6677c97556b8c1e85705cd37a35)]:
- @aws-amplify/ui@4.0.1
- @aws-amplify/ui-react-core@1.0.4
## 3.5.9
### Patch Changes
- [#2746](https://github.com/aws-amplify/amplify-ui/pull/2746) [`2893da04b`](https://github.com/aws-amplify/amplify-ui/commit/2893da04b4616efc342f6973169d03fef0113c7b) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react-core): add missing value to AuthenticatorRouteComponentKey
- Updated dependencies [[`2893da04b`](https://github.com/aws-amplify/amplify-ui/commit/2893da04b4616efc342f6973169d03fef0113c7b)]:
- @aws-amplify/ui-react-core@1.0.3
## 3.5.8
### Patch Changes
- [#2702](https://github.com/aws-amplify/amplify-ui/pull/2702) [`1b1567c0c`](https://github.com/aws-amplify/amplify-ui/commit/1b1567c0c7788120ca4e7c4533228d2672dda906) Thanks [@slaymance](https://github.com/slaymance)! - Make xstate core dependency of only framework libraries
- Updated dependencies [[`1b1567c0c`](https://github.com/aws-amplify/amplify-ui/commit/1b1567c0c7788120ca4e7c4533228d2672dda906)]:
- @aws-amplify/ui@4.0.0
- @aws-amplify/ui-react-core@1.0.2
## 3.5.7
### Patch Changes
- [#2697](https://github.com/aws-amplify/amplify-ui/pull/2697) [`d1e40ad5a`](https://github.com/aws-amplify/amplify-ui/commit/d1e40ad5a82e7d4e6cfdb59a673fdaee8538e3b0) Thanks [@dehli](https://github.com/dehli)! - fix `federatedSignIn` bug
## 3.5.6
### Patch Changes
- Updated dependencies [[`42143228f`](https://github.com/aws-amplify/amplify-ui/commit/42143228fd8e99500e05fee34cee3f8067189c4e)]:
- @aws-amplify/ui@3.14.0
- @aws-amplify/ui-react-core@1.0.1
## 3.5.5
### Patch Changes
- [#2659](https://github.com/aws-amplify/amplify-ui/pull/2659) [`477a00593`](https://github.com/aws-amplify/amplify-ui/commit/477a005935f242b49e776d42054810bc5d115857) Thanks [@calebpollman](https://github.com/calebpollman)! - feat(ui-react-core): merge ui-react-core in to main
- [#2674](https://github.com/aws-amplify/amplify-ui/pull/2674) [`c43f51484`](https://github.com/aws-amplify/amplify-ui/commit/c43f514843085196fc70cee57a61cb9b5e652c74) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): add deprecation message to Expander onChange prop
- Updated dependencies [[`477a00593`](https://github.com/aws-amplify/amplify-ui/commit/477a005935f242b49e776d42054810bc5d115857)]:
- @aws-amplify/ui-react-core@1.0.0
## 3.5.4
### Patch Changes
- [#2623](https://github.com/aws-amplify/amplify-ui/pull/2623) [`8afed9306`](https://github.com/aws-amplify/amplify-ui/commit/8afed9306e2e7acc6ce42b20b9a9af2dd70f0ef1) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(ui-react): fix withAuthenticator signOut function typing
## 3.5.3
### Patch Changes
- [#2616](https://github.com/aws-amplify/amplify-ui/pull/2616) [`83bcc0844`](https://github.com/aws-amplify/amplify-ui/commit/83bcc0844eb1049ab49ff4f79280605ef31230d6) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react, ui): expose Authenticator types, add AmplifyUser interface
- Updated dependencies [[`83bcc0844`](https://github.com/aws-amplify/amplify-ui/commit/83bcc0844eb1049ab49ff4f79280605ef31230d6)]:
- @aws-amplify/ui@3.13.4
## 3.5.2
### Patch Changes
- [#2586](https://github.com/aws-amplify/amplify-ui/pull/2586) [`6eb393d70`](https://github.com/aws-amplify/amplify-ui/commit/6eb393d70a9442b11233844ca1bfcf70146d52e7) Thanks [@calebpollman](https://github.com/calebpollman)! - increase flexibility of `withAuthenticator` typing
- Updated dependencies [[`e2429807b`](https://github.com/aws-amplify/amplify-ui/commit/e2429807bcc13b7c2dfe2c2947be8e790eea4d9d)]:
- @aws-amplify/ui@3.13.3
## 3.5.1
### Patch Changes
- [#2544](https://github.com/aws-amplify/amplify-ui/pull/2544) [`35dae2a3d`](https://github.com/aws-amplify/amplify-ui/commit/35dae2a3d7ec392c60a7302e3673e59a0e42b7aa) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(rwa): convert AuthChallengeNames enum to string union
* [#2538](https://github.com/aws-amplify/amplify-ui/pull/2538) [`4a4b5c93d`](https://github.com/aws-amplify/amplify-ui/commit/4a4b5c93d37b66c845cbf20dac1e09e6e7931610) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(rwa): update user lookup in getServiceFacade, authenticator util typing and useAuthenticator updates
- [#2539](https://github.com/aws-amplify/amplify-ui/pull/2539) [`ba9818fb7`](https://github.com/aws-amplify/amplify-ui/commit/ba9818fb7acc727eaf7968aad8ff4dd1ab36327b) Thanks [@ErikCH](https://github.com/ErikCH)! - Fixed bug in Angular Authenticator that caused the Setup TOTP page to not show the correct totpIssuer and totpUsername in the QR code when overwritten by formFields. Refactored and added in Jest tests for Angular.
- Updated dependencies [[`35dae2a3d`](https://github.com/aws-amplify/amplify-ui/commit/35dae2a3d7ec392c60a7302e3673e59a0e42b7aa), [`4a4b5c93d`](https://github.com/aws-amplify/amplify-ui/commit/4a4b5c93d37b66c845cbf20dac1e09e6e7931610), [`ba9818fb7`](https://github.com/aws-amplify/amplify-ui/commit/ba9818fb7acc727eaf7968aad8ff4dd1ab36327b)]:
- @aws-amplify/ui@3.13.2
## 3.5.0
### Minor Changes
- [#2459](https://github.com/aws-amplify/amplify-ui/pull/2459) [`8350d36e2`](https://github.com/aws-amplify/amplify-ui/commit/8350d36e217587e06632ea5704d8c51e70559edc) Thanks [@jacoblogan](https://github.com/jacoblogan)! - Angular: Add `amplify-dialcodeselect` class which contains the previous countrycodeselect styles
Vue: Add `amplify-dialcodeselect` class which contains the previous countrycodeselect styles
React: Added 'dialCode' versions of all 'countryCode' props so that users can begin migrating away from the deprecated `countryCode`.
```
countryCodeLabel => dialCodeLabel
countryCodeName => dialCodeName
onCountryCodeChange => onDialCodeChange
countryCodeRef => dialCodeRef
defaultCountryCode => defaultDialCode
```
### Patch Changes
- [#2528](https://github.com/aws-amplify/amplify-ui/pull/2528) [`73c546fe8`](https://github.com/aws-amplify/amplify-ui/commit/73c546fe8023ffb5961eaca024ea0586e3dfba38) Thanks [@jacoblogan](https://github.com/jacoblogan)! - remove deprecation console warning from countryCode prop usage
* [#2519](https://github.com/aws-amplify/amplify-ui/pull/2519) [`83f0f1e6b`](https://github.com/aws-amplify/amplify-ui/commit/83f0f1e6b1666ca4661b8f94384f015f3a67e15d) Thanks [@jacoblogan](https://github.com/jacoblogan)! - update authenticator to use the new dial code props
- [#2513](https://github.com/aws-amplify/amplify-ui/pull/2513) [`0dd3e1698`](https://github.com/aws-amplify/amplify-ui/commit/0dd3e169827f6ce90412e1a061f5d1f5d36814e0) Thanks [@zchenwei](https://github.com/zchenwei)! - fix: update to use the old JSX transform to support app running on React prior to 16.14.0 where the new JSX transform does not get backported
- Updated dependencies [[`b60fec2c4`](https://github.com/aws-amplify/amplify-ui/commit/b60fec2c451b31946f893efbf23710c7631db122)]:
- @aws-amplify/ui@3.13.1
## 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
- [#2300](https://github.com/aws-amplify/amplify-ui/pull/2300) [`eae79ae15`](https://github.com/aws-amplify/amplify-ui/commit/eae79ae1529b9a920d704cb12e92addb352d0c40) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: adding indeterminate state checkbox
Users can create an indeterminate `CheckboxField` by setting `isIndeterminate` prop to `true`.
**_Example_**
```jsx
import * as React from 'react';
import { CheckboxField, Flex, View } from '@aws-amplify/ui-react';
export const CheckboxFieldIndeterminateExample = () => {
const [checkedItems, setCheckedItems] = React.useState([false, false]);
const checkedItemsRef = React.useRef(null);
const allChecked = checkedItems.every(Boolean);
const isIndeterminate = checkedItems.some(Boolean) && !allChecked;
if (isIndeterminate) {
checkedItemsRef.current = [...checkedItems];
}
const handleAllPetsChange = () => {
if (isIndeterminate) {
setCheckedItems([true, true]);
} else if (allChecked) {
setCheckedItems([false, false]);
} else if (checkedItemsRef.current) {
setCheckedItems(checkedItemsRef.current);
} else {
setCheckedItems([true, true]);
}
};
const handleCatChange = (e) => {
const newCheckedItems = [e.target.checked, checkedItems[1]];
if (!newCheckedItems.some(Boolean) || newCheckedItems.every(Boolean)) {
checkedItemsRef.current = null;
}
setCheckedItems(newCheckedItems);
};
const handleDogChange = (e) => {
const newCheckedItems = [checkedItems[0], e.target.checked];
if (!newCheckedItems.some(Boolean) || newCheckedItems.every(Boolean)) {
checkedItemsRef.current = null;
}
setCheckedItems(newCheckedItems);
};
return (
);
};
```
### Patch Changes
- Updated dependencies [[`b3e6a97e8`](https://github.com/aws-amplify/amplify-ui/commit/b3e6a97e8e17f6b822af0387e3c543c50aea7c64), [`1cfa1a054`](https://github.com/aws-amplify/amplify-ui/commit/1cfa1a054451a75738f4011c4200c34208285b5b), [`eae79ae15`](https://github.com/aws-amplify/amplify-ui/commit/eae79ae1529b9a920d704cb12e92addb352d0c40), [`e25bc4269`](https://github.com/aws-amplify/amplify-ui/commit/e25bc42693cc4fa1cdcf7ad2fe7034ff44fbb18e), [`1f358d8fa`](https://github.com/aws-amplify/amplify-ui/commit/1f358d8fa18367020d0c41b74dcce1ba73974376)]:
- @aws-amplify/ui@3.13.0
## 3.3.0
### Minor Changes
- [#2333](https://github.com/aws-amplify/amplify-ui/pull/2333) [`48027c8ef`](https://github.com/aws-amplify/amplify-ui/commit/48027c8ef9ad6f0e737902c67af3e7fda96ee3ff) Thanks [@joebuono](https://github.com/joebuono)! - fix(ui-react): Collection searchNoResultsFound
When no results are returned from searching a Collection, we render the text "No results found" by default
- Customer also has the option of passing their own `ReactNode` to the new `searchNoResultsFound` prop
```jsx
Nothing found, please try again
}
>
{collectionItems}
```
### Patch Changes
- [#2368](https://github.com/aws-amplify/amplify-ui/pull/2368) [`64fa669e2`](https://github.com/aws-amplify/amplify-ui/commit/64fa669e238a3fcdd7714169eaf1677c9d3d4a3a) Thanks [@ioanabrooks](https://github.com/ioanabrooks)! - fix(ui-react): Hide decorative alert icons from screen readers.
* [#2363](https://github.com/aws-amplify/amplify-ui/pull/2363) [`07e87534b`](https://github.com/aws-amplify/amplify-ui/commit/07e87534b2cef76bde0bb8d16738d659d4de80e1) Thanks [@hbuchel](https://github.com/hbuchel)! - fix(ui-react): move `role="alert"` to parent element of Alert to allow for role overrides.
The Alert component currently has the ARIA `alert` role by default. This change allows us to override the role when the `alert` role does not match the use case.
```
This is no longer an ARIA alert
```
Learn more about [using the alert role](https://ui.docs.amplify.aws/react/components/alert#accessibility) on our docs and the [W3's spec for the alert role](https://w3c.github.io/aria/#alert)
- [#2355](https://github.com/aws-amplify/amplify-ui/pull/2355) [`19a7d31c4`](https://github.com/aws-amplify/amplify-ui/commit/19a7d31c406257e642b73060685f133f5655f00c) Thanks [@hbuchel](https://github.com/hbuchel)! - fix(ui-react): ariaLabel is no longer required for Icon component
Please see the [Icon docs](https://ui.docs.amplify.aws/react/components/icon#accessibility) for various methods of creating accessible Icons.
* [#2371](https://github.com/aws-amplify/amplify-ui/pull/2371) [`adc9ff6e3`](https://github.com/aws-amplify/amplify-ui/commit/adc9ff6e3c7d1408edb7de58c1858ddc4f47d1c7) Thanks [@cshfang](https://github.com/cshfang)! - fix(ui-react): Fixes an issue where the isTruncated prop of the Heading component was not properly applying a truncation.
* Updated dependencies [[`de1c874f2`](https://github.com/aws-amplify/amplify-ui/commit/de1c874f294a3b21cc9d7a97b310d2744d18b065), [`3c468a0f3`](https://github.com/aws-amplify/amplify-ui/commit/3c468a0f34fb8f747b925dd1a66a0f0f0117436a), [`1fcfa3c02`](https://github.com/aws-amplify/amplify-ui/commit/1fcfa3c02dc8eedb2acdc7425be7311f5b1accef), [`adc9ff6e3`](https://github.com/aws-amplify/amplify-ui/commit/adc9ff6e3c7d1408edb7de58c1858ddc4f47d1c7)]:
- @aws-amplify/ui@3.12.5
## 3.2.1
### Patch Changes
- [#2336](https://github.com/aws-amplify/amplify-ui/pull/2336) [`5ffdc40a0`](https://github.com/aws-amplify/amplify-ui/commit/5ffdc40a0ae45c8d1554e53e6b6a085231e6c34c) Thanks [@joebuono](https://github.com/joebuono)! - fix(ui-react): Improve accessibility of Pagination current item button
* [#2303](https://github.com/aws-amplify/amplify-ui/pull/2303) [`d0d01bf44`](https://github.com/aws-amplify/amplify-ui/commit/d0d01bf44cc036d4d69c605b49e160e78527ed10) Thanks [@joebuono](https://github.com/joebuono)! - ui-react(fix): Adds an accessible label for the Alert's dismiss button, which is configurable via the `dismissButtonLabel` prop
Configure a custom aria label for the dismiss button
- [#2323](https://github.com/aws-amplify/amplify-ui/pull/2323) [`2a1cdba15`](https://github.com/aws-amplify/amplify-ui/commit/2a1cdba156a7d5c2fb221b9c6814d90f0e132ddb) Thanks [@joebuono](https://github.com/joebuono)! - ui-react(fix): Update ShowPasswordButton to use role=“switch” and add additional screen reader context
- Keep consistent aria-label “Show password”
- Add a visually hidden aria-live region (polite) that updates based on the ShowPasswordButton checked state
- Add `passwordIsHiddenLabel` and `passwordIsShownLabel` props for screen readers
* [#2330](https://github.com/aws-amplify/amplify-ui/pull/2330) [`f067420b9`](https://github.com/aws-amplify/amplify-ui/commit/f067420b9a39807a46bd409dce17f2bcc297218e) Thanks [@ioanabrooks](https://github.com/ioanabrooks)! - ui-react(fix): Update StepperField disabled buttons styles, making them easier to see.
- [#2277](https://github.com/aws-amplify/amplify-ui/pull/2277) [`bc63b7c0c`](https://github.com/aws-amplify/amplify-ui/commit/bc63b7c0c036586e899c33484df1d5569ed48d03) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): lint src/primitives/shared
- Updated dependencies [[`8418028a3`](https://github.com/aws-amplify/amplify-ui/commit/8418028a3218ea20ccb2ac949b1e6e33c57239e6), [`f067420b9`](https://github.com/aws-amplify/amplify-ui/commit/f067420b9a39807a46bd409dce17f2bcc297218e), [`d9dd9220c`](https://github.com/aws-amplify/amplify-ui/commit/d9dd9220c367bc476fddb36e89daff75d62e7f31)]:
- @aws-amplify/ui@3.12.4
## 3.2.0
### Minor Changes
- [#2268](https://github.com/aws-amplify/amplify-ui/pull/2268) [`556515238`](https://github.com/aws-amplify/amplify-ui/commit/5565152384e0ff99fe092b3f808a885bbd445541) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: adding `formatValue` prop on SliderField to allow formatting the value
**_Example_**
```jsx
export const SliderFieldFormatValueExample = () => {
const formatValue = (value: number) => {
return `${value}%`;
};
return (
);
};
```
### Patch Changes
- [#2265](https://github.com/aws-amplify/amplify-ui/pull/2265) [`44ed11890`](https://github.com/aws-amplify/amplify-ui/commit/44ed11890510206d981e3f67a7261f947168723e) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: add deprecation tag to 'to' prop on Link primitive
* [#2183](https://github.com/aws-amplify/amplify-ui/pull/2183) [`f52ac1060`](https://github.com/aws-amplify/amplify-ui/commit/f52ac1060b6b33086080158f047c89cee2de720e) Thanks [@wlee221](https://github.com/wlee221)! - Ensure hub listener is correctly attached on React 18 Strict Mode.
* Updated dependencies [[`bde5e7a48`](https://github.com/aws-amplify/amplify-ui/commit/bde5e7a48a144bf76f77b1b747dcc912ce8cec6e), [`74e8c8935`](https://github.com/aws-amplify/amplify-ui/commit/74e8c89354bd551723f62ac2a3b60e5222d92d58)]:
- @aws-amplify/ui@3.12.3
## 3.1.0
### Minor Changes
- [#2262](https://github.com/aws-amplify/amplify-ui/pull/2262) [`a72cacec2`](https://github.com/aws-amplify/amplify-ui/commit/a72cacec20107a4a991683ab02863981ee325de4) Thanks [@hein-j](https://github.com/hein-j)! - Update internal type EscapeHatchProps to accept `unknown`, so that customers can set overrides of any type.
### Patch Changes
- [#2263](https://github.com/aws-amplify/amplify-ui/pull/2263) [`14d35db95`](https://github.com/aws-amplify/amplify-ui/commit/14d35db950c5ae00409ac483a32a0726e8caa2ee) Thanks [@slaymance](https://github.com/slaymance)! - Update to latest version of maplibre-gl-js-amplify to support maplibre-gl v2
* [#2279](https://github.com/aws-amplify/amplify-ui/pull/2279) [`332671d65`](https://github.com/aws-amplify/amplify-ui/commit/332671d6565060285a5f3a0b3b61c528286bd062) Thanks [@thaddmt](https://github.com/thaddmt)! - fix: bump maplibre-gl-js-amplify to fix dependabot and other security related issues
* Updated dependencies [[`90eb39280`](https://github.com/aws-amplify/amplify-ui/commit/90eb392806c7875d2659bd0bb52aa6b68b849ce7), [`3b2d6c2af`](https://github.com/aws-amplify/amplify-ui/commit/3b2d6c2afb51178ed6ba6312c29b368c522e460a)]:
- @aws-amplify/ui@3.12.2
## 3.0.4
### Patch Changes
- [#2228](https://github.com/aws-amplify/amplify-ui/pull/2228) [`60da225f8`](https://github.com/aws-amplify/amplify-ui/commit/60da225f84d51ba51d044c17853558b3514c9f41) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(ui-react): directly return children from Authenticator
## 3.0.3
### Patch Changes
- [#2204](https://github.com/aws-amplify/amplify-ui/pull/2204) [`cd46fde0b`](https://github.com/aws-amplify/amplify-ui/commit/cd46fde0ba966acc1aaa4b054f16c7a2abfcd7f8) Thanks [@zchenwei](https://github.com/zchenwei)! - fix(type): adding enterKeyHint type missing from React 16
- Updated dependencies [[`09d738a0f`](https://github.com/aws-amplify/amplify-ui/commit/09d738a0f9e1a67367b3bdb45bcb9644f20e2600)]:
- @aws-amplify/ui@3.12.1
## 3.0.2
### Patch Changes
- [#2180](https://github.com/aws-amplify/amplify-ui/pull/2180) [`bb5aecdc3`](https://github.com/aws-amplify/amplify-ui/commit/bb5aecdc359f2e37b8660b5a4585da9b0041a795) Thanks [@joebuono](https://github.com/joebuono)! - docs(fix): Fixed typo in ComponentClassObject for RadioButton
* [#2074](https://github.com/aws-amplify/amplify-ui/pull/2074) [`bc882121a`](https://github.com/aws-amplify/amplify-ui/commit/bc882121a8d0e005099e2827c3bde68d56647100) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): lint components/Authenticator directory
* Updated dependencies [[`ffadbe883`](https://github.com/aws-amplify/amplify-ui/commit/ffadbe8837996fee24477ad5325559904c011150), [`897e55de9`](https://github.com/aws-amplify/amplify-ui/commit/897e55de962672d76cccdb5e13f8e4f180316a9b), [`bc882121a`](https://github.com/aws-amplify/amplify-ui/commit/bc882121a8d0e005099e2827c3bde68d56647100), [`710a6ec43`](https://github.com/aws-amplify/amplify-ui/commit/710a6ec4313f19077f723b75cf804d8508abca77)]:
- @aws-amplify/ui@3.12.0
## 3.0.1
### Patch Changes
- [#2153](https://github.com/aws-amplify/amplify-ui/pull/2153) [`f2001fce5`](https://github.com/aws-amplify/amplify-ui/commit/f2001fce5c726e88f597884cfa7a1c58e0356ef6) Thanks [@joebuono](https://github.com/joebuono)! - docs(fix): Add MDN descriptions and links for BaseStyleProps
* [#2151](https://github.com/aws-amplify/amplify-ui/pull/2151) [`c7b64fc60`](https://github.com/aws-amplify/amplify-ui/commit/c7b64fc60edefae5701fdf37fdb2278ce28d481e) Thanks [@joebuono](https://github.com/joebuono)! - docs(fix): Add missing prop descriptions for `as`, `isDisabled` and `style`
- [#2132](https://github.com/aws-amplify/amplify-ui/pull/2132) [`3ace39ce0`](https://github.com/aws-amplify/amplify-ui/commit/3ace39ce07454a0ef53bc94491dac6183d89da43) Thanks [@joebuono](https://github.com/joebuono)! - Add missing prop descriptions
- Updated dependencies [[`c568b96bc`](https://github.com/aws-amplify/amplify-ui/commit/c568b96bc579b6d1f2783695b1c2f2237d4678b9)]:
- @aws-amplify/ui@3.11.1
## 3.0.0
### Major Changes
- [#2103](https://github.com/aws-amplify/amplify-ui/pull/2103) [`bb2c98aa6`](https://github.com/aws-amplify/amplify-ui/commit/bb2c98aa663d6bee9a6cefad3b012be1d25bcd94) Thanks [@zchenwei](https://github.com/zchenwei)! - BREAKING CHANGE: remove `ShareText` export
* [#2082](https://github.com/aws-amplify/amplify-ui/pull/2082) [`e79f41839`](https://github.com/aws-amplify/amplify-ui/commit/e79f41839c5a5d32fab24be948a14ca7ccb1cf4d) Thanks [@reesscot](https://github.com/reesscot)! - 🚨BREAKING CHANGE🚨: Built-in icons removed
We've removed the built-in icons (Icon360, IconSave, etc) from the `@aws-amplify/ui-react` package. This change was made for a few reasons:
- There are many other React icon libraries that are compatible with Amplify UI components
- Removing the icons reduces the overall package size by about 74%.
- While in most cases the icons are tree-shaken out of the final app bundle, by removing the icons we ensure smaller bundle sizes for all users.
We are not removing the `` component, which allows customers to easily add SVG icons using the `pathData` prop. A limited set of the icons have been left for internal only use in Amplify UI primitives.
### Minor Changes
- [#2054](https://github.com/aws-amplify/amplify-ui/pull/2054) [`5eedbbed4`](https://github.com/aws-amplify/amplify-ui/commit/5eedbbed4d04fc00a50d37ae3be61522212eb5cb) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: adding colors theme key support in style props
**_Example code_**
```jsx
import { View } from '@aws-amplify/ui-react';
export const Demo = () => {
return ;
};
```
* [#2112](https://github.com/aws-amplify/amplify-ui/pull/2112) [`d458f3639`](https://github.com/aws-amplify/amplify-ui/commit/d458f363927bf456d1f7d543fc6c5a68a0322f4d) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Allow `padding` and `margin` to accept theme keys.
Also adding `paddingInline`, `paddingBlock`, `marginInline`, and `marginBlock` style props.
```jsx
```
- [#2077](https://github.com/aws-amplify/amplify-ui/pull/2077) [`736cfe7cb`](https://github.com/aws-amplify/amplify-ui/commit/736cfe7cb3544bf0ecae5ab2c3b2caf381b497c4) Thanks [@zchenwei](https://github.com/zchenwei)! - feat(style): adding theme key support on more style props(`font-family`, `line-height`, `opacity`, `box-shadow` and `transform`)
* [#2070](https://github.com/aws-amplify/amplify-ui/pull/2070) [`28bf92ddb`](https://github.com/aws-amplify/amplify-ui/commit/28bf92ddbd893a3c2839d5215537f845db46b181) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: adding theme key(`radii`, `space`, `fontSizes`, and `fontWeights`) support for more style props
### Patch Changes
- [#2062](https://github.com/aws-amplify/amplify-ui/pull/2062) [`d7dbdb1eb`](https://github.com/aws-amplify/amplify-ui/commit/d7dbdb1ebdb63718c5c8e223db3d034ec8331760) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): lint components/Geo directory
* [#2102](https://github.com/aws-amplify/amplify-ui/pull/2102) [`a168acdc6`](https://github.com/aws-amplify/amplify-ui/commit/a168acdc69e7e44625b0bbf30a020dc1f7bcde8e) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix: nested theme providers by removing menu's portal.
Menu primitive no longer renders in a React Portal which means it properly gets the theme from the nearest ThemeProvider.
Removing the document element modifications in the ThemeProvider because it is no longer needed. Now the ThemeProvider is much cleaner!
- [#2060](https://github.com/aws-amplify/amplify-ui/pull/2060) [`6800bf6c3`](https://github.com/aws-amplify/amplify-ui/commit/6800bf6c31ad1b1656e7b799fc0f3853115932e4) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): lint hooks directory
* [#2061](https://github.com/aws-amplify/amplify-ui/pull/2061) [`ff34a6b9c`](https://github.com/aws-amplify/amplify-ui/commit/ff34a6b9c8fb9ccc6f59bf2607cae23ff6939201) Thanks [@reesscot](https://github.com/reesscot)! - fix: build-time error message `Cannot find module "mapbox-gl"` by pinning mapbox-gl to v1.13.2
- [#2067](https://github.com/aws-amplify/amplify-ui/pull/2067) [`c447a53b0`](https://github.com/aws-amplify/amplify-ui/commit/c447a53b08bf3b7b1b30bdd102107a6d76a30fa2) Thanks [@zchenwei](https://github.com/zchenwei)! - fix(docs): fix type error
* [#2063](https://github.com/aws-amplify/amplify-ui/pull/2063) [`f01bf291f`](https://github.com/aws-amplify/amplify-ui/commit/f01bf291f8f74082d45ca96fe58dbce0278486fe) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): lint components/ThemeProvider directory
* Updated dependencies [[`5eedbbed4`](https://github.com/aws-amplify/amplify-ui/commit/5eedbbed4d04fc00a50d37ae3be61522212eb5cb), [`e37b666d9`](https://github.com/aws-amplify/amplify-ui/commit/e37b666d967aa444984f9881e7267c0ea171716a), [`ef790e5fd`](https://github.com/aws-amplify/amplify-ui/commit/ef790e5fd0d6c91311a4db2456f7de10f8fdad7a), [`540b4ce97`](https://github.com/aws-amplify/amplify-ui/commit/540b4ce97a7c68ea3783bc67e8da4cce1d52e706), [`736cfe7cb`](https://github.com/aws-amplify/amplify-ui/commit/736cfe7cb3544bf0ecae5ab2c3b2caf381b497c4), [`d8085741b`](https://github.com/aws-amplify/amplify-ui/commit/d8085741b23175458adba9b3c05e97408aaa6413), [`f6ee1355c`](https://github.com/aws-amplify/amplify-ui/commit/f6ee1355c75ee802c76a34d140c3e052fc0afaeb), [`a168acdc6`](https://github.com/aws-amplify/amplify-ui/commit/a168acdc69e7e44625b0bbf30a020dc1f7bcde8e), [`5f3d3a264`](https://github.com/aws-amplify/amplify-ui/commit/5f3d3a2642401788f1fc79334140c5f3cfc83876), [`28bf92ddb`](https://github.com/aws-amplify/amplify-ui/commit/28bf92ddbd893a3c2839d5215537f845db46b181)]:
- @aws-amplify/ui@3.11.0
## 2.19.1
### Patch Changes
- [#2021](https://github.com/aws-amplify/amplify-ui/pull/2021) [`6c267aaf8`](https://github.com/aws-amplify/amplify-ui/commit/6c267aaf8b6cb656458e3398cc923e0e259ea9a2) Thanks [@jacoblogan](https://github.com/jacoblogan)! - React: pass isDisabled flag on searchfield onto the search button
UI: add design tokens for collection and searchfield
### Searchfield Tokens added
- --amplify-components-searchfield-color
- --amplify-components-searchfield-button-color
- --amplify-components-searchfield-button-active-background-color
- --amplify-components-searchfield-button-active-border-color
- --amplify-components-searchfield-button-active-color
- --amplify-components-searchfield-button-disabled-background-color
- --amplify-components-searchfield-button-disabled-border-color
- --amplify-components-searchfield-button-disabled-color
- --amplify-components-searchfield-button-focus-background-color
- --amplify-components-searchfield-button-focus-border-color
- --amplify-components-searchfield-button-focus-color
- --amplify-components-searchfield-button-hover-background-color
- --amplify-components-searchfield-button-hover-border-color
- --amplify-components-searchfield-button-hover-color
### Collection tokens added
- --amplify-components-collection-pagination-current-color
- --amplify-components-collection-pagination-current-background-color
- --amplify-components-collection-pagination-button-color
- --amplify-components-collection-pagination-button-hover-background-color
- --amplify-components-collection-pagination-button-hover-color
- --amplify-components-collection-pagination-button-disabled-color
- --amplify-components-collection-search-input-color
- --amplify-components-collection-search-button-color
- --amplify-components-collection-search-button-active-background-color
- --amplify-components-collection-search-button-active-border-color
- --amplify-components-collection-search-button-active-color
- --amplify-components-collection-search-button-disabled-background-color
- --amplify-components-collection-search-button-disabled-border-color
- --amplify-components-collection-search-button-disabled-color
- --amplify-components-collection-search-button-focus-background-color
- --amplify-components-collection-search-button-focus-border-color
- --amplify-components-collection-search-button-focus-color
- --amplify-components-collection-search-button-hover-background-color
- --amplify-components-collection-search-button-hover-border-color
- --amplify-components-collection-search-button-hover-color
* [#2036](https://github.com/aws-amplify/amplify-ui/pull/2036) [`8862110f1`](https://github.com/aws-amplify/amplify-ui/commit/8862110f14784a1ed75069fef733a9c85950910c) Thanks [@hbuchel](https://github.com/hbuchel)! - chore(react): update unit tests for Expander, which now supports passing any ReactNode (custom component) as title prop
- [#1945](https://github.com/aws-amplify/amplify-ui/pull/1945) [`cf151f9d8`](https://github.com/aws-amplify/amplify-ui/commit/cf151f9d87b4851c5cc87088ef2286dcf6945a0d) Thanks [@wlee221](https://github.com/wlee221)! - Added aria-describedby attribute to link validation error messages to their respective field. This makes the errors more accessible.
- Updated dependencies [[`6c267aaf8`](https://github.com/aws-amplify/amplify-ui/commit/6c267aaf8b6cb656458e3398cc923e0e259ea9a2)]:
- @aws-amplify/ui@3.10.0
## 2.19.0
### Minor Changes
- [#1980](https://github.com/aws-amplify/amplify-ui/pull/1980) [`a9b29e879`](https://github.com/aws-amplify/amplify-ui/commit/a9b29e8796baa8ba7986cf787b5879a6d4b74a99) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: adding missing label props to make text in i18n file customizable
* [#1986](https://github.com/aws-amplify/amplify-ui/pull/1986) [`c58c1e056`](https://github.com/aws-amplify/amplify-ui/commit/c58c1e0568e7d2b1ec870ebc78245a770da04b2b) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: update custom style props to accept StyleToken type
For example:
```jsx
import {
Flex,
Loader,
Rating,
SliderField,
SwitchField,
} from '@aws-amplify/ui-react';
export const StyleTokenExample = () => {
return (
);
}
```
### Patch Changes
- [#1996](https://github.com/aws-amplify/amplify-ui/pull/1996) [`2c3ee1a7f`](https://github.com/aws-amplify/amplify-ui/commit/2c3ee1a7fd66bd6f090b7a469c84acd1203349f9) Thanks [@0618](https://github.com/0618)! - fix ThemeProvider original value
## 2.18.3
### Patch Changes
- [#1989](https://github.com/aws-amplify/amplify-ui/pull/1989) [`d7f15b30b`](https://github.com/aws-amplify/amplify-ui/commit/d7f15b30b4dce32c11f87c129f838a3aa7e7f07e) Thanks [@zchenwei](https://github.com/zchenwei)! - fix(style): fix a regression on SliderField style
* [#1956](https://github.com/aws-amplify/amplify-ui/pull/1956) [`bca2d1c5d`](https://github.com/aws-amplify/amplify-ui/commit/bca2d1c5dd043326bf93847ca1d2c6d3ab88b2ff) Thanks [@jacoblogan](https://github.com/jacoblogan)! - re export AmplifyProvider as ThemeProvider
## 2.18.2
### Patch Changes
- [#1938](https://github.com/aws-amplify/amplify-ui/pull/1938) [`344e65f8a`](https://github.com/aws-amplify/amplify-ui/commit/344e65f8a535a76ce0fb2108acbf77e7438311e3) Thanks [@slaymance](https://github.com/slaymance)! - feat(geo): Rename 'Geocoder' to 'LocationSearch'
* [#1910](https://github.com/aws-amplify/amplify-ui/pull/1910) [`766bf302c`](https://github.com/aws-amplify/amplify-ui/commit/766bf302c4d594ae92f1506967b6f1858687a41c) Thanks [@wlee221](https://github.com/wlee221)! - refactor(internal): Move `autoSignIn` logic out of `signUp` actor
- [#1910](https://github.com/aws-amplify/amplify-ui/pull/1910) [`766bf302c`](https://github.com/aws-amplify/amplify-ui/commit/766bf302c4d594ae92f1506967b6f1858687a41c) Thanks [@wlee221](https://github.com/wlee221)! - On userpools with sms mfa required, authenticator will now automatically redirect user to sms mfa page after successful sign up.
Previously, end users needed to sign in again to go to the sms mfa page ([#1660](https://github.com/aws-amplify/amplify-ui/issues/1660)).
* [#1971](https://github.com/aws-amplify/amplify-ui/pull/1971) [`fc076a997`](https://github.com/aws-amplify/amplify-ui/commit/fc076a997d4347c88e1a22266ce1c96c6fe5350c) Thanks [@slaymance](https://github.com/slaymance)! - fix(geo): Bump react-map-gl to resolve ES2020 build errors
* Updated dependencies [[`766bf302c`](https://github.com/aws-amplify/amplify-ui/commit/766bf302c4d594ae92f1506967b6f1858687a41c), [`766bf302c`](https://github.com/aws-amplify/amplify-ui/commit/766bf302c4d594ae92f1506967b6f1858687a41c), [`a41ecfbf1`](https://github.com/aws-amplify/amplify-ui/commit/a41ecfbf1e7fc35e20622a6fb514c3bab7404621)]:
- @aws-amplify/ui@3.9.2
## 2.18.1
### Patch Changes
- Updated dependencies [[`376c39fc0`](https://github.com/aws-amplify/amplify-ui/commit/376c39fc04aec3a41d02a722a62d4b8e4eb43230)]:
- @aws-amplify/ui@3.9.1
## 2.18.0
### Minor Changes
- [#1879](https://github.com/aws-amplify/amplify-ui/pull/1879) [`937498b3f`](https://github.com/aws-amplify/amplify-ui/commit/937498b3ff016f2f76f60d861a995b8b1bb77bdf) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Add default dark mode theme override for React
```jsx
const theme: Theme = {
name: 'my-theme',
overrides: [defaultDarkModeOverride],
};
// ...
// or
```
### Patch Changes
- [#1868](https://github.com/aws-amplify/amplify-ui/pull/1868) [`1c3e35a8d`](https://github.com/aws-amplify/amplify-ui/commit/1c3e35a8df815402da68c203b84cf599064c863a) Thanks [@wlee221](https://github.com/wlee221)! - This PR adds additional safeguards to hub event listeners we use. Now, we will only pass hub events to the auth machine if it is in the correct state.
* [#1878](https://github.com/aws-amplify/amplify-ui/pull/1878) [`279dbc8b1`](https://github.com/aws-amplify/amplify-ui/commit/279dbc8b1b239be27081faff09ec864e38220e55) Thanks [@joebuono](https://github.com/joebuono)! - bug(fix): PhoneNumberField does not honor readonly prop
- [#1898](https://github.com/aws-amplify/amplify-ui/pull/1898) [`1f3c60a1a`](https://github.com/aws-amplify/amplify-ui/commit/1f3c60a1a76dc5e895d14bcc9f2ad55d32aac699) Thanks [@joebuono](https://github.com/joebuono)! - bug(fix): Apply styling to disabled MenuItems
* [#1917](https://github.com/aws-amplify/amplify-ui/pull/1917) [`435be20a9`](https://github.com/aws-amplify/amplify-ui/commit/435be20a9546e938406dc37a48d0a3bc45880536) Thanks [@slaymance](https://github.com/slaymance)! - Revert "fix(geo): Point to react-map-gl es5 bundle"
* Updated dependencies [[`62edc9ee3`](https://github.com/aws-amplify/amplify-ui/commit/62edc9ee34a64a81190631fed31cf388bcf3b2e0), [`1c3e35a8d`](https://github.com/aws-amplify/amplify-ui/commit/1c3e35a8df815402da68c203b84cf599064c863a), [`937498b3f`](https://github.com/aws-amplify/amplify-ui/commit/937498b3ff016f2f76f60d861a995b8b1bb77bdf), [`5c5e89407`](https://github.com/aws-amplify/amplify-ui/commit/5c5e89407d2946be61ffb4ab5a4e9d7352c41065)]:
- @aws-amplify/ui@3.9.0
## 2.17.1
### Patch Changes
- [#1887](https://github.com/aws-amplify/amplify-ui/pull/1887) [`fb605b81d`](https://github.com/aws-amplify/amplify-ui/commit/fb605b81d2df12e95a4fc21ad42ff0ab23c0fec2) Thanks [@slaymance](https://github.com/slaymance)! - fix(geo): Point to react-map-gl es5 bundle to mitigate es2020 build errors
* [#1876](https://github.com/aws-amplify/amplify-ui/pull/1876) [`542dc14cd`](https://github.com/aws-amplify/amplify-ui/commit/542dc14cd037d387ad3bec962e020b89271810cf) Thanks [@jacoblogan](https://github.com/jacoblogan)! - Update Button to include disabled classes with disabled attribute
- [#1864](https://github.com/aws-amplify/amplify-ui/pull/1864) [`716e24298`](https://github.com/aws-amplify/amplify-ui/commit/716e2429848592254f0b53df6470a53ac735b71c) Thanks [@zchenwei](https://github.com/zchenwei)! - fix(style): fix PasswordField and SearchField quiet styling
* [#1872](https://github.com/aws-amplify/amplify-ui/pull/1872) [`dfa3a1be9`](https://github.com/aws-amplify/amplify-ui/commit/dfa3a1be916bae010c01e46fe58d215bef1a1051) Thanks [@ErikCH](https://github.com/ErikCH)! - Removed isDisabled prop, since it doesn't exist as an HTML element
* Updated dependencies [[`7dbd14546`](https://github.com/aws-amplify/amplify-ui/commit/7dbd145461d27a8cb1ba63a261e543a154dd8343), [`716e24298`](https://github.com/aws-amplify/amplify-ui/commit/716e2429848592254f0b53df6470a53ac735b71c)]:
- @aws-amplify/ui@3.8.3
## 2.17.0
### Minor Changes
- [#1791](https://github.com/aws-amplify/amplify-ui/pull/1791) [`2f6adb494`](https://github.com/aws-amplify/amplify-ui/commit/2f6adb4949181e522eb0eded96b3cca52123fcdd) Thanks [@slaymance](https://github.com/slaymance)! - Add forward ref functionality to MapView
### Patch Changes
- [#1772](https://github.com/aws-amplify/amplify-ui/pull/1772) [`9c25f80b6`](https://github.com/aws-amplify/amplify-ui/commit/9c25f80b6f4c84e0e1727873e3dd78b3ce5684a0) Thanks [@jacoblogan](https://github.com/jacoblogan)! - Refactor of styling to flatten css selectors across angular, react, and vue
* [#1859](https://github.com/aws-amplify/amplify-ui/pull/1859) [`a130303af`](https://github.com/aws-amplify/amplify-ui/commit/a130303af84a68cd77ab80de6ee32e90b480a6b4) Thanks [@ErikCH](https://github.com/ErikCH)! - Added a translatable text for errors on the Force new password page
* Updated dependencies [[`e9ae76995`](https://github.com/aws-amplify/amplify-ui/commit/e9ae7699589ec005475b4fc16dac7164ad9e0caa), [`9c25f80b6`](https://github.com/aws-amplify/amplify-ui/commit/9c25f80b6f4c84e0e1727873e3dd78b3ce5684a0)]:
- @aws-amplify/ui@3.8.2
## 2.16.2
### Patch Changes
- [#1835](https://github.com/aws-amplify/amplify-ui/pull/1835) [`286e7df79`](https://github.com/aws-amplify/amplify-ui/commit/286e7df790a103d164cd8424161a9cd6dc4483e3) Thanks [@reesscot](https://github.com/reesscot)! - Fix ScrollView to only show scrollbars when content overflows
* [#1850](https://github.com/aws-amplify/amplify-ui/pull/1850) [`06b900ff7`](https://github.com/aws-amplify/amplify-ui/commit/06b900ff719fb8ddabd8c85e78784716aa31e181) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(ui-react): remove optional flag from render child prop in RouterProps
* Updated dependencies [[`286e7df79`](https://github.com/aws-amplify/amplify-ui/commit/286e7df790a103d164cd8424161a9cd6dc4483e3)]:
- @aws-amplify/ui@3.8.1
## 2.16.1
### Patch Changes
- [#1829](https://github.com/aws-amplify/amplify-ui/pull/1829) [`4c6ca0abd`](https://github.com/aws-amplify/amplify-ui/commit/4c6ca0abd73a6b7df51193c27223ac2befb43c9a) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): update eslint config
* [#1838](https://github.com/aws-amplify/amplify-ui/pull/1838) [`8efa2b238`](https://github.com/aws-amplify/amplify-ui/commit/8efa2b238319f591e0397f89d302dcda9bb6aa8a) Thanks [@ErikCH](https://github.com/ErikCH)! - Fixed bug with MS Authenticator not working with Setup TOTP page
* Updated dependencies [[`b1656e136`](https://github.com/aws-amplify/amplify-ui/commit/b1656e13612b5a748cc19be6eeeb44bf70822fda), [`f2ab1b8e4`](https://github.com/aws-amplify/amplify-ui/commit/f2ab1b8e468597e7b81284b46cd4b03dcd02e201)]:
- @aws-amplify/ui@3.8.0
## 2.16.0
### Minor Changes
- [#1811](https://github.com/aws-amplify/amplify-ui/pull/1811) [`78857c29e`](https://github.com/aws-amplify/amplify-ui/commit/78857c29e6e1f0ec501c017a5cbb83710a1f8f3d) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): refactor Authenticator Router, add RouteContainer
### Patch Changes
- Updated dependencies [[`3e5b93e25`](https://github.com/aws-amplify/amplify-ui/commit/3e5b93e25b8e410497332eedf194d2871acb3e79)]:
- @aws-amplify/ui@3.7.0
## 2.15.8
### Patch Changes
- [#1798](https://github.com/aws-amplify/amplify-ui/pull/1798) [`331df831f`](https://github.com/aws-amplify/amplify-ui/commit/331df831fd7ddeb8c6f28b4cb385d23d1aa524be) Thanks [@wlee221](https://github.com/wlee221)! - fix(react): Add compatibility with React 18 `useSyncExternalStore` hook
- Updated dependencies [[`331df831f`](https://github.com/aws-amplify/amplify-ui/commit/331df831fd7ddeb8c6f28b4cb385d23d1aa524be)]:
- @aws-amplify/ui@3.6.8
## 2.15.7
### Patch Changes
- [#1762](https://github.com/aws-amplify/amplify-ui/pull/1762) [`cd710a07c`](https://github.com/aws-amplify/amplify-ui/commit/cd710a07c52c1db57899eaf3feba4fde52c08df2) Thanks [@jacoblogan](https://github.com/jacoblogan)! - remove inline styling from react authenticator
* [#1786](https://github.com/aws-amplify/amplify-ui/pull/1786) [`4341b3862`](https://github.com/aws-amplify/amplify-ui/commit/4341b38621d0835219650fa579b1bd18c5dc5d82) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(ui-react): add graceful handling of falsy form field values in SetupTOTP component
* Updated dependencies [[`cd710a07c`](https://github.com/aws-amplify/amplify-ui/commit/cd710a07c52c1db57899eaf3feba4fde52c08df2)]:
- @aws-amplify/ui@3.6.7
## 2.15.6
### Patch Changes
- [#1766](https://github.com/aws-amplify/amplify-ui/pull/1766) [`3a166e303`](https://github.com/aws-amplify/amplify-ui/commit/3a166e30326b6d6065b9bbf5ecf516e59e2c86b8) Thanks [@slaymance](https://github.com/slaymance)! - Support Pascal case for Amazon Location Service configuration block
- Updated dependencies [[`84fd81868`](https://github.com/aws-amplify/amplify-ui/commit/84fd818689daa5220bfb55ebee7e280454e1c705), [`a9c5aa5f5`](https://github.com/aws-amplify/amplify-ui/commit/a9c5aa5f56c4d222cd8bd652d0fd549aea3576ef)]:
- @aws-amplify/ui@3.6.6
## 2.15.5
### Patch Changes
- [#1749](https://github.com/aws-amplify/amplify-ui/pull/1749) [`2f41ba169`](https://github.com/aws-amplify/amplify-ui/commit/2f41ba16963c84c21d8b24147109b4d45fe20361) Thanks [@slaymance](https://github.com/slaymance)! - Fix Geocoder position bug
- Updated dependencies [[`57e104e16`](https://github.com/aws-amplify/amplify-ui/commit/57e104e169bc1d6b5de6ffa285c0494204c98579)]:
- @aws-amplify/ui@3.6.5
## 2.15.4
### Patch Changes
- [#1724](https://github.com/aws-amplify/amplify-ui/pull/1724) [`1481e5e04`](https://github.com/aws-amplify/amplify-ui/commit/1481e5e0419f9c13ad48cc8c0d00066acb3c7d92) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): type withAuthenticator
* [#1685](https://github.com/aws-amplify/amplify-ui/pull/1685) [`c984491dc`](https://github.com/aws-amplify/amplify-ui/commit/c984491dcf84171f7e69942ff49e4bccae0c6735) Thanks [@wlee221](https://github.com/wlee221)! - Adjusts Authenticator to accept ReactNode as well as render prop children
- [#1722](https://github.com/aws-amplify/amplify-ui/pull/1722) [`d714ff3ed`](https://github.com/aws-amplify/amplify-ui/commit/d714ff3ed5bc31563ff1ff799bc4bcc9c2743166) Thanks [@ErikCH](https://github.com/ErikCH)! - Updated maplibre-gl to latest version
* [#1721](https://github.com/aws-amplify/amplify-ui/pull/1721) [`13ae3c03c`](https://github.com/aws-amplify/amplify-ui/commit/13ae3c03c3b07ff4b0ccc2dd842f682b42c55fb7) Thanks [@slaymance](https://github.com/slaymance)! - Bump maplibre-gl-js-amplify dependency version
* Updated dependencies [[`1601b3f94`](https://github.com/aws-amplify/amplify-ui/commit/1601b3f94d68acd1df0e592c6328f19b29620447)]:
- @aws-amplify/ui@3.6.4
## 2.15.3
### Patch Changes
- [#1681](https://github.com/aws-amplify/amplify-ui/pull/1681) [`7beda1ea2`](https://github.com/aws-amplify/amplify-ui/commit/7beda1ea2e28f5de4beefa50f2032cef3e4870e1) Thanks [@jacoblogan](https://github.com/jacoblogan)! - Remove hygen
* [#1666](https://github.com/aws-amplify/amplify-ui/pull/1666) [`ef5a70817`](https://github.com/aws-amplify/amplify-ui/commit/ef5a708170ff2b177e79a5e2d8c6ea2645ee453a) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react): updates to allow eslint react-hooks/rules-of-hooks set to error
- update eslint 'rules-of-hooks/exhaustive-deps' from 'warning' to 'error'
- turn linting on for entire ui-react package
- add missing or update dep arrays as needed to satisfy 'rules-of-hooks/exhaustive-deps'
- add DefaultFooter component in SignIn
- add DefaultHeader component in ConfirmSignUp
- add DefaultComponents interface and remove PartialDeep and related files
- add useAuthenticatorService and error throw in useAuthenticator to prevent conditional hook calls
* Updated dependencies [[`34a19a541`](https://github.com/aws-amplify/amplify-ui/commit/34a19a541b4b733a6688a38a435423e9c607e918), [`16dced7de`](https://github.com/aws-amplify/amplify-ui/commit/16dced7de5edc73c064b7ec4bddbefe586e98393)]:
- @aws-amplify/ui@3.6.3
## 2.15.2
### Patch Changes
- [#1652](https://github.com/aws-amplify/amplify-ui/pull/1652) [`b9a181bc9`](https://github.com/aws-amplify/amplify-ui/commit/b9a181bc9da2411017877a91dc931812e8371bb8) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Fixing shadow and outline CSS variables in the default styles.
* [#1657](https://github.com/aws-amplify/amplify-ui/pull/1657) [`65ad18e49`](https://github.com/aws-amplify/amplify-ui/commit/65ad18e4980aa7973c28eda333b967eb4aac42dd) Thanks [@wlee221](https://github.com/wlee221)! - chore: Add error message when `useAuthenticator` can't find a parent `Authenticator.Provider`.
- [#1655](https://github.com/aws-amplify/amplify-ui/pull/1655) [`5379686e6`](https://github.com/aws-amplify/amplify-ui/commit/5379686e643e02f35c3aa3b3a26af41d01c5b463) Thanks [@hbuchel](https://github.com/hbuchel)! - fix: accessibly hide label text for CheckboxField when labelHidden is…
* [#1638](https://github.com/aws-amplify/amplify-ui/pull/1638) [`4b146599d`](https://github.com/aws-amplify/amplify-ui/commit/4b146599d49279bda93076f62e33debef5a70edd) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: updating import paths to reduce circular dependencies
- [#1654](https://github.com/aws-amplify/amplify-ui/pull/1654) [`b940de62a`](https://github.com/aws-amplify/amplify-ui/commit/b940de62a2061c9e6f1e5f2ada09ed7153dbeec9) Thanks [@joebuono](https://github.com/joebuono)! - Add `nonce` prop to AmplifyProvider to allow strict CSP rules
- Updated dependencies [[`b9a181bc9`](https://github.com/aws-amplify/amplify-ui/commit/b9a181bc9da2411017877a91dc931812e8371bb8)]:
- @aws-amplify/ui@3.6.2
## 2.15.1
### Patch Changes
- [#1622](https://github.com/aws-amplify/amplify-ui/pull/1622) [`14e66c476`](https://github.com/aws-amplify/amplify-ui/commit/14e66c476871da8e3f88983d0115bfcb95407281) Thanks [@joebuono](https://github.com/joebuono)! - Addresses our use of dangerouslySetInnerHTML within the AmplifyProvider, and prevents server-side XSS by filtering out closing tags.
* [#1625](https://github.com/aws-amplify/amplify-ui/pull/1625) [`e799d32a4`](https://github.com/aws-amplify/amplify-ui/commit/e799d32a4a298e526a3469ee813597a1d09dfd58) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Fix broken references in default theme and changing `defaultTheme` to be exported as `BaseTheme` type rather than `WebTheme` because we don't need to be using a `WebTheme` as it has extra stuff only the provider needs. If you want to get a defaultTheme of `WebTheme` type you can run `createTheme()`
- [#1625](https://github.com/aws-amplify/amplify-ui/pull/1625) [`e799d32a4`](https://github.com/aws-amplify/amplify-ui/commit/e799d32a4a298e526a3469ee813597a1d09dfd58) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Fix broken references in default theme and changing `defaultTheme` to be exported as `BaseTheme` type rather than `WebTheme` because we don't need to be using a `WebTheme` as it has extra stuff only the provider needs. If you want to get a defaultTheme of `WebTheme` type you can run `createTheme()`
- Updated dependencies [[`68cf0494f`](https://github.com/aws-amplify/amplify-ui/commit/68cf0494f15356af54ee5aa0b4749cdd9a104aca), [`e799d32a4`](https://github.com/aws-amplify/amplify-ui/commit/e799d32a4a298e526a3469ee813597a1d09dfd58), [`e799d32a4`](https://github.com/aws-amplify/amplify-ui/commit/e799d32a4a298e526a3469ee813597a1d09dfd58)]:
- @aws-amplify/ui@3.6.1
## 2.15.0
### Minor Changes
- [#1629](https://github.com/aws-amplify/amplify-ui/pull/1629) [`ab9aef8f3`](https://github.com/aws-amplify/amplify-ui/commit/ab9aef8f329612abc2818db6b4477377aaa3ca62) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new Geo components. Including the MapView and GeoCoder with documentation at https://ui.docs.amplify.aws/components/geo
* [#1598](https://github.com/aws-amplify/amplify-ui/pull/1598) [`992c5f6fb`](https://github.com/aws-amplify/amplify-ui/commit/992c5f6fb3eb3c1c5a9514029c4c17f53d8d7b5b) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: adding determinate loader support
**_Example:_**
To use determinate loader, set `isDeterminate` to `true` and pass `percentage`
```jsx
import * as React from 'react';
import { Loader } from '@aws-amplify/ui-react';
export const DeterminateLoaderExample = () => {
const [percentage, setPercentage] = React.useState(0);
React.useEffect(() => {
const clearID = setInterval(() => {
setPercentage((percentage) => {
if (percentage < 100) {
return percentage + 1;
}
return 0;
});
}, 1000);
return () => clearInterval(clearID);
}, []);
return (
<>
);
};
```
To hide the percentage text, set `isPercentageTextHidden` to `true`
```jsx
import { Loader } from '@aws-amplify/ui-react';
export const LoaderIsPercentageTextHiddenExample = () => {
return ;
};
```
### Patch Changes
- Updated dependencies [[`ab9aef8f3`](https://github.com/aws-amplify/amplify-ui/commit/ab9aef8f329612abc2818db6b4477377aaa3ca62), [`992c5f6fb`](https://github.com/aws-amplify/amplify-ui/commit/992c5f6fb3eb3c1c5a9514029c4c17f53d8d7b5b)]:
- @aws-amplify/ui@3.6.0
## 2.14.1
### Patch Changes
- [#1628](https://github.com/aws-amplify/amplify-ui/pull/1628) [`ff74c1d1c`](https://github.com/aws-amplify/amplify-ui/commit/ff74c1d1cab859d977dfc0638f0193af842d2bbd) Thanks [@reesscot](https://github.com/reesscot)! - Revert Geo package release
- Updated dependencies [[`ff74c1d1c`](https://github.com/aws-amplify/amplify-ui/commit/ff74c1d1cab859d977dfc0638f0193af842d2bbd)]:
- @aws-amplify/ui@3.5.1
## 2.14.0
### Minor Changes
- [#1607](https://github.com/aws-amplify/amplify-ui/pull/1607) [`4d0a8424e`](https://github.com/aws-amplify/amplify-ui/commit/4d0a8424e2592be52a59e610f0eb1068c6ab0d5a) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new Geo components. Including the MapView and GeoCoder with documentation at https://ui.docs.amplify.aws/components/geo
### Patch Changes
- [#1620](https://github.com/aws-amplify/amplify-ui/pull/1620) [`607c8bc2b`](https://github.com/aws-amplify/amplify-ui/commit/607c8bc2be05f005b75dc94c3f85fb9ffd30f42a) Thanks [@wlee221](https://github.com/wlee221)! - fix(react): Keep a local copy of previous facade value
* [#1608](https://github.com/aws-amplify/amplify-ui/pull/1608) [`4dee728f2`](https://github.com/aws-amplify/amplify-ui/commit/4dee728f25735ce8bc8793806a395dfcee579522) Thanks [@reesscot](https://github.com/reesscot)! - Remove sourcemaps from rollup build
- [#1619](https://github.com/aws-amplify/amplify-ui/pull/1619) [`a224bb914`](https://github.com/aws-amplify/amplify-ui/commit/a224bb914d274d5b7d002d0ff0cfd514aa9a1a0d) Thanks [@wlee221](https://github.com/wlee221)! - Optimize `useAuthenticator`s used internally with `selector` option. This will significantly reduce the number of re-renders in Authenticator.
- Updated dependencies [[`4d0a8424e`](https://github.com/aws-amplify/amplify-ui/commit/4d0a8424e2592be52a59e610f0eb1068c6ab0d5a), [`e20720a89`](https://github.com/aws-amplify/amplify-ui/commit/e20720a894ccb2cfcc7ede7160299e082ec76fd2), [`4dee728f2`](https://github.com/aws-amplify/amplify-ui/commit/4dee728f25735ce8bc8793806a395dfcee579522)]:
- @aws-amplify/ui@3.5.0
## 2.13.0
### Minor Changes
- [#1566](https://github.com/aws-amplify/amplify-ui/pull/1566) [`7ce9dd531`](https://github.com/aws-amplify/amplify-ui/commit/7ce9dd5313b85d9f4b4cab8c7e329e37551e1690) Thanks [@jacoblogan](https://github.com/jacoblogan)! - added useBreakpointValue hook.
Used with either a breakpoint object or array
```
export const UseBreakpointValueObjectExample = () => {
const variation = useBreakpointValue({
base: 'info',
small: 'warning',
medium: 'error',
large: 'success',
});
return Responsive Alert;
};
```
OR
```
export const UseBreakpointValueArrayExample = () => {
const variation = useBreakpointValue(['info', 'warning', 'error', 'success']);
return Responsive Alert;
};
```
### Patch Changes
- [#1605](https://github.com/aws-amplify/amplify-ui/pull/1605) [`32eb09aeb`](https://github.com/aws-amplify/amplify-ui/commit/32eb09aebac4633e84e0787552d252f962fee512) Thanks [@reesscot](https://github.com/reesscot)! - feat: datastore actions field value type casting
- Updated dependencies [[`c00b0f016`](https://github.com/aws-amplify/amplify-ui/commit/c00b0f0161f4df56c3d2ec75ffe0d2975bb859ac)]:
- @aws-amplify/ui@3.4.1
## 2.12.0
### Minor Changes
- [#1569](https://github.com/aws-amplify/amplify-ui/pull/1569) [`6d3981c4a`](https://github.com/aws-amplify/amplify-ui/commit/6d3981c4a26721361e4461d206b0b37d72d67dbd) Thanks [@zchenwei](https://github.com/zchenwei)! - build: setting up Rollup for bundling
Both `@aws-amplify/ui-react` and `@aws-amplify/ui` cannot be tree shaken before because we bundle it in a wrong way. With `preserveModule` in Rollup, we make them tree-shakeble friendly.
With webpack, we can see tree shaking is taking effect now
```jsx
// index.tsx
import * as React from 'react';
import ReactDOM from 'react-dom';
import '@aws-amplify/ui-react/styles.css';
import { App } from './App';
ReactDOM.render(, document.getElementById('root'));
// App.tsx
import * as React from 'react';
import { Loader } from '@aws-amplify/ui-react';
export const App = () => {
return ;
};
```
main.js size
| Before | After |
| ----------- | ----------- |
| 1.7M | 161.1k |
### Patch Changes
- [#1510](https://github.com/aws-amplify/amplify-ui/pull/1510) [`683eac926`](https://github.com/aws-amplify/amplify-ui/commit/683eac9261d99ea5c4d8b86048b8c6d2efd83622) Thanks [@reesscot](https://github.com/reesscot)! - fix: make aws-amplify peer dependency optional for ui-react package
* [#1580](https://github.com/aws-amplify/amplify-ui/pull/1580) [`1ac9cda71`](https://github.com/aws-amplify/amplify-ui/commit/1ac9cda712dc7eb7bc7293999340e05059648c93) Thanks [@wlee221](https://github.com/wlee221)! - fix(authenticator): look for current user on routed apps whenever app refreshes
- [#1575](https://github.com/aws-amplify/amplify-ui/pull/1575) [`1570fe132`](https://github.com/aws-amplify/amplify-ui/commit/1570fe132b626223bf194757b8620dbf7d2a31dc) Thanks [@jacoblogan](https://github.com/jacoblogan)! - Add ES export of primitives
- Updated dependencies [[`1ac9cda71`](https://github.com/aws-amplify/amplify-ui/commit/1ac9cda712dc7eb7bc7293999340e05059648c93), [`d47da90a6`](https://github.com/aws-amplify/amplify-ui/commit/d47da90a68d936e2cc22a972a876ef10aca0eaf3), [`6d3981c4a`](https://github.com/aws-amplify/amplify-ui/commit/6d3981c4a26721361e4461d206b0b37d72d67dbd)]:
- @aws-amplify/ui@3.4.0
## 2.11.0
### Minor Changes
- [#1538](https://github.com/aws-amplify/amplify-ui/pull/1538) [`eedae2362`](https://github.com/aws-amplify/amplify-ui/commit/eedae236249eb1201f3540fa4458fdbac77b5af6) Thanks [@joebuono](https://github.com/joebuono)! - Adds the optional `hasMorePages` prop to the Pagination component
The reason this is necessary is because sometimes the totalPages count is unknown when pagination occurs at the API level.
Resulting conditions:
- Current behavior of totalPages prop stays the same, which determines the page numbers to show
- A new hasMorePages prop is added to Pagination component
- When hasMorePages is true, and the customer is at the end of the pages (e.g. 10 of 10), then the next button will NOT be disabled
- When hasMorePages is false, and the customer is at the end of the pages (e.g. 10 of 10), then the next button WILL be disabled
## 2.10.4
### Patch Changes
- [#1548](https://github.com/aws-amplify/amplify-ui/pull/1548) [`0e61396c8`](https://github.com/aws-amplify/amplify-ui/commit/0e61396c8e8bd403dfd1a06bd69d1edcb61de89a) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(react-authenticator): consolidate Authenticator form event handlers in useFormHandlers hook
* [#1343](https://github.com/aws-amplify/amplify-ui/pull/1343) [`4896136e9`](https://github.com/aws-amplify/amplify-ui/commit/4896136e939feb887c5427a35fe903a0181c03fa) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding deprecation warnings to icons
- [#1537](https://github.com/aws-amplify/amplify-ui/pull/1537) [`c1eed8265`](https://github.com/aws-amplify/amplify-ui/commit/c1eed82657d1d927500de4164244869ae91fd8d9) Thanks [@reesscot](https://github.com/reesscot)! - fix: suppress erroneous isMultiline deprecation warnings on TextField component
Deprecation warning messages are showing for users of TextField for the isMultiline prop even though
they are not using the prop. This issue is fixed by making the shouldWarn prop required on the internal
useDeprecationWarning hook.
- Updated dependencies [[`7910c04b5`](https://github.com/aws-amplify/amplify-ui/commit/7910c04b55cb32e3e8a70c3966f509ea43a0dc64), [`30e3155ac`](https://github.com/aws-amplify/amplify-ui/commit/30e3155ac70d3f82c00da562332ce701ade45817)]:
- @aws-amplify/ui@3.3.2
## 2.10.3
### Patch Changes
- [#1535](https://github.com/aws-amplify/amplify-ui/pull/1535) [`f1d4020be`](https://github.com/aws-amplify/amplify-ui/commit/f1d4020be9a976cc0221a89189bee847a38e6478) Thanks [@reesscot](https://github.com/reesscot)! - fix: typo in mapping of TextField left style prop (left was mapped to right, when should be mapped to left)
## 2.10.2
### Patch Changes
- [#1530](https://github.com/aws-amplify/amplify-ui/pull/1530) [`3a8925b76`](https://github.com/aws-amplify/amplify-ui/commit/3a8925b7682de67cb790cb6739cfb15ffb866b18) Thanks [@reesscot](https://github.com/reesscot)! - fix: update complex field components (TextField, TextAreaField, etc) to apply absolute positioning from Figma
Figma to Studio integration will absolutely position components when autolayout is not enabled in Figma. This causes an issue for field components that were passing position, top, and left, and padding down to the input element, causing the layout not to match Figma. This is fixed by moving the absolute position props and padding up to the container Flex element.
## 2.10.1
### Patch Changes
- [#1484](https://github.com/aws-amplify/amplify-ui/pull/1484) [`8b72277ab`](https://github.com/aws-amplify/amplify-ui/commit/8b72277ab8bd7ad64fa298a9d509572318ac8db2) Thanks [@wlee221](https://github.com/wlee221)! - refactor: share default form fields generation logic
* [#1484](https://github.com/aws-amplify/amplify-ui/pull/1484) [`8b72277ab`](https://github.com/aws-amplify/amplify-ui/commit/8b72277ab8bd7ad64fa298a9d509572318ac8db2) Thanks [@wlee221](https://github.com/wlee221)! - Default `labelHidden` to false. This can be adjusted in a later PR for better UX.
- [#1514](https://github.com/aws-amplify/amplify-ui/pull/1514) [`5ca96c4a8`](https://github.com/aws-amplify/amplify-ui/commit/5ca96c4a81722aca00caecb35dc98d17588c6ff1) Thanks [@amirHossein-Ebrahimi](https://github.com/amirHossein-Ebrahimi)! - feat: Add repository information to UI packages
* [#1495](https://github.com/aws-amplify/amplify-ui/pull/1495) [`71abbbe28`](https://github.com/aws-amplify/amplify-ui/commit/71abbbe28c8e87aed63dac8131534cfaeb071843) Thanks [@0618](https://github.com/0618)! - fix a11y errors
- [#1509](https://github.com/aws-amplify/amplify-ui/pull/1509) [`95c02cbf8`](https://github.com/aws-amplify/amplify-ui/commit/95c02cbf8930bc16fe349ff6e23b3b859f92d0d5) Thanks [@jacoblogan](https://github.com/jacoblogan)! - make pagination change functions optional
- Updated dependencies [[`8b72277ab`](https://github.com/aws-amplify/amplify-ui/commit/8b72277ab8bd7ad64fa298a9d509572318ac8db2), [`8b72277ab`](https://github.com/aws-amplify/amplify-ui/commit/8b72277ab8bd7ad64fa298a9d509572318ac8db2), [`5ca96c4a8`](https://github.com/aws-amplify/amplify-ui/commit/5ca96c4a81722aca00caecb35dc98d17588c6ff1), [`1e9c6c031`](https://github.com/aws-amplify/amplify-ui/commit/1e9c6c031b1e5401c456365f0ff3187ed35c6f22)]:
- @aws-amplify/ui@3.3.1
## 2.10.0
### Minor Changes
- [#1492](https://github.com/aws-amplify/amplify-ui/pull/1492) [`0bfe79caa`](https://github.com/aws-amplify/amplify-ui/commit/0bfe79caa63b037c1c9633c240b35203799f2fab) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new password complexity errors that will show during sign up. Based on the zero-config
### Patch Changes
- Updated dependencies [[`0bfe79caa`](https://github.com/aws-amplify/amplify-ui/commit/0bfe79caa63b037c1c9633c240b35203799f2fab), [`ebcc7e610`](https://github.com/aws-amplify/amplify-ui/commit/ebcc7e610fda12f74ba6c5bd6dda89bc4849b898)]:
- @aws-amplify/ui@3.3.0
## 2.9.0
### Minor Changes
- [#1474](https://github.com/aws-amplify/amplify-ui/pull/1474) [`05a1fa3c3`](https://github.com/aws-amplify/amplify-ui/commit/05a1fa3c3970f04bb87a336aafe87cf3f1946107) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding `labelPosition` to Radio and RadioGroupField
```jsx
html
css
javascript
```
### Patch Changes
- [#1489](https://github.com/aws-amplify/amplify-ui/pull/1489) [`8ead973d2`](https://github.com/aws-amplify/amplify-ui/commit/8ead973d23768fb497ad5ad1cde845a663a990ef) Thanks [@reesscot](https://github.com/reesscot)! - fix: Authenticator issue where InitMachine useEffect runs every render, causing `children` of `Authenticator` to be unmounted and remounted on every render.
* [#1429](https://github.com/aws-amplify/amplify-ui/pull/1429) [`5202eba2c`](https://github.com/aws-amplify/amplify-ui/commit/5202eba2cfe6ae76b3128f3781bacd6f3795d764) Thanks [@jacoblogan](https://github.com/jacoblogan)! - Add exported class names object which is a JS object containing the classname, primitive name, and description of class
- [#1483](https://github.com/aws-amplify/amplify-ui/pull/1483) [`b97cb9126`](https://github.com/aws-amplify/amplify-ui/commit/b97cb91264d03eed0ce248909708eed112eb9aec) Thanks [@0618](https://github.com/0618)! - - fix a11y erros on docs homepage
- fix type errors
- rename css class
* [#1482](https://github.com/aws-amplify/amplify-ui/pull/1482) [`9fb550ccd`](https://github.com/aws-amplify/amplify-ui/commit/9fb550ccd58608ca2f96caf806a858fe55b119eb) Thanks [@reesscot](https://github.com/reesscot)! - Remove IdProvider and upgrade to latest Radix UI packages.
- [#1472](https://github.com/aws-amplify/amplify-ui/pull/1472) [`ef5dff599`](https://github.com/aws-amplify/amplify-ui/commit/ef5dff599b84dd4b508827264758b11439684142) Thanks [@wlee221](https://github.com/wlee221)! - Set confirmation code input types to `"number"`
* [#1486](https://github.com/aws-amplify/amplify-ui/pull/1486) [`9ecb14e35`](https://github.com/aws-amplify/amplify-ui/commit/9ecb14e35ec0c5f6c65ac71d06f56754920d1b61) Thanks [@reesscot](https://github.com/reesscot)! - `TextField` and `TextAreaField` - Apply `width` and `height` style props to
`Flex` container element rather than `input` field to match `SelectField` behavior.
This will also apply to `PasswordField`, `PhoneNumberField` and `SearchField`
which use the `TextField`.
* Updated dependencies [[`05a1fa3c3`](https://github.com/aws-amplify/amplify-ui/commit/05a1fa3c3970f04bb87a336aafe87cf3f1946107), [`b97cb9126`](https://github.com/aws-amplify/amplify-ui/commit/b97cb91264d03eed0ce248909708eed112eb9aec), [`ef5dff599`](https://github.com/aws-amplify/amplify-ui/commit/ef5dff599b84dd4b508827264758b11439684142), [`3c0b705e3`](https://github.com/aws-amplify/amplify-ui/commit/3c0b705e3c5eb25a80bea077a6c60a52dc7ffa51), [`9e8d6b212`](https://github.com/aws-amplify/amplify-ui/commit/9e8d6b212bdbc324b75066d664b6adb1ef46163d)]:
- @aws-amplify/ui@3.2.1
## 2.8.0
### Minor Changes
- [#1394](https://github.com/aws-amplify/amplify-ui/pull/1394) [`3d5acaa4c`](https://github.com/aws-amplify/amplify-ui/commit/3d5acaa4cce5ea8daf49caab71d92dc3c91d9021) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding `label` prop to Divider component.
```jsx
import { Flex, Text, Divider } from '@aws-amplify/ui-react';
export const LabelExample = () => (
Before
After
);
```
### Patch Changes
- [#1461](https://github.com/aws-amplify/amplify-ui/pull/1461) [`a7e65c56f`](https://github.com/aws-amplify/amplify-ui/commit/a7e65c56ff3d3beaad3d049581a21277d8135392) Thanks [@jacoblogan](https://github.com/jacoblogan)! - set pagination current page default to 1
* [#1443](https://github.com/aws-amplify/amplify-ui/pull/1443) [`851288030`](https://github.com/aws-amplify/amplify-ui/commit/851288030f6e4ff95fc0a531a8128c7bb64cfa49) Thanks [@joebuono](https://github.com/joebuono)! - Improve efficiency of View styles by combining hooks into single `useStyles` hook
- [#1434](https://github.com/aws-amplify/amplify-ui/pull/1434) [`45546b0d6`](https://github.com/aws-amplify/amplify-ui/commit/45546b0d63e32ecf79f36c4a8b18787a48ad901b) Thanks [@joebuono](https://github.com/joebuono)! - Convert `padding` and `margin` properties to logical equivalents
(e.g., `paddingTop` converts to `padding-block-start`)
* [#1407](https://github.com/aws-amplify/amplify-ui/pull/1407) [`731587a58`](https://github.com/aws-amplify/amplify-ui/commit/731587a58e8ef89e9f0193d7118377093a6024b8) Thanks [@0618](https://github.com/0618)! - fix authenticator SetupTOTP, refactor authenticator styles
- [#1447](https://github.com/aws-amplify/amplify-ui/pull/1447) [`3343e187b`](https://github.com/aws-amplify/amplify-ui/commit/3343e187b6dc9eab2c2a9c2d408bac8afb063f74) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Fixing nested AmplifyProviders and theming. This fixes issues seen on the docs site if you have nested AmplifyProviders causing weird issues. The provider now cleans itself up properly and only injects CSS if necessary.
- Updated dependencies [[`5f1753785`](https://github.com/aws-amplify/amplify-ui/commit/5f175378571e56c1f59bfa39060337148f428ce2), [`4c1a5cfbe`](https://github.com/aws-amplify/amplify-ui/commit/4c1a5cfbe6e984a790261d122ee4df368b249688), [`3d5acaa4c`](https://github.com/aws-amplify/amplify-ui/commit/3d5acaa4cce5ea8daf49caab71d92dc3c91d9021), [`731587a58`](https://github.com/aws-amplify/amplify-ui/commit/731587a58e8ef89e9f0193d7118377093a6024b8), [`3343e187b`](https://github.com/aws-amplify/amplify-ui/commit/3343e187b6dc9eab2c2a9c2d408bac8afb063f74)]:
- @aws-amplify/ui@3.2.0
## 2.7.0
### Minor Changes
- [#1389](https://github.com/aws-amplify/amplify-ui/pull/1389) [`57f1441e4`](https://github.com/aws-amplify/amplify-ui/commit/57f1441e4809218a813148d0942de8171d159831) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new formfields prop that allows more customization of inputs and setup TOTP.
New docs can be found at https://ui.docs.amplify.aws/components/authenticator#form-field-customization
### Patch Changes
- [#1415](https://github.com/aws-amplify/amplify-ui/pull/1415) [`74e066622`](https://github.com/aws-amplify/amplify-ui/commit/74e066622e9abe26e9f9427f6bdc82c4e14d4952) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Fixing checkbox `labelPosition` to position the label correctly. Now `labelPosition="start"` actually means _start_.
* [#1432](https://github.com/aws-amplify/amplify-ui/pull/1432) [`6c51a2400`](https://github.com/aws-amplify/amplify-ui/commit/6c51a2400f87fe3fb45913b898c2b60740b71894) Thanks [@joebuono](https://github.com/joebuono)! - Add `margin` and `padding` style props (`marginTop`, `paddingBottom`, etc)
- [#1417](https://github.com/aws-amplify/amplify-ui/pull/1417) [`5b3b8479a`](https://github.com/aws-amplify/amplify-ui/commit/5b3b8479aea06c6b7df031dc6493abdd36b0bd6a) Thanks [@wlee221](https://github.com/wlee221)! - Fix undefined reference in reset password flow
- Updated dependencies [[`74e066622`](https://github.com/aws-amplify/amplify-ui/commit/74e066622e9abe26e9f9427f6bdc82c4e14d4952), [`57f1441e4`](https://github.com/aws-amplify/amplify-ui/commit/57f1441e4809218a813148d0942de8171d159831), [`5b3b8479a`](https://github.com/aws-amplify/amplify-ui/commit/5b3b8479aea06c6b7df031dc6493abdd36b0bd6a)]:
- @aws-amplify/ui@3.1.0
## 2.6.2
### Patch Changes
- [#1408](https://github.com/aws-amplify/amplify-ui/pull/1408) [`71d7b79c5`](https://github.com/aws-amplify/amplify-ui/commit/71d7b79c54181ff657d79444934947bd057d72c3) Thanks [@zchenwei](https://github.com/zchenwei)! - fix: fixing infinite useEffect call in useDataStore hook
## 2.6.1
### Patch Changes
- [#1382](https://github.com/aws-amplify/amplify-ui/pull/1382) [`3e82f7238`](https://github.com/aws-amplify/amplify-ui/commit/3e82f7238080d7e56add1f60854bdf6855b6a9ea) Thanks [@ErikCH](https://github.com/ErikCH)! - Added missing slots for React components
* [#1388](https://github.com/aws-amplify/amplify-ui/pull/1388) [`c65565e4b`](https://github.com/aws-amplify/amplify-ui/commit/c65565e4b07219866be73cf9ed6fc2c39fc81c05) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Fixes useDeprecationWarning hook
## 2.6.0
### Minor Changes
- [#1355](https://github.com/aws-amplify/amplify-ui/pull/1355) [`19d5a6bfa`](https://github.com/aws-amplify/amplify-ui/commit/19d5a6bfab21eb5d952613ec8570287611d29497) Thanks [@zchenwei](https://github.com/zchenwei)! - feat: adding `isSelectionRequired` prop to `ToggleButtonGroup` primitive
**Example:**
```jsx
import * as React from 'react';
import {
MdFormatBold,
MdFormatColorFill,
MdFormatItalic,
MdFormatUnderlined,
} from 'react-icons/md';
import { ToggleButton, ToggleButtonGroup } from '@aws-amplify/ui-react';
export const SelectionRequiredToggleButtonGroupExample = () => {
const [value, setValue] = React.useState('bold');
return (
setValue(value as string)}
isExclusive
isSelectionRequired
>
);
};
```
### Patch Changes
- [#1358](https://github.com/aws-amplify/amplify-ui/pull/1358) [`43c814db4`](https://github.com/aws-amplify/amplify-ui/commit/43c814db418865672730449ba8c983bcb7d94847) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: updating all React imports from default to namespace
* [#1368](https://github.com/aws-amplify/amplify-ui/pull/1368) [`c57a02349`](https://github.com/aws-amplify/amplify-ui/commit/c57a02349376b4fea82bc9f854971445aa01c676) Thanks [@zchenwei](https://github.com/zchenwei)! - style: cleaning up sr-only class
- [#1366](https://github.com/aws-amplify/amplify-ui/pull/1366) [`e73e0276f`](https://github.com/aws-amplify/amplify-ui/commit/e73e0276f8b1707cd01e24d55bd023b4a2347625) Thanks [@wlee221](https://github.com/wlee221)! - Pass `formData` to `submitForm` event on submit. This will ensure any default form values are submitted to Cognito, without relying on `CHANGE` events.
* [#1357](https://github.com/aws-amplify/amplify-ui/pull/1357) [`65ed5351f`](https://github.com/aws-amplify/amplify-ui/commit/65ed5351f2ca850ddf7db0c9a002ff563351f138) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new translations for confirm sign up page
- [#1371](https://github.com/aws-amplify/amplify-ui/pull/1371) [`1a2f8a732`](https://github.com/aws-amplify/amplify-ui/commit/1a2f8a732952c0e76e91b3b2c8472e3c0eed2af8) Thanks [@reesscot](https://github.com/reesscot)! - feat: add new TextAreaField primitive (replaces TextField `isMultiline` feature)
**Example**
```
console.info(e.currentTarget.value)}
/>
```
- Updated dependencies [[`fbfcd04d3`](https://github.com/aws-amplify/amplify-ui/commit/fbfcd04d36753a69d24d5576736a9082f1a66dbe), [`c57a02349`](https://github.com/aws-amplify/amplify-ui/commit/c57a02349376b4fea82bc9f854971445aa01c676), [`e73e0276f`](https://github.com/aws-amplify/amplify-ui/commit/e73e0276f8b1707cd01e24d55bd023b4a2347625), [`929cb8f76`](https://github.com/aws-amplify/amplify-ui/commit/929cb8f768d9a95b3854d7fa87b08a83af72c96c)]:
- @aws-amplify/ui@3.0.15
## 2.5.0
### Minor Changes
- [#1342](https://github.com/aws-amplify/amplify-ui/pull/1342) [`7a675ac73`](https://github.com/aws-amplify/amplify-ui/commit/7a675ac731843333882165c5602c1f996df2eb52) Thanks [@joebuono](https://github.com/joebuono)! - Add `options` prop to
Example:
### Patch Changes
- [#1340](https://github.com/aws-amplify/amplify-ui/pull/1340) [`43d8106d3`](https://github.com/aws-amplify/amplify-ui/commit/43d8106d378e0438326f8992b4b1bfe73d91f5d8) Thanks [@joebuono](https://github.com/joebuono)! - Allow Content-less TabItem
* [#1320](https://github.com/aws-amplify/amplify-ui/pull/1320) [`94d09948a`](https://github.com/aws-amplify/amplify-ui/commit/94d09948ac9d36a49b1872751f0587e73413bd99) Thanks [@wlee221](https://github.com/wlee221)! - Re-export `translations` from ui-[framework] packages. This lets you use `translations` directly:
```diff
- import { translations } from '@aws-amplify/ui';
+ import { translations } from '@aws-amplify/ui-[framework]';
```
- [#1321](https://github.com/aws-amplify/amplify-ui/pull/1321) [`e85c0db5c`](https://github.com/aws-amplify/amplify-ui/commit/e85c0db5cd6a3c4f9924466afb5e7e5e7dbbeea3) Thanks [@zchenwei](https://github.com/zchenwei)! - chore: using aria-describedby on field controls
- Updated dependencies [[`722e2a932`](https://github.com/aws-amplify/amplify-ui/commit/722e2a93263478aed2a9aee872ab1fcbc86b41ca), [`4c6d198e4`](https://github.com/aws-amplify/amplify-ui/commit/4c6d198e409d46eef37b88b2327132b4a5dbe425), [`38cdf38e4`](https://github.com/aws-amplify/amplify-ui/commit/38cdf38e473853ba93ffb22a1d9252286a7d2a6f)]:
- @aws-amplify/ui@3.0.14
## 2.4.0
### Minor Changes
- [#1285](https://github.com/aws-amplify/amplify-ui/pull/1285) [`bbd182130`](https://github.com/aws-amplify/amplify-ui/commit/bbd182130137403c4fde5d1ac9217f8d33c05b48) Thanks [@joebuono](https://github.com/joebuono)! - Add 'to' prop to Link primitive
* [#1267](https://github.com/aws-amplify/amplify-ui/pull/1267) [`3600d9b6f`](https://github.com/aws-amplify/amplify-ui/commit/3600d9b6feaaad4ba297faaa09c83c365e2a1ddc) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding `paths` prop to Icon which is an array of path-like objects that will be mapped to `` elements.
Example:
```jsx
```
### Patch Changes
- [#1259](https://github.com/aws-amplify/amplify-ui/pull/1259) [`a6af87143`](https://github.com/aws-amplify/amplify-ui/commit/a6af87143d2a232b95ba3a1e0b63a1b3566e5aab) Thanks [@jacoblogan](https://github.com/jacoblogan)! - move data-theme attributes to document root to capture elements that fall outside of the amplify provider component
* [#1302](https://github.com/aws-amplify/amplify-ui/pull/1302) [`732aee95c`](https://github.com/aws-amplify/amplify-ui/commit/732aee95cfa342ac793095627dcddc72fcbbca1f) Thanks [@jacoblogan](https://github.com/jacoblogan)! - update SwitchField to allow user updates on controlled component
- [#1276](https://github.com/aws-amplify/amplify-ui/pull/1276) [`169a26cdf`](https://github.com/aws-amplify/amplify-ui/commit/169a26cdf62f18386dafc4e63484b5a62b78bc17) Thanks [@reesscot](https://github.com/reesscot)! - feat: Add Action/Workflow hooks
* [#1292](https://github.com/aws-amplify/amplify-ui/pull/1292) [`aa051a012`](https://github.com/aws-amplify/amplify-ui/commit/aa051a0124690bc373301fa2456143e3346c1f56) Thanks [@jacoblogan](https://github.com/jacoblogan)! - update StepperField and CheckboxField to update the visual display when a controlled value is changed
* Updated dependencies [[`f9bb30efd`](https://github.com/aws-amplify/amplify-ui/commit/f9bb30efd4c0a384162fbcef22d4b5bccec62dc5), [`7c81bacdf`](https://github.com/aws-amplify/amplify-ui/commit/7c81bacdfdc71d71843b8a7285e513e09e9842cb), [`4e19822e4`](https://github.com/aws-amplify/amplify-ui/commit/4e19822e4d995d4cb3b3ad23090a161249806939), [`b4254e58a`](https://github.com/aws-amplify/amplify-ui/commit/b4254e58ac3473bd141e48b3a553c632a84fab5c)]:
- @aws-amplify/ui@3.0.13
## 2.3.0
### Minor Changes
- [#1260](https://github.com/aws-amplify/amplify-ui/pull/1260) [`ecd7bea7e`](https://github.com/aws-amplify/amplify-ui/commit/ecd7bea7ee4466930c15bceb8986e0a090d0570e) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new hide sign up prop, for Vue, Angular, and React
* [#1229](https://github.com/aws-amplify/amplify-ui/pull/1229) [`dc4bb31d5`](https://github.com/aws-amplify/amplify-ui/commit/dc4bb31d51ed628c732e3efaa22143541bc73068) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding more flexibility in the Icon component. Added `as` and `children` to the Icon props to allow for more complex icons.
Using `as` prop with icon libraries:
```jsx
import { Icon } from '@aws-amplify/ui-react';
import { DiJsBadge } from 'react-icons/di';
;
```
Using multiple paths:
```jsx
import { Icon } from '@aws-amplify/ui-react';
;
```
### Patch Changes
- [#1249](https://github.com/aws-amplify/amplify-ui/pull/1249) [`d0bb758cb`](https://github.com/aws-amplify/amplify-ui/commit/d0bb758cbfb6b6e79e0921ef05c0a3a1ec8b9e63) Thanks [@zchenwei](https://github.com/zchenwei)! - test: adding unit tests against null values
## 2.2.2
### Patch Changes
- [#1243](https://github.com/aws-amplify/amplify-ui/pull/1243) [`93834bf58`](https://github.com/aws-amplify/amplify-ui/commit/93834bf5888cec3b031c63abd8a261fab521ae28) Thanks [@zchenwei](https://github.com/zchenwei)! - fix: fixing error throwing when typing in `Collection` search due to `items` prop contains `null` value
- Updated dependencies [[`f7d86db6d`](https://github.com/aws-amplify/amplify-ui/commit/f7d86db6dbd3af650ce4c64e6efbc5acb4523e78), [`b824136bf`](https://github.com/aws-amplify/amplify-ui/commit/b824136bfb288df0f3300421f73f9bfdcd61bf57), [`2913fe8cb`](https://github.com/aws-amplify/amplify-ui/commit/2913fe8cb35e08ad6c61121dfb9d12b4ae9cf6ad)]:
- @aws-amplify/ui@3.0.12
## 2.2.1
### Patch Changes
- [#1207](https://github.com/aws-amplify/amplify-ui/pull/1207) [`b920368e7`](https://github.com/aws-amplify/amplify-ui/commit/b920368e7037035b798689716bdcd0c12cd4df67) Thanks [@ErikCH](https://github.com/ErikCH)! - Added translations for errors for confirm sign in
- Updated dependencies [[`4932b43f8`](https://github.com/aws-amplify/amplify-ui/commit/4932b43f8f3ad5d851a4fd8635b1b92abf6c4ef0)]:
- @aws-amplify/ui@3.0.11
## 2.2.0
### Minor Changes
- [#1168](https://github.com/aws-amplify/amplify-ui/pull/1168) [`b32dd86bf`](https://github.com/aws-amplify/amplify-ui/commit/b32dd86bf4e26011f8b17e59b98fed3430f8fe50) Thanks [@wlee221](https://github.com/wlee221)! - This enables `useAuthenticator` usage outside to access commonly requested authenticator context like `user` and `route`.
First wrap your App with `Authenticator.Provider`:
```tsx
const App = (
);
```
To avoid repeated re-renders, you can pass a function that takes in Authenticator context and returns an array of desired context values. This hook will only trigger re-render if any of the array value changes.
```tsx
const Home = () => {
const { user, signOut } = useAuthenticator((context) => [context.user]);
return (
<>
Welcome, {user.username}!
);
};
const Login = () => ;
function MyApp() {
const { route } = useAuthenticator((context) => [context.route]);
return route === 'authenticated' ? : ;
}
```
### Patch Changes
- [#1153](https://github.com/aws-amplify/amplify-ui/pull/1153) [`3afdc1fc9`](https://github.com/aws-amplify/amplify-ui/commit/3afdc1fc9a876a17403ccfc607b922ec352fd1cf) Thanks [@wlee221](https://github.com/wlee221)! - Listen to Auth Hub events
* [#1176](https://github.com/aws-amplify/amplify-ui/pull/1176) [`f7f77237e`](https://github.com/aws-amplify/amplify-ui/commit/f7f77237e69272f1d1d878620946e2914354b503) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new force new password fields component. Also auto detect required attributes on force new password page.
* Updated dependencies [[`3afdc1fc9`](https://github.com/aws-amplify/amplify-ui/commit/3afdc1fc9a876a17403ccfc607b922ec352fd1cf)]:
- @aws-amplify/ui@3.0.10
## 2.1.10
### Patch Changes
- [#1165](https://github.com/aws-amplify/amplify-ui/pull/1165) [`4238ee696`](https://github.com/aws-amplify/amplify-ui/commit/4238ee696270d8e39e7f88d83956c2666f0305bb) Thanks [@joebuono](https://github.com/joebuono)! - Pin all @aws-amplify/ui-react dependencies
* [#1162](https://github.com/aws-amplify/amplify-ui/pull/1162) [`e0fcf3685`](https://github.com/aws-amplify/amplify-ui/commit/e0fcf3685164075fe385f8e09247f9620a7e6ccc) Thanks [@wlee221](https://github.com/wlee221)! - Add explicit `INIT` step for initializing authMachine
- [#1164](https://github.com/aws-amplify/amplify-ui/pull/1164) [`b4c327a73`](https://github.com/aws-amplify/amplify-ui/commit/b4c327a73ee34a0f4292b6972774011b0b4ca6d4) Thanks [@Jesmaster](https://github.com/Jesmaster)! - Removed hard-coded styles from Authenticator Sign Up button
- Updated dependencies [[`6c070b2e1`](https://github.com/aws-amplify/amplify-ui/commit/6c070b2e118560dec9629c7c0abdfb218d53267c), [`e0fcf3685`](https://github.com/aws-amplify/amplify-ui/commit/e0fcf3685164075fe385f8e09247f9620a7e6ccc), [`3a69c2a75`](https://github.com/aws-amplify/amplify-ui/commit/3a69c2a752b9ab07bb55911cae6447dccd76cc1f)]:
- @aws-amplify/ui@3.0.9
## 2.1.9
### Patch Changes
- [#1163](https://github.com/aws-amplify/amplify-ui/pull/1163) [`679a89383`](https://github.com/aws-amplify/amplify-ui/commit/679a89383814ad66b81494fe8dc9ce2cf8df5c2e) Thanks [@ErikCH](https://github.com/ErikCH)! - Fixed bug with QR code setup page
* [#1166](https://github.com/aws-amplify/amplify-ui/pull/1166) [`c5cc41a70`](https://github.com/aws-amplify/amplify-ui/commit/c5cc41a70d7c0de4b2dcae385f7661361455e7b6) Thanks [@wlee221](https://github.com/wlee221)! - Thanks @jacoblogan! -- handle null children in tabs
* Updated dependencies [[`c5cc41a70`](https://github.com/aws-amplify/amplify-ui/commit/c5cc41a70d7c0de4b2dcae385f7661361455e7b6)]:
- @aws-amplify/ui@3.0.8
## 2.1.8
### Patch Changes
- [`f137f8a1d`](https://github.com/aws-amplify/amplify-ui/commit/f137f8a1dcedb6be9024494df726aa9a34e2472f) Thanks [@wlee221](https://github.com/wlee221)! - Revert "Remove IdProvider and port useId from radix (#1010)"
## 2.1.7
### Patch Changes
- [#1083](https://github.com/aws-amplify/amplify-ui/pull/1083) [`2e7dbaeab`](https://github.com/aws-amplify/amplify-ui/commit/2e7dbaeaba19b8fc2a450acae0efa3e05810938e) Thanks [@ErikCH](https://github.com/ErikCH)! - Updated QR code page so users on mobile don't have to take a picture of the QR code
* [#1122](https://github.com/aws-amplify/amplify-ui/pull/1122) [`7e0a6305f`](https://github.com/aws-amplify/amplify-ui/commit/7e0a6305fd92c55aea3d03ec5806f0ebac735015) Thanks [@ErikCH](https://github.com/ErikCH)! - Added new Confirm Sign Up Footer and Header slot
- [#1125](https://github.com/aws-amplify/amplify-ui/pull/1125) [`c12184702`](https://github.com/aws-amplify/amplify-ui/commit/c12184702cb6e602a931a58b8ceb090d9d54a96b) Thanks [@ErikCH](https://github.com/ErikCH)! - Disable input on form submit for React on Sign up, Confirm Sign In, Confirm Sign Up, Force New Password, Confirm Reset Password, Reset Password, Setup TOTP, Confirm Verify User, and Verify User.
* [#1077](https://github.com/aws-amplify/amplify-ui/pull/1077) [`9a095ae46`](https://github.com/aws-amplify/amplify-ui/commit/9a095ae46ee6639f7c8fe9a3a7b2b871449867b8) Thanks [@reesscot](https://github.com/reesscot)! - Fix media query logic to return correct breakpoint
- [#1088](https://github.com/aws-amplify/amplify-ui/pull/1088) [`a2fa3603e`](https://github.com/aws-amplify/amplify-ui/commit/a2fa3603eda90a67c9a092ce170e86d13a152e18) Thanks [@wlee221](https://github.com/wlee221)! - Remove trailing space on "Forgot your password? "
* [#1010](https://github.com/aws-amplify/amplify-ui/pull/1010) [`0197ab553`](https://github.com/aws-amplify/amplify-ui/commit/0197ab553c56da415b8db2e85e8c11e9d76e02dc) Thanks [@reesscot](https://github.com/reesscot)! - Remove IdProvider and port useId from radix.
* Updated dependencies [[`1d5b84ac8`](https://github.com/aws-amplify/amplify-ui/commit/1d5b84ac828b962648e9b8600ed96297b1eb0c2a), [`9a095ae46`](https://github.com/aws-amplify/amplify-ui/commit/9a095ae46ee6639f7c8fe9a3a7b2b871449867b8), [`a2fa3603e`](https://github.com/aws-amplify/amplify-ui/commit/a2fa3603eda90a67c9a092ce170e86d13a152e18), [`87af74164`](https://github.com/aws-amplify/amplify-ui/commit/87af74164fb87b61d3c897b03af6e15cf73de79d), [`352a28197`](https://github.com/aws-amplify/amplify-ui/commit/352a281970f2568e7ea035cc89fb51afa31cbfc4)]:
- @aws-amplify/ui@3.0.7
## 2.1.6
### Patch Changes
- [#1056](https://github.com/aws-amplify/amplify-ui/pull/1056) [`276d7e97a`](https://github.com/aws-amplify/amplify-ui/commit/276d7e97a5f8e722e8010edff25d5992f86c486d) Thanks [@hvergara](https://github.com/hvergara)! - Add white-space style prop
* [#1035](https://github.com/aws-amplify/amplify-ui/pull/1035) [`ea98bea67`](https://github.com/aws-amplify/amplify-ui/commit/ea98bea6730f48b44e5159586b76e60de20f757b) Thanks [@ErikCH](https://github.com/ErikCH)! - Updated externals config in tsup. Removed typo.
- [#1024](https://github.com/aws-amplify/amplify-ui/pull/1024) [`59d8b8efd`](https://github.com/aws-amplify/amplify-ui/commit/59d8b8efdc80deff7c144cbfd0f5040a4ec563c4) Thanks [@reesscot](https://github.com/reesscot)! - Build ui styles into ui-react package to fix [parcel](https://parceljs.org/) and [UMIJS](https://umijs.org/) apps.
- Updated dependencies [[`5bfe1e599`](https://github.com/aws-amplify/amplify-ui/commit/5bfe1e5996536f8b5ada60e16db565dd8fb52f26), [`86e70f8e8`](https://github.com/aws-amplify/amplify-ui/commit/86e70f8e8486e70cccc23d04754e435b184915e8), [`43634b06a`](https://github.com/aws-amplify/amplify-ui/commit/43634b06aaccb1cf33cb18e0e142aee91df54aad), [`d8a422d7c`](https://github.com/aws-amplify/amplify-ui/commit/d8a422d7ce4c62a216a19d127907a2b80eb588ab), [`f9a09df7c`](https://github.com/aws-amplify/amplify-ui/commit/f9a09df7cded5bae1681bc138c048786f3bb75bc)]:
- @aws-amplify/ui@3.0.6
## 2.1.5
### Patch Changes
- [#953](https://github.com/aws-amplify/amplify-ui/pull/953) [`b1418ba44`](https://github.com/aws-amplify/amplify-ui/commit/b1418ba44958290a33987df8684b06f560638055) Thanks [@reesscot](https://github.com/reesscot)! - Refocus `SearchField` input field on clear button click
- Updated dependencies [[`63f773ee2`](https://github.com/aws-amplify/amplify-ui/commit/63f773ee2af1f55f1891794c1de1398e3eb47d93), [`88b15eb9a`](https://github.com/aws-amplify/amplify-ui/commit/88b15eb9aa608b58ca84fbf60e1beba8090f32e2)]:
- @aws-amplify/ui@3.0.5
## 2.1.4
### Patch Changes
- [#969](https://github.com/aws-amplify/amplify-ui/pull/969) [`8e1f1f947`](https://github.com/aws-amplify/amplify-ui/commit/8e1f1f94748fac97d3a750174a8e4af9f8592eae) Thanks [@hvergara](https://github.com/hvergara)! - Pin @radix-ui/react-id dependency to 0.1.1
## 2.1.3
### Patch Changes
- [#910](https://github.com/aws-amplify/amplify-ui/pull/910) [`96830f6a3`](https://github.com/aws-amplify/amplify-ui/commit/96830f6a34a417aa9bc6329c839679bd10da84f0) Thanks [@ErikCH](https://github.com/ErikCH)! - Added text to confirm sign up page, so user knows where code was delivered.
* [#912](https://github.com/aws-amplify/amplify-ui/pull/912) [`f447ec75a`](https://github.com/aws-amplify/amplify-ui/commit/f447ec75ac839195c6c5709987ef734f40dc5c76) Thanks [@wlee221](https://github.com/wlee221)! - Fix height jumps between screens and tabs
- [#909](https://github.com/aws-amplify/amplify-ui/pull/909) [`03ed3de02`](https://github.com/aws-amplify/amplify-ui/commit/03ed3de02253b584b507ba548552dde34ae15b1d) Thanks [@reesscot](https://github.com/reesscot)! - Rename PrimitiveWithForwardRef => Primitive type
* [#949](https://github.com/aws-amplify/amplify-ui/pull/949) [`aec9a9479`](https://github.com/aws-amplify/amplify-ui/commit/aec9a9479198240cbe1f535114121e58443f0733) Thanks [@ErikCH](https://github.com/ErikCH)! - Added a way for users to add in custom translations for error messages returned from cognito.
* Updated dependencies [[`72b543ded`](https://github.com/aws-amplify/amplify-ui/commit/72b543ded4c37325a0eb1e4a4803aa88d6d73d5d), [`96830f6a3`](https://github.com/aws-amplify/amplify-ui/commit/96830f6a34a417aa9bc6329c839679bd10da84f0), [`f447ec75a`](https://github.com/aws-amplify/amplify-ui/commit/f447ec75ac839195c6c5709987ef734f40dc5c76), [`712edfccc`](https://github.com/aws-amplify/amplify-ui/commit/712edfccc77a71542166431ba79b25a31d0dca80), [`f1c2d82db`](https://github.com/aws-amplify/amplify-ui/commit/f1c2d82db913be13425e8b4476983d7cf6f55c40)]:
- @aws-amplify/ui@3.0.4
## 2.1.2
### Patch Changes
- [#861](https://github.com/aws-amplify/amplify-ui/pull/861) [`b21e3e3cb`](https://github.com/aws-amplify/amplify-ui/commit/b21e3e3cb6688238a513f8b125d3be36145dadca) Thanks [@zchenwei](https://github.com/zchenwei)! - Forward ref support for TableRow, Tabs, ToggleButton & ToggleButtonGroup
* [#858](https://github.com/aws-amplify/amplify-ui/pull/858) [`cc4a328a4`](https://github.com/aws-amplify/amplify-ui/commit/cc4a328a4f93888a968c9c51382752998549d917) Thanks [@ErikCH](https://github.com/ErikCH)! - Updated the password validation logic, so errors are only display on blur, or when six or more characters is typed for both the confirm password and password fields.
* Updated dependencies [[`5d115786c`](https://github.com/aws-amplify/amplify-ui/commit/5d115786c23ce6292842467b4417b26a15f60cb5), [`b21e3e3cb`](https://github.com/aws-amplify/amplify-ui/commit/b21e3e3cb6688238a513f8b125d3be36145dadca), [`4a12ed4f5`](https://github.com/aws-amplify/amplify-ui/commit/4a12ed4f580f852de2558ec3fcf0da152f74dbd5), [`907cd18df`](https://github.com/aws-amplify/amplify-ui/commit/907cd18df6213d432a4b3c5d18c848717e3703e4), [`cc4a328a4`](https://github.com/aws-amplify/amplify-ui/commit/cc4a328a4f93888a968c9c51382752998549d917)]:
- @aws-amplify/ui@3.0.3
## 2.1.1
### Patch Changes
- [#857](https://github.com/aws-amplify/amplify-ui/pull/857) [`cf1a15a69`](https://github.com/aws-amplify/amplify-ui/commit/cf1a15a6900c0e92d6125adbb40ff78776db6f3b) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - Rating
* [#859](https://github.com/aws-amplify/amplify-ui/pull/859) [`62765e70b`](https://github.com/aws-amplify/amplify-ui/commit/62765e70bff5652fef96e132a5bc17f226e041a0) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support for StepperField
- [#877](https://github.com/aws-amplify/amplify-ui/pull/877) [`3774e9aac`](https://github.com/aws-amplify/amplify-ui/commit/3774e9aacf787cf0e1cca3b00f32c6606925a797) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Add back in dangerouslySetInnerHTML for theme. Not using this was causing hydration issues in NextJS
* [#866](https://github.com/aws-amplify/amplify-ui/pull/866) [`473f1db6c`](https://github.com/aws-amplify/amplify-ui/commit/473f1db6c42c8221f369e8cdbf6bdd307d09220f) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Making size prop on slider field work like other fields and adding disabled styling.
- [#832](https://github.com/aws-amplify/amplify-ui/pull/832) [`f81aa5917`](https://github.com/aws-amplify/amplify-ui/commit/f81aa5917f08a1ec112d8f889a6c72d2b1acf614) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support for PasswordField, FieldGroup, & FieldGroupIconButton primitives.
* [#850](https://github.com/aws-amplify/amplify-ui/pull/850) [`9d7907ec4`](https://github.com/aws-amplify/amplify-ui/commit/9d7907ec44b130e3610c3518e188806b5fe06eec) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Updating radio styles to be consistent with checkbox field.
- [#840](https://github.com/aws-amplify/amplify-ui/pull/840) [`5522af055`](https://github.com/aws-amplify/amplify-ui/commit/5522af0557e93dae5f6a26da327920d030319955) Thanks [@ericclemmons](https://github.com/ericclemmons)! - Pass props from withAuthenticator to Component
* [#860](https://github.com/aws-amplify/amplify-ui/pull/860) [`b0985f662`](https://github.com/aws-amplify/amplify-ui/commit/b0985f662263d1041889fb1523b22fdbdaa92cab) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - SwitchField
- [#862](https://github.com/aws-amplify/amplify-ui/pull/862) [`6c4039590`](https://github.com/aws-amplify/amplify-ui/commit/6c4039590f3bb2acb9af2a1abd1e9c97eeb42cfc) Thanks [@hvergara](https://github.com/hvergara)! - Add DataStore.observeQuery support
* [#854](https://github.com/aws-amplify/amplify-ui/pull/854) [`81c7d5525`](https://github.com/aws-amplify/amplify-ui/commit/81c7d5525bdf19a35d66757b94038144046c8046) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Updating quiet variation of stepper field
- [#842](https://github.com/aws-amplify/amplify-ui/pull/842) [`97ca4e48f`](https://github.com/aws-amplify/amplify-ui/commit/97ca4e48f4d7f73e842072e63d3dcd39d5f983d8) Thanks [@zchenwei](https://github.com/zchenwei)! - ForwardRef support for Alert, ButtonGroup, Expander & ExpanderItem
* [#870](https://github.com/aws-amplify/amplify-ui/pull/870) [`8b6b0088a`](https://github.com/aws-amplify/amplify-ui/commit/8b6b0088a5baee4bfce5222875a807f1934aa6aa) Thanks [@hvergara](https://github.com/hvergara)! - ForwardRef support for Table/TableBody/TableHeader/TableFoot/TableCell
- [#878](https://github.com/aws-amplify/amplify-ui/pull/878) [`5c4935411`](https://github.com/aws-amplify/amplify-ui/commit/5c49354115c06e05e4f9ad50d3d66f8fcb86a7ca) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Updating text colors for better contrast
* [#841](https://github.com/aws-amplify/amplify-ui/pull/841) [`8e36aa4ac`](https://github.com/aws-amplify/amplify-ui/commit/8e36aa4ac40f67308e998b3dbc8fa459aafb2cb9) Thanks [@reesscot](https://github.com/reesscot)! - Update PasswordField to support showPasswordButton ref
- [#831](https://github.com/aws-amplify/amplify-ui/pull/831) [`d2cda9c70`](https://github.com/aws-amplify/amplify-ui/commit/d2cda9c70e20a5a62bc73e25ee80cf835ba85f94) Thanks [@zchenwei](https://github.com/zchenwei)! - ForwardRef support for FieldClearButton and FieldGroupIconButton.
* [#851](https://github.com/aws-amplify/amplify-ui/pull/851) [`8d84116bb`](https://github.com/aws-amplify/amplify-ui/commit/8d84116bb46de5d9f18c18445b947d1f2aede9ad) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support for SearchField
- [#873](https://github.com/aws-amplify/amplify-ui/pull/873) [`2a486da75`](https://github.com/aws-amplify/amplify-ui/commit/2a486da75f110fa757f969d744ecf548f04daaa1) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - Menu & Pagination primitives
* [#839](https://github.com/aws-amplify/amplify-ui/pull/839) [`e0aafe759`](https://github.com/aws-amplify/amplify-ui/commit/e0aafe759188ba0e648f3b3e115faa8ca38feb9b) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef for PhoneNumberField
* Updated dependencies [[`473f1db6c`](https://github.com/aws-amplify/amplify-ui/commit/473f1db6c42c8221f369e8cdbf6bdd307d09220f), [`e77e47fe5`](https://github.com/aws-amplify/amplify-ui/commit/e77e47fe5872961bb70d53bfb54f95d5a9d89ef4), [`9d7907ec4`](https://github.com/aws-amplify/amplify-ui/commit/9d7907ec44b130e3610c3518e188806b5fe06eec), [`81c7d5525`](https://github.com/aws-amplify/amplify-ui/commit/81c7d5525bdf19a35d66757b94038144046c8046), [`97ca4e48f`](https://github.com/aws-amplify/amplify-ui/commit/97ca4e48f4d7f73e842072e63d3dcd39d5f983d8), [`5c4935411`](https://github.com/aws-amplify/amplify-ui/commit/5c49354115c06e05e4f9ad50d3d66f8fcb86a7ca), [`c41c6fad1`](https://github.com/aws-amplify/amplify-ui/commit/c41c6fad138269dc72bec682bf7e15341d09ec8a)]:
- @aws-amplify/ui@3.0.2
## 2.1.0
### Minor Changes
- [#785](https://github.com/aws-amplify/amplify-ui/pull/785) [`c3a5e175a`](https://github.com/aws-amplify/amplify-ui/commit/c3a5e175a9a20124659a94293dd770e6790859ac) Thanks [@hvergara](https://github.com/hvergara)! - Move hooks to internal module
### Patch Changes
- [#812](https://github.com/aws-amplify/amplify-ui/pull/812) [`e8f998316`](https://github.com/aws-amplify/amplify-ui/commit/e8f998316a307860fc7a11806c8d35a7c8785643) Thanks [@hvergara](https://github.com/hvergara)! - Use Text primitive for Button loading text
* [#781](https://github.com/aws-amplify/amplify-ui/pull/781) [`4c0a44248`](https://github.com/aws-amplify/amplify-ui/commit/4c0a44248b9d3590af32caab0c3790ed673238c7) Thanks [@hvergara](https://github.com/hvergara)! - Restore component catalog nested properties
- [#800](https://github.com/aws-amplify/amplify-ui/pull/800) [`c8ce9445f`](https://github.com/aws-amplify/amplify-ui/commit/c8ce9445f560c4b8e6f80985e9659f268c583768) Thanks [@hvergara](https://github.com/hvergara)! - Add backgroundImage style property
* [#811](https://github.com/aws-amplify/amplify-ui/pull/811) [`63b484714`](https://github.com/aws-amplify/amplify-ui/commit/63b4847147a2499d3532a27c75191b06607ab130) Thanks [@hvergara](https://github.com/hvergara)! - Add missing displayName properties
* Updated dependencies [[`9fd90d45b`](https://github.com/aws-amplify/amplify-ui/commit/9fd90d45b01a38ee6d78f0cb67238b210750115c)]:
- @aws-amplify/ui@3.0.1
## 2.0.0
### Major Changes
- [#747](https://github.com/aws-amplify/amplify-ui/pull/747) [`81169c66e`](https://github.com/aws-amplify/amplify-ui/commit/81169c66ed9591497214860ac95f69504edea1b0) Thanks [@wlee221](https://github.com/wlee221)! - New primitive components and theming API
Amplify UI is building primitive components like badges, cards, alerts, etc. These primitive components will first be available on React with the goal of adding support for more frameworks in the future. We hope these primitives will empower developers to build applications faster. We plan on building out more connected components like the Authenticator and we need primitive components like buttons and inputs to be shared across them. Exposing these primitive components allows developers to create and theme applications end-to-end using the same components everywhere.
_See: [RFC: Amplify UI Primitive Components](https://github.com/aws-amplify/amplify-ui/discussions/198)_
## Goals
**Flexible** – Primitives can be integrated into as many applications as possible.
**Customizable** – Primitives can be composed and styled using a theme, CSS, a CSS-in-JS framework, or un-styled.
**Accessible** – Primitives follow WCAG and WAI-ARIA guidelines to make building accessible applications easy.
Basic
## Implementation
- Added 37 new React primitive components such as Button, TextField, Alert that are the building blocks to create consistency across connected components.
- Added Theming API to allow global and component-override theming. Theme structure uses design tokens including borderWidth, colors, fonts, fontSizes, fontWeights, LineHeights, opacities and breakpoints.
- Documentation: https://ui.docs.amplify.aws/components
- [#745](https://github.com/aws-amplify/amplify-ui/pull/745) [`3ead9c629`](https://github.com/aws-amplify/amplify-ui/commit/3ead9c62960c052967376b22922908dbe57bddaa) Thanks [@wlee221](https://github.com/wlee221)! - Zero-Configuration Authenticator for Angular, React, & Vue
The `Authenticator` has been updated based on customer feedback & real-world use-cases to deliver an improved out-of-the-box experience & greater customization.
_See: [RFC: Authenticator@next](https://github.com/aws-amplify/amplify-ui/discussions/200)_
## Goals
- **Zero-config** – The Authenticator automatically infers Amplify CLI & Admin UI settings to work out-of-the-box.
Run `amplify pull` with the latest CLI whenever your backend changes, and the Authenticator automatically reflects the correct login mechanism, social providers, & more.
- **Native** – The Authenticator is implemented in its respective framework (e.g. Angular, React, Vue) for consistency & familiarity.
- **Stable** – Existing & upcoming Authenticator behavior is captured & tested to reduce & prevent regressions.
[Authenticator behavior](https://github.com/aws-amplify/amplify-ui/tree/main/packages/e2e/features/ui/components/authenticator) is tested as [E2E tests](https://github.com/aws-amplify/amplify-ui/blob/main/CONTRIBUTING.md#e2e-testing) on every PR.
- **Interoperable** – Work with password managers, autofill, existing styles, & other common features.
- **Customizable** – More ways to customize the UI & behavior without losing the benefits of the Authenticator.
Customers have access to the same functionality that the `Authenticator` uses internally to even build a 100% custom Authenticator, without sacrificing any of the logic.
- **Reproducible** – Authentication is complex. The Authenticator is is developed & tested against a myriad of Amplify backends, example apps, and specifications.
Check out our [environments](https://github.com/aws-amplify/amplify-ui/tree/main/environments) and [examples](https://github.com/aws-amplify/amplify-ui/tree/main/examples) for more.
***
Learn more by visiting the [Authenticator Documentation](https://ui.docs.amplify.aws/components/authenticator).
### Minor Changes
- [#626](https://github.com/aws-amplify/amplify-ui/pull/626) [`f84e9949b`](https://github.com/aws-amplify/amplify-ui/commit/f84e9949bd98b20fe8d1dff85e30ae69f2356351) Thanks [@ericclemmons](https://github.com/ericclemmons)! - ## Zero Configuration
As of `@aws-amplify/cli@6.5.0`, `aws-exports.js` includes your backend configuration for the Authenticator to automatically infer `loginMechanisms` and `socialProviders`.
### Before (React)
```js
export default withAuthenticator(App, {
loginMechanisms: ['email'],
socialProviders: ['amazon', 'apple', 'facebook', 'google'],
});
```
### After (React)
```js
export default withAuthenticator(App);
```
## Sign in with Apple
The Authenticator supports `apple` as one of many `socialProviders`. See: https://docs.amplify.aws/lib/auth/social/q/platform/js/
- [#650](https://github.com/aws-amplify/amplify-ui/pull/650) [`e76c5ac17`](https://github.com/aws-amplify/amplify-ui/commit/e76c5ac1782561f7b53f19e1fc9e99d2685380d0) Thanks [@ericclemmons](https://github.com/ericclemmons)! - ## `signUpAttributes`
The Sign Up form will include most of https://docs.aws.amazon.com/cognito/latest/developerguide/user-pool-settings-attributes.html by default with zero-config.
Any verification mechanisms (e.g. `email`, `phone_number`) will always be required.
- [#698](https://github.com/aws-amplify/amplify-ui/pull/698) [`5482edcbb`](https://github.com/aws-amplify/amplify-ui/commit/5482edcbb8fa1d5d99988d3eada2a15316e7ec69) Thanks [@reesscot](https://github.com/reesscot)! - Add forwardRef support to Button & View
- [#716](https://github.com/aws-amplify/amplify-ui/pull/716) [`e155ef0be`](https://github.com/aws-amplify/amplify-ui/commit/e155ef0be2db65fc126021b8969fd7fd151f26c7) Thanks [@reesscot](https://github.com/reesscot)! - Remove AmplifyProvider custom components feature
- [#717](https://github.com/aws-amplify/amplify-ui/pull/717) [`edea9ffaa`](https://github.com/aws-amplify/amplify-ui/commit/edea9ffaa41e2ae051f38e75434b56bb75ed4ff9) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding card variations
```jsx
Default card
Outlined card
Elevated card
```
- [#653](https://github.com/aws-amplify/amplify-ui/pull/653) [`70552a4cc`](https://github.com/aws-amplify/amplify-ui/commit/70552a4cc4d0e532dfaaa22314397690567b444c) Thanks [@reesscot](https://github.com/reesscot)! - Icon size now matches parent font-size. Allows customers to more easily use icons alongsize Headings, Buttons, etc.
Example:
```
```
- [#582](https://github.com/aws-amplify/amplify-ui/pull/582) [`3143deff1`](https://github.com/aws-amplify/amplify-ui/commit/3143deff199a9aab367f253020205d3e2f25fc5b) Thanks [@ericclemmons](https://github.com/ericclemmons)! - AmplifyProvider accepts a partial list of primitives as `components`:
```js
const App = () => {
const {
components: { Heading },
} = useAmplify();
return Howdy;
};
{children};
},
}}
>
;
```
### Patch Changes
- [#737](https://github.com/aws-amplify/amplify-ui/pull/737) [`8f0301f0b`](https://github.com/aws-amplify/amplify-ui/commit/8f0301f0b4677b1886f4a450207cfc39b5245f9d) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - CountryCode, SelectField, and SliderField
- [#552](https://github.com/aws-amplify/amplify-ui/pull/552) [`bba3242af`](https://github.com/aws-amplify/amplify-ui/commit/bba3242afba9a54e12b730edbfa1006701a610fc) Thanks [@ericclemmons](https://github.com/ericclemmons)! - `@aws-amplify/ui-react` supports validation & re-use & customization of `Authenticator.SignUp.FormFields` via `components` & `services`:
```js
);
},
},
}}
services={{
async validateCustomSignUp(formData) {
if (!formData.acknowledgement) {
return {
acknowledgement: 'You must agree to the Terms & Conditions',
};
}
},
}}
/>
```
- [#617](https://github.com/aws-amplify/amplify-ui/pull/617) [`77fa42da5`](https://github.com/aws-amplify/amplify-ui/commit/77fa42da560f617a4f89a828e93aeb96a12e280f) Thanks [@hvergara](https://github.com/hvergara)! - Fix primitives catalog generator
- [#720](https://github.com/aws-amplify/amplify-ui/pull/720) [`84a86b4ef`](https://github.com/aws-amplify/amplify-ui/commit/84a86b4ef7c3c94ebcb371e574d020af38b3e0da) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - Flex and Grid
- [#761](https://github.com/aws-amplify/amplify-ui/pull/761) [`a82e422f3`](https://github.com/aws-amplify/amplify-ui/commit/a82e422f321e150384dfc76be392f32aaee94524) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support for TextField
- [#709](https://github.com/aws-amplify/amplify-ui/pull/709) [`3cc1c15d7`](https://github.com/aws-amplify/amplify-ui/commit/3cc1c15d70711823e57c3c495f205f41fb74db27) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Building icons from Figma source now.
- [#618](https://github.com/aws-amplify/amplify-ui/pull/618) [`943d4b661`](https://github.com/aws-amplify/amplify-ui/commit/943d4b6614e4cac0131d52421051d210b1e2db68) Thanks [@hvergara](https://github.com/hvergara)! - Make style prop types more flexible
- [#636](https://github.com/aws-amplify/amplify-ui/pull/636) [`5e31719f1`](https://github.com/aws-amplify/amplify-ui/commit/5e31719f1fcd696718ef38ba64e4faef34d74add) Thanks [@hvergara](https://github.com/hvergara)! - useStorageURL React hook
- [#725](https://github.com/aws-amplify/amplify-ui/pull/725) [`8f4d8129c`](https://github.com/aws-amplify/amplify-ui/commit/8f4d8129cee031dfa92c6ec48f94ec5e761da2fa) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - misc view-based primitives
- [#601](https://github.com/aws-amplify/amplify-ui/pull/601) [`f6d144dc3`](https://github.com/aws-amplify/amplify-ui/commit/f6d144dc3eada5e289878d8690d9117f7cce5b50) Thanks [@hvergara](https://github.com/hvergara)! - Add useAuth React hook
- [#731](https://github.com/aws-amplify/amplify-ui/pull/731) [`c5ae2f44a`](https://github.com/aws-amplify/amplify-ui/commit/c5ae2f44ae19c379bae400fe4f91c3afed054d88) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - textarea, checkbox, radio
- [#568](https://github.com/aws-amplify/amplify-ui/pull/568) [`36d256b02`](https://github.com/aws-amplify/amplify-ui/commit/36d256b0226adb5d5ddaca33bbe76ba179c2f9f0) Thanks [@slaymance](https://github.com/slaymance)! - Adds React Table primitive
- [#727](https://github.com/aws-amplify/amplify-ui/pull/727) [`2b2ae8469`](https://github.com/aws-amplify/amplify-ui/commit/2b2ae84695e163309529a02325e70c4416b2a5f6) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - \* Divider component has more theming options for the border style, color, and width.
- Fixing vertical divider
- Improving Divider docs
- [#721](https://github.com/aws-amplify/amplify-ui/pull/721) [`e90085e1d`](https://github.com/aws-amplify/amplify-ui/commit/e90085e1d6acaba91b192972599dd5f09b91230a) Thanks [@reesscot](https://github.com/reesscot)! - Forward ref inputs
- [#695](https://github.com/aws-amplify/amplify-ui/pull/695) [`d5009572c`](https://github.com/aws-amplify/amplify-ui/commit/d5009572ca4a3bd04114dbda57b9a49f4728468a) Thanks [@ericclemmons](https://github.com/ericclemmons)! - ## Header & Footer Slots
- Add Header slot above the Authenticator
- Add Footer slot below the Authenticator
- Add Sign In Header slot above the Sign In form
- Add Sign In Footer slot below the Sign In form
- Add Sign Up Header slot above the Sign Up form
- Add Sign Up Footer slot below the Sign Up form
- [#719](https://github.com/aws-amplify/amplify-ui/pull/719) [`df2bcb749`](https://github.com/aws-amplify/amplify-ui/commit/df2bcb749b3dcbffb8709ce2b8b106c6225868ee) Thanks [@reesscot](https://github.com/reesscot)! - ForwardRef support - base primitives
- [#612](https://github.com/aws-amplify/amplify-ui/pull/612) [`beb9b49b5`](https://github.com/aws-amplify/amplify-ui/commit/beb9b49b541f39305d595d3e587b6c65c54a3584) Thanks [@reesscot](https://github.com/reesscot)! - Menu primitive
New primitive which enables customers to create aaccessible, interactive menu for selecting actions within an application.
Dropdown menu is collision-aware and will automatically change location based on available space.
```jsx
import { Divider, Menu, MenuItem } from '@aws-amplify/ui-react';
export const BasicExample = () => {
return (
);
};
```
- [#638](https://github.com/aws-amplify/amplify-ui/pull/638) [`d71e65609`](https://github.com/aws-amplify/amplify-ui/commit/d71e656098bde4ee43e294a05503dc9aadefeec1) Thanks [@ericclemmons](https://github.com/ericclemmons)! - Fix getOverrideProps to return all, not just 2
- [#634](https://github.com/aws-amplify/amplify-ui/pull/634) [`5257a3109`](https://github.com/aws-amplify/amplify-ui/commit/5257a31092b46a10abda99307779592b63d10890) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - Adding support for token style props in React components and moving `createTheme` inside the AmplifyProvider so users don't have to call it directly in React.
```jsx
const theme: Theme = {
name: 'my-theme',
tokens: {
//...
},
};
const App = () => {
return ;
};
```
Then using theme tokens in a style prop:
```jsx
import { useTheme, Text } from '@aws-amplify/ui-react';
const MyComponent = () => {
const { tokens } = useTheme();
return Error!;
};
```
The ui-react package is now exporting the `Theme` type to make it easier to define a theme object outside of the `createTheme` method.
- [#748](https://github.com/aws-amplify/amplify-ui/pull/748) [`ca04c8dbc`](https://github.com/aws-amplify/amplify-ui/commit/ca04c8dbca936137177e406054e18f8077a6e921) Thanks [@reesscot](https://github.com/reesscot)! - Remove internal fieldgroup export
- Updated dependencies [[`bba3242af`](https://github.com/aws-amplify/amplify-ui/commit/bba3242afba9a54e12b730edbfa1006701a610fc), [`f84e9949b`](https://github.com/aws-amplify/amplify-ui/commit/f84e9949bd98b20fe8d1dff85e30ae69f2356351), [`e76c5ac17`](https://github.com/aws-amplify/amplify-ui/commit/e76c5ac1782561f7b53f19e1fc9e99d2685380d0), [`81169c66e`](https://github.com/aws-amplify/amplify-ui/commit/81169c66ed9591497214860ac95f69504edea1b0), [`3cc1c15d7`](https://github.com/aws-amplify/amplify-ui/commit/3cc1c15d70711823e57c3c495f205f41fb74db27), [`2b2ae8469`](https://github.com/aws-amplify/amplify-ui/commit/2b2ae84695e163309529a02325e70c4416b2a5f6), [`b46597cef`](https://github.com/aws-amplify/amplify-ui/commit/b46597cefb013bfed5345d3ecdfd96649045caca), [`edea9ffaa`](https://github.com/aws-amplify/amplify-ui/commit/edea9ffaa41e2ae051f38e75434b56bb75ed4ff9), [`bd3e09a09`](https://github.com/aws-amplify/amplify-ui/commit/bd3e09a09988af5fa803fa97a25956ea7e9144f7), [`70552a4cc`](https://github.com/aws-amplify/amplify-ui/commit/70552a4cc4d0e532dfaaa22314397690567b444c), [`beb9b49b5`](https://github.com/aws-amplify/amplify-ui/commit/beb9b49b541f39305d595d3e587b6c65c54a3584), [`5257a3109`](https://github.com/aws-amplify/amplify-ui/commit/5257a31092b46a10abda99307779592b63d10890), [`3ead9c629`](https://github.com/aws-amplify/amplify-ui/commit/3ead9c62960c052967376b22922908dbe57bddaa)]:
- @aws-amplify/ui@3.0.0