@aws-amplify/[email protected]

Patch Changes

• #2153 f2001fce5 Thanks @joebuono! - docs(fix): Add MDN descriptions and links for BaseStyleProps

• #2151 c7b64fc60 Thanks @joebuono! - docs(fix): Add missing prop descriptions for as, isDisabled and style

• #2132 3ace39ce0 Thanks @joebuono! - Add missing prop descriptions

• Updated dependencies [c568b96bc]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

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

@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

@aws-amplify/[email protected]

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

• #2062 d7dbdb1eb Thanks @calebpollman! - chore(ui-react): lint components/Geo directory

• #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!

• #2060 6800bf6c3 Thanks @calebpollman! - chore(ui-react): lint hooks directory

• #2061 ff34a6b9c Thanks @reesscot! - fix: build-time error message Cannot find module "mapbox-gl" by pinning mapbox-gl to v1.13.2

• #2067 c447a53b0 Thanks @zchenwei! - fix(docs): fix type error

• #2063 f01bf291f Thanks @calebpollman! - chore(ui-react): lint components/ThemeProvider directory

• Updated dependencies [5eedbbed4, e37b666d9, ef790e5fd, 540b4ce97, 736cfe7cb, d8085741b, f6ee1355c, a168acdc6, 5f3d3a264, 28bf92ddb]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

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)

• #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

@aws-amplify/[email protected]

Patch Changes

• #2044 b48d52d46 Thanks @wlee221! - Adds aria-describedBy to angular and vue authenticator input fields. This will make error messages accessible.

• Updated dependencies [5eedbbed4, ef790e5fd, 736cfe7cb, 5f3d3a264, 28bf92ddb]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

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

• #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

• #2062 d7dbdb1eb Thanks @calebpollman! - chore(ui-react): lint components/Geo directory

• #2060 6800bf6c3 Thanks @calebpollman! - chore(ui-react): lint hooks directory

• #2067 c447a53b0 Thanks @zchenwei! - fix(docs): fix type error

• #2063 f01bf291f Thanks @calebpollman! - chore(ui-react): lint components/ThemeProvider directory

• Updated dependencies [5eedbbed4, ef790e5fd, 736cfe7cb, 5f3d3a264, 28bf92ddb]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Patch Changes

• #2044 b48d52d46 Thanks @wlee221! - Adds aria-describedBy to angular and vue authenticator input fields. This will make error messages accessible.

• Updated dependencies [5eedbbed4, ef790e5fd, 736cfe7cb, 5f3d3a264, 28bf92ddb]:

  • @aws-amplify/[email protected]

@aws-amplify/[email protected]

Minor 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

@aws-amplify/[email protected]

Patch Changes

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