@aws-amplify/[email protected]

Patch Changes

• #2021 6c267aaf8 Thanks @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 8862110f1 Thanks @hbuchel! - chore(react): update unit tests for Expander, which now supports passing any ReactNode (custom component) as title prop

• #1945 cf151f9d8 Thanks @wlee221! - Added aria-describedby attribute to link validation error messages to their respective field. This makes the errors more accessible.

• Updated dependencies [6c267aaf8]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• Updated dependencies [6c267aaf8]:
  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Minor Changes

• #1980 a9b29e879 Thanks @zchenwei! - feat: adding missing label props to make text in i18n file customizable

• #1986 c58c1e056 Thanks @zchenwei! - feat: update custom style props to accept StyleToken type

  For example:

  import {
    Flex,
    Loader,
    Rating,
    SliderField,
    SwitchField,
  } from '@aws-amplify/ui-react';
  
  export const StyleTokenExample = () => {
    return (
    <Flex>
      <Loader
      emptyColor={tokens.colors.black}
      filledColor={tokens.colors.orange[40]}
      />
  
      <Rating
        value={2.5}
        fillColor={tokens.colors.red[60]}
        emptyColor={tokens.colors.green[60]}
      />
  
      <SliderField
        label="Style Props Slider"
        filledTrackColor={tokens.colors.green[80].value}
        emptyTrackColor={tokens.colors.green[20].value}
        thumbColor="red"
        filledTrackColor={tokens.colors.green[80]}
        emptyTrackColor={tokens.colors.green[20]}
        thumbColor={tokens.colors.red[60]}
        trackSize="15px"
        defaultValue={50}
      />
  
      <SwitchField
        label="This is a switch"
        trackCheckedColor={tokens.colors.green[60]}
        thumbColor={tokens.colors.orange[10]}
      />
    <Flex>
   );
  }

Patch Changes

• #1996 2c3ee1a7f Thanks @0618! - fix ThemeProvider original value

@aws-amplify/[email protected]

Patch Changes

• #1989 d7f15b30b Thanks @zchenwei! - fix(style): fix a regression on SliderField style

• #1956 bca2d1c5d Thanks @jacoblogan! - re export AmplifyProvider as ThemeProvider

@aws-amplify/[email protected]

Patch Changes

• #1983 be38810f1 Thanks @0618! - update @angular-devkit/build-angular version

@aws-amplify/[email protected]

Patch Changes

• #1910 766bf302c Thanks @wlee221! - refactor(internal): Move autoSignIn logic out of signUp actor

• #1910 766bf302c Thanks @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).

• #1932 a41ecfbf1 Thanks @zchenwei! - fix(style): adjust color and border color on ToggleButton to meet 3:1 contrast ratio

@aws-amplify/[email protected]

Patch Changes

• #1937 e9240b21e Thanks @wlee221! - Removed floating border that appears between transitions in Vue and Angular Authenticator.

• Updated dependencies [766bf302c, 766bf302c, a41ecfbf1]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #1938 344e65f8a Thanks @slaymance! - feat(geo): Rename 'Geocoder' to 'LocationSearch'

• #1910 766bf302c Thanks @wlee221! - refactor(internal): Move autoSignIn logic out of signUp actor

• #1910 766bf302c Thanks @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).

• #1971 fc076a997 Thanks @slaymance! - fix(geo): Bump react-map-gl to resolve ES2020 build errors

• Updated dependencies [766bf302c, 766bf302c, a41ecfbf1]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #1937 e9240b21e Thanks @wlee221! - Removed floating border that appears between transitions in Vue and Angular Authenticator.

• Updated dependencies [766bf302c, 766bf302c, a41ecfbf1]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #1933 376c39fc0 Thanks @zchenwei! - fix(style): adjust slider thumb border width, focus color and box shadow. #1922