Skip to content

@aws-amplify/[email protected]

Choose a tag to compare

@github-actions github-actions released this 17 Jun 21:06
· 2102 commits to main since this release
8018766

Major Changes

  • #2103 bb2c98aa6 Thanks @zchenwei! - BREAKING CHANGE: remove ShareText export

  • #2082 e79f41839 Thanks @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 <Icon> 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 5eedbbed4 Thanks @zchenwei! - feat: adding colors theme key support in style props

    Example code

    import { View } from '@aws-amplify/ui-react';
    
    export const Demo = () => {
      return <View backgroundColor="pink.10" color="red.40" />;
    };
  • #2112 d458f3639 Thanks @dbanksdesign! - Allow padding and margin to accept theme keys.
    Also adding paddingInline, paddingBlock, marginInline, and marginBlock style props.

      <View padding="large" />
      <View paddingInline="xl" />
  • #2077 736cfe7cb Thanks @zchenwei! - feat(style): adding theme key support on more style props(font-family, line-height, opacity, box-shadow and transform)

  • #2070 28bf92ddb Thanks @zchenwei! - feat: adding theme key(radii, space, fontSizes, and fontWeights) support for more style props

Patch Changes