@aws-amplify/[email protected]

Minor Changes

• #2085 e37b666d9 Thanks @jacoblogan! - add design tokens and theme section to textareafield

    --amplify-components-textareafield-color
    --amplify-components-textareafield-border-color
    --amplify-components-textareafield-focus-border-color
  

• #2087 540b4ce97 Thanks @jacoblogan! - add design tokens to passwordfield

  --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
  --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
  --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
  --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
  --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
  --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
  --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
  --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
  --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
  --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
  --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
  --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
  --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
  

• #2086 f6ee1355c Thanks @jacoblogan! - add textfield design tokens

  --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
  --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  

Patch 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" />;
  };

• #2071 ef790e5fd Thanks @wlee221! - fix(authenticator): explicitly filter special characters allowed by Cognito

• #2077 736cfe7cb Thanks @zchenwei! - feat(style): adding theme key support on more style props(font-family, line-height, opacity, box-shadow and transform)

• #2075 d8085741b Thanks @wlee221! - refactor(ui): create shared variable for password special characters

• #2102 a168acdc6 Thanks @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!

• #2084 5f3d3a264 Thanks @dbanksdesign! - fix: dark mode and disabled button. No longer using pure black and making the disabled button look mor disabled.

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