Releases: aws-amplify/amplify-ui
@aws-amplify/[email protected]
Minor Changes
-
#1285
bbd182130Thanks @joebuono! - Add 'to' prop to Link primitive -
#1267
3600d9b6fThanks @dbanksdesign! - Addingpathsprop to Icon which is an array of path-like objects that will be mapped to<path>elements.Example:
<Icon ariaLabel="tag" viewBox={{ width: 23, height: 15 }} paths={[ { d: 'M1 0.5C0.723858 0.5 0.5 0.723858 0.5 1V14C0.5 14.2761 0.723858 14.5 1 14.5H14C14.1148 14.5 14.2262 14.4605 14.3153 14.3881L22.3153 7.88806C22.4322 7.79311 22.5 7.65056 22.5 7.5C22.5 7.34944 22.4322 7.20689 22.3153 7.11194L14.3153 0.611943C14.2262 0.539529 14.1148 0.5 14 0.5H1Z', strokeLinejoin: 'bevel', strokeLinecap: 'round', strokeDasharray: '4 4', fill: 'transparent', stroke: 'currentColor', }, ]} />
Patch Changes
-
#1259
a6af87143Thanks @jacoblogan! - move data-theme attributes to document root to capture elements that fall outside of the amplify provider component -
#1302
732aee95cThanks @jacoblogan! - update SwitchField to allow user updates on controlled component -
#1276
169a26cdfThanks @reesscot! - feat: Add Action/Workflow hooks -
#1292
aa051a012Thanks @jacoblogan! - update StepperField and CheckboxField to update the visual display when a controlled value is changed -
Updated dependencies [
f9bb30efd,7c81bacdf,4e19822e4,b4254e58a]:- @aws-amplify/[email protected]
@aws-amplify/[email protected]
Patch Changes
- Updated dependencies [
f9bb30efd,7c81bacdf,4e19822e4,b4254e58a]:- @aws-amplify/[email protected]
@aws-amplify/[email protected]
@aws-amplify/[email protected]
Minor Changes
-
#1260
ecd7bea7eThanks @ErikCH! - Added new hide sign up prop, for Vue, Angular, and React -
#1229
dc4bb31d5Thanks @dbanksdesign! - Adding more flexibility in the Icon component. Addedasandchildrento the Icon props to allow for more complex icons.Using
asprop with icon libraries:import { Icon } from '@aws-amplify/ui-react'; import { DiJsBadge } from 'react-icons/di'; <Icon ariaLabel="Javascript" as={DiJsBadge} />;
Using multiple paths:
import { Icon } from '@aws-amplify/ui-react'; <Icon ariaLabel="Align bottom" color="rebeccapurple"> <path d="M13 10H17V16H13V10Z" fill="currentColor" opacity="0.5" /> <path d="M11 4H7V16H11V4Z" fill="currentColor" /> <path d="M18 18H6V20H18V18Z" fill="currentColor" /> </Icon>;