June 15th, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

"@ag.ds-next/text-link": "3.0.0"

Breaking Changes

• @ag.ds-next/text: Moved TextLink and TextLinkExternal from @ag.ds-next/text to a new package @ag.ds-next/text-link. Please update imports accordingly.
• @ag.ds-next/core: The linkComponent prop has been updated to support refs. Please wrap your linkComponent in forwardRef to avoid any warnings and errors. As an example you can the design systems next.js example link component
• @ag.ds-next/content: The Content component in has been replaced with 2 new components: PageContent and SectionContent. Please update usage accordingly.

Updates

• All @ag.ds-next components now support React 18. The design system monorepo now internally use React 18 in all environments.
• Improve focus accessibility in Safari.

@ag.ds-next/[email protected]

• The Content component has been replaced with 2 new components: PageContent and SectionContent

@ag.ds-next/[email protected]

• Updated default link component to include forwardRef
• Created new mergeRefs utility function
• Removed color from LinkProps

@ag.ds-next/[email protected]

• Removed title and subTitle prop from HeroBanner. This has been replaced with HeroBannerTitle, HeroBannerSubtitle and HeroBannerTitleContainer.
• Created HeroCategoryBanner and HeroSubcategoryBanner components
• Adjust mobile padding values in HeroBanner, HeroCategoryBanner and HeroSubcategoryBanner

@ag.ds-next/[email protected]

• Removed TextLink and TextLinkExternal
• Update TextLinkExternal to use the link component from context.

@ag.ds-next/[email protected]

• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Fix breadcrumb items shrinking smaller devices

@ag.ds-next/[email protected]

• Created new BaseButton component
• Added abilty to pass refs to ButtonLink
• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Fixed bug where the text input would not reflect the value prop

@ag.ds-next/[email protected]

• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Added default value
• Fixed Select files button not working in Safari
• Improve styling for invalid states
• Support indication of uploading/uploaded file

@ag.ds-next/[email protected]

• Links that open in a new tab will use show the external link indicator

@ag.ds-next/[email protected]

• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Updated font size of title from md to lg

@ag.ds-next/[email protected]

• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Applied new BaseButton component to fix focus accessibility bug in safari.

@ag.ds-next/[email protected]

• Created package

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#399) for this release.

Released packages

"@ag.ds-next/a11y": "1.2.0",
"@ag.ds-next/accordion": "7.0.0",
"@ag.ds-next/ag-branding": "6.0.0",
"@ag.ds-next/body": "7.0.0",
"@ag.ds-next/box": "6.0.0",
"@ag.ds-next/breadcrumbs": "11.0.0",
"@ag.ds-next/button": "9.0.0",
"@ag.ds-next/call-to-action": "7.0.0",
"@ag.ds-next/callout": "5.0.0",
"@ag.ds-next/card": "5.0.0",
"@ag.ds-next/columns": "6.0.0",
"@ag.ds-next/content": "7.0.0",
"@ag.ds-next/control-input": "9.0.0",
"@ag.ds-next/core": "3.0.0",
"@ag.ds-next/date-picker": "5.0.0",
"@ag.ds-next/direction-link": "7.0.0",
"@ag.ds-next/field": "8.0.0",
"@ag.ds-next/fieldset": "5.0.0",
"@ag.ds-next/file-upload": "3.0.0",
"@ag.ds-next/footer": "7.0.0",
"@ag.ds-next/form-stack": "4.0.0",
"@ag.ds-next/header": "9.0.0",
"@ag.ds-next/heading": "7.0.0",
"@ag.ds-next/hero-banner": "4.0.0",
"@ag.ds-next/icon": "9.0.0",
"@ag.ds-next/inpage-nav": "6.0.0",
"@ag.ds-next/keyword-list": "6.0.0",
"@ag.ds-next/link-list": "9.0.0",
"@ag.ds-next/loading": "4.0.0",
"@ag.ds-next/main-nav@": "1.0.0",
"@ag.ds-next/modal": "5.0.0",
"@ag.ds-next/page-alert": "5.0.0",
"@ag.ds-next/progress-indicator": "9.0.0",
"@ag.ds-next/search-box": "9.0.0",
"@ag.ds-next/secondary-nav": "2.0.0",
"@ag.ds-next/select": "9.0.0",
"@ag.ds-next/side-nav@": "0.0.0",
"@ag.ds-next/skip-link": "6.0.0",
"@ag.ds-next/table": "4.0.0",
"@ag.ds-next/tags": "6.0.0",
"@ag.ds-next/task-list": "7.0.0",
"@ag.ds-next/text-link": "3.0.0",
"@ag.ds-next/text": "8.0.0",
"@ag.ds-next/text-input": "9.0.0",
"@ag.ds-next/textarea": "9.0.0",

30th May, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

"@ag.ds-next/secondary-nav": "1.0.0"

Updates

@ag.ds-next/[email protected]

• Create ExternalLinkCallout component

@ag.ds-next/[email protected]

• Updated success and successMuted colors

@ag.ds-next/[email protected]

• Created ButtonGroup component which can be used to group buttons whose actions are related.
• Updated default props to ensure the default type of each button is button

@ag.ds-next/[email protected]

• Updated fieldset component so <legend> is always the first child of <fieldset>
• Adjust FieldsetContent margin

@ag.ds-next/[email protected]

• Updated gradient direction to 90deg to ensure the gradient always covers the image
• Improved width of content when no image is supplied
• Updated examples to utilise new ButtonGroup component

@ag.ds-next/[email protected]

• Deleted ModalButtonGroup component. Usage of this component be replaced with ButtonGroup.
• Add aria-label to close button

@ag.ds-next/[email protected]

• Updated PageAlertTitle so it can be rendered as a h1 element
• Add focus styles

@ag.ds-next/[email protected]

• Create TextLinkExternal component
• Fixed incorrect wrapping of TextLinkExternal

@ag.ds-next/[email protected]

• Updated color of hr elements
• Removed margin top for first of type blockquotes and figures

@ag.ds-next/[email protected]

• Use ordered-list HTML element
• Read out 'current page' for active item

@ag.ds-next/[email protected]

• Explicity pass className prop to components

@ag.ds-next/[email protected]

• Fixed type error in CardListProps. The gap prop is now optional.

@ag.ds-next/[email protected]

• Update padding on mobile for lg variant

@ag.ds-next/[email protected]

• Increased control (checkboxes, radio buttons) border widths from 2px to 3px
• Updated type definition for LinkComponent

@ag.ds-next/[email protected]

• Explicity pass className prop to components

@ag.ds-next/[email protected]

• Added type="button" to select files button

@ag.ds-next/[email protected]

• Updated examples to utilise new ButtonGroup component

@ag.ds-next/[email protected]

• Explicity pass className prop to components
• Added MainNavBottomBar for focus modes

@ag.ds-next/[email protected]

• Explicity pass className prop to components

@ag.ds-next/[email protected]

• Explicity pass className prop to components

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#346) for this release.

Released packages

"@ag.ds-next/a11y": "1.1.0",
"@ag.ds-next/accordion": "6.0.0",
"@ag.ds-next/ag-branding": "5.1.0",
"@ag.ds-next/body": "6.0.1",
"@ag.ds-next/box": "5.0.1",
"@ag.ds-next/breadcrumbs": "9.0.0",
"@ag.ds-next/button": "8.0.0",
"@ag.ds-next/call-to-action": "5.0.0",
"@ag.ds-next/callout": "4.0.0",
"@ag.ds-next/card": "4.0.1",
"@ag.ds-next/columns": "5.0.1",
"@ag.ds-next/content": "6.0.1",
"@ag.ds-next/control-input": "8.0.0",
"@ag.ds-next/core": "2.2.1",
"@ag.ds-next/date-picker": "4.0.0",
"@ag.ds-next/direction-link": "5.0.0",
"@ag.ds-next/field": "7.0.0",
"@ag.ds-next/fieldset": "4.0.0",
"@ag.ds-next/file-upload": "2.0.0",
"@ag.ds-next/footer": "6.0.1",
"@ag.ds-next/form-stack": "3.0.1",
"@ag.ds-next/header": "8.0.0",
"@ag.ds-next/heading": "6.0.1",
"@ag.ds-next/hero-banner": "3.0.0",
"@ag.ds-next/icon": "8.0.0",
"@ag.ds-next/inpage-nav": "4.0.0",
"@ag.ds-next/keyword-list": "4.0.0",
"@ag.ds-next/link-list": "7.0.0",
"@ag.ds-next/loading": "3.0.0",
"@ag.ds-next/main-nav": "10.0.0",
"@ag.ds-next/modal": "4.0.0",
"@ag.ds-next/page-alert": "4.0.0",
"@ag.ds-next/progress-indicator": "7.0.0",
"@ag.ds-next/search-box": "8.0.0",
"@ag.ds-next/secondary-nav": "1.0.0",
"@ag.ds-next/select": "8.0.0",
"@ag.ds-next/side-nav": "9.0.0",
"@ag.ds-next/skip-link": "5.0.0",
"@ag.ds-next/table": "3.0.0",
"@ag.ds-next/tags": "4.0.0",
"@ag.ds-next/task-list": "5.0.0",
"@ag.ds-next/text": "7.0.0",
"@ag.ds-next/text-input": "8.0.0",
"@ag.ds-next/textarea": "8.0.0",

May 16th, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

"@ag.ds-next/file-upload": "1.0.0"

Updates

@ag.ds-next/[email protected]

• Added ability to stop body styles from being inherited on specific elements using unsetBodyStylesClassname

@ag.ds-next/[email protected]

• Add borderColor prop to Box

@ag.ds-next/[email protected]

• Updated border color from border to borderMuted
• Replaced custom CSS border colors with new borderColor prop

@ag.ds-next/[email protected]

• Reset the global theme to black and white in print mode
• Add new print pack

@ag.ds-next/[email protected]

• Update image position strategy
• Replaced backgroundImageSrc and mobileImage prop with image
• Updated padding in HeroBannerContent to fix content alignment issue
• Add Storybook links to docs site

@ag.ds-next/[email protected]

• Added UploadIcon and CopyIcon
• Add large Icon size

@ag.ds-next/[email protected]

• Add aria labels to MainNav buttons
• Added print media styles

@ag.ds-next/[email protected]

• Fix bug with screenreaders. ModalTitle is now auto-focused
• Replaced react-spring dependency with @react-spring/web

@ag.ds-next/[email protected]

• Added abilty to forward refs
• Added tabIndex and id prop

@ag.ds-next/[email protected]

• Added print media styles
• Replaced react-spring dependency with @react-spring/web

@ag.ds-next/[email protected]

• Updated size of BreadcrumbsDivider
• Improve center alignment of breadcrumbs

@ag.ds-next/[email protected]

• Replaced react-spring dependency with @react-spring/web

@ag.ds-next/[email protected]

• Added print media styles

@ag.ds-next/[email protected]

• Added print media styles

@ag.ds-next/[email protected]

• Add Storybook links to docs site
• Replaced react-spring dependency with @react-spring/web

@ag.ds-next/[email protected]

• Added print media styles
• Replaced react-spring dependency with @react-spring/web

@ag.ds-next/[email protected]

• Added print media styles
• Replaced react-spring dependency with @react-spring/web
• Replaced custom CSS border colors with new borderColor prop

@ag.ds-next/[email protected]

• Replaced custom CSS border colors with new borderColor prop

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#319) for this release.

Released packages

"@ag.ds-next/a11y": "1.0.2",
"@ag.ds-next/accordion": "5.0.0",
"@ag.ds-next/ag-branding": "5.0.0",
"@ag.ds-next/body": "6.0.0",
"@ag.ds-next/box": "5.0.0",
"@ag.ds-next/breadcrumbs": "8.0.0",
"@ag.ds-next/button": "7.0.0",
"@ag.ds-next/call-to-action": "4.0.0",
"@ag.ds-next/callout": "3.0.0",
"@ag.ds-next/card": "4.0.0",
"@ag.ds-next/columns": "5.0.0",
"@ag.ds-next/content": "6.0.0",
"@ag.ds-next/control-input": "7.0.0",
"@ag.ds-next/core": "2.2.0",
"@ag.ds-next/date-picker": "3.0.0",
"@ag.ds-next/direction-link": "4.0.0",
"@ag.ds-next/field": "6.0.0",
"@ag.ds-next/fieldset": "3.0.0",
"@ag.ds-next/file-upload": "1.0.0",
"@ag.ds-next/footer": "6.0.0",
"@ag.ds-next/form-stack": "3.0.0",
"@ag.ds-next/header": "7.0.0",
"@ag.ds-next/heading": "6.0.0",
"@ag.ds-next/hero-banner": "2.0.0",
"@ag.ds-next/icon": "7.0.0",
"@ag.ds-next/inpage-nav": "3.0.0",
"@ag.ds-next/keyword-list": "3.0.0",
"@ag.ds-next/link-list": "6.0.0",
"@ag.ds-next/loading": "2.0.0",
"@ag.ds-next/main-nav": "9.0.0",
"@ag.ds-next/modal": "3.0.0",
"@ag.ds-next/page-alert": "3.0.0",
"@ag.ds-next/progress-indicator": "6.0.0",
"@ag.ds-next/search-box": "7.0.0",
"@ag.ds-next/select": "7.0.0",
"@ag.ds-next/side-nav": "8.0.0",
"@ag.ds-next/skip-link": "4.0.0",
"@ag.ds-next/table": "2.0.0",
"@ag.ds-next/tags": "3.0.0",
"@ag.ds-next/task-list": "4.0.0",
"@ag.ds-next/text": "6.0.0",
"@ag.ds-next/text-input": "7.0.0",
"@ag.ds-next/textarea": "7.0.0",

April 28th, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

"@ag.ds-next/loading": "1.0.0",
"@ag.ds-next/hero-banner": "1.0.0"

Updates

@ag.ds-next/[email protected]

• Title is required. Also, resolves issue with Chrome not reading title in VoiceOver.
• Buttons now appear at bottom of screen in Mobile view. We have achieved this by changing the way buttons are added to a modal - via a 'actions' prop on the Modal.
• Improve mobile styles
• Design improvements
• Prevented the body from being scrollable while modal is open

@ag.ds-next/[email protected]

• Updated height animation logic to improve accessibility

@ag.ds-next/[email protected]

• Added LoadingDots to button component

@ag.ds-next/[email protected]

• Removed requiredLabel prop
• Increased gap between control group children and label
• Updated spacing between elements

@ag.ds-next/[email protected]

• Added date format to label
• Remove placeholder
• Removed requiredLabel prop
• DateRangePicker only shows 1 month in mobile
• Calendar now closes when the escape key is pressed
• Improved focus management

@ag.ds-next/[email protected]

• Added secondaryLabel prop
• Removed requiredLabel prop

@ag.ds-next/[email protected]

• Improve accessibility for screenreader users
• Remove data attributes for style overrides
• Return focus when modal is closed
• Hide mobile toggle button if no links are supplied

@ag.ds-next/[email protected]

• Updated height animation logic to improve accessibility
• Removed props for setting titles (title, subTitle and collapseTitle)
• Updated mobile UI
• Updated hover styles

@ag.ds-next/[email protected]

• Removed requiredLabel prop
• Update icon color in dark mode

@ag.ds-next/[email protected]

• Updated height animation logic to improve accessibility

@ag.ds-next/[email protected]

• Removed requiredLabel prop

@ag.ds-next/[email protected]

• Removed requiredLabel prop

@ag.ds-next/[email protected]

• Added aria tags to Logo

@ag.ds-next/[email protected]

• Added responsive type scale

@ag.ds-next/[email protected]

• Reduced icon size from 1.5rem to 1rem

@ag.ds-next/[email protected]

• Added responsive type scale

@ag.ds-next/[email protected]

• Hide footer divider from screen readers

@ag.ds-next/[email protected]

• Explicitly set position absolute to anchor tags

@ag.ds-next/[email protected]

• Fix emotion warning

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#279) for this release.

Released packages

"@ag.ds-next/accordion": "4.1.0",
"@ag.ds-next/ag-branding": "4.1.2",
"@ag.ds-next/body": "5.0.1",
"@ag.ds-next/box": "4.1.1",
"@ag.ds-next/breadcrumbs": "7.0.1",
"@ag.ds-next/button": "6.0.0",
"@ag.ds-next/call-to-action": "3.0.1",
"@ag.ds-next/callout": "2.0.1",
"@ag.ds-next/card": "3.0.1",
"@ag.ds-next/columns": "4.0.1",
"@ag.ds-next/content": "5.0.1",
"@ag.ds-next/control-input": "6.0.0",
"@ag.ds-next/core": "2.1.5",
"@ag.ds-next/date-picker": "2.0.0",
"@ag.ds-next/direction-link": "3.0.1",
"@ag.ds-next/field": "5.1.0",
"@ag.ds-next/fieldset": "2.0.1",
"@ag.ds-next/footer": "5.0.1",
"@ag.ds-next/form-stack": "2.0.1",
"@ag.ds-next/header": "6.0.1",
"@ag.ds-next/heading": "5.0.1",
"@ag.ds-next/hero-banner": "1.0.0",
"@ag.ds-next/icon": "6.0.1",
"@ag.ds-next/inpage-nav": "2.0.1",
"@ag.ds-next/keyword-list": "2.0.1",
"@ag.ds-next/link-list": "5.0.1",
"@ag.ds-next/loading": "1.0.0",
"@ag.ds-next/main-nav": "8.1.0",
"@ag.ds-next/modal": "2.0.0",
"@ag.ds-next/page-alert": "2.0.1",
"@ag.ds-next/progress-indicator": "5.1.0",
"@ag.ds-next/search-box": "6.0.0",
"@ag.ds-next/select": "6.0.0",
"@ag.ds-next/side-nav": "7.1.0",
"@ag.ds-next/skip-link": "3.0.0",
"@ag.ds-next/table": "1.0.1",
"@ag.ds-next/tags": "2.0.1",
"@ag.ds-next/task-list": "3.0.1",
"@ag.ds-next/text": "5.0.1",
"@ag.ds-next/text-input": "6.0.0",
"@ag.ds-next/textarea": "6.0.0",

April 1st, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

"@ag.ds-next/date-picker": "1.0.0",
"@ag.ds-next/modal": "1.0.0",
"@ag.ds-next/table": "1.0.0",

Updates

@ag.ds-next/[email protected]

• Add support for table display properties

@ag.ds-next/[email protected]

• Updated stories to include icons

@ag.ds-next/[email protected]

• Remove pointer cursor for clickable mode

@ag.ds-next/[email protected]

• Added id prop to ControlGroup
• Updated UI based off latest designs

@ag.ds-next/[email protected]

• Updated control pack sizes
• Added new hook useClickOutside

@ag.ds-next/[email protected]

• Added id prop FieldContainer
• Added useScrollToField hook

@ag.ds-next/[email protected]

• Move icon width/height to css
• Removed logic for responsive color prop

@ag.ds-next/[email protected]

• Update focus lock libraries from focus-trap-react to react-focus-lock

@ag.ds-next/[email protected]

• Updated mobile styles for ProgressIndicator

@ag.ds-next/[email protected]

• Added links to new starter kit
• Added more info to getting started guide

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#260) for this release.

Released packages

"@ag.ds-next/accordion": "4.0.0",
"@ag.ds-next/ag-branding": "4.1.1",
"@ag.ds-next/body": "5.0.0",
"@ag.ds-next/box": "4.1.0",
"@ag.ds-next/breadcrumbs": "7.0.0",
"@ag.ds-next/button": "5.0.0",
"@ag.ds-next/call-to-action": "3.0.0",
"@ag.ds-next/callout": "2.0.0",
"@ag.ds-next/card": "3.0.0",
"@ag.ds-next/columns": "4.0.0",
"@ag.ds-next/content": "5.0.0",
"@ag.ds-next/control-input": "5.0.0",
"@ag.ds-next/core": "2.1.4",
"@ag.ds-next/date-picker": "1.0.0",
"@ag.ds-next/direction-link": "3.0.0",
"@ag.ds-next/field": "5.0.0",
"@ag.ds-next/fieldset": "2.0.0",
"@ag.ds-next/footer": "5.0.0",
"@ag.ds-next/form-stack": "2.0.0",
"@ag.ds-next/header": "6.0.0",
"@ag.ds-next/heading": "5.0.0",
"@ag.ds-next/icon": "6.0.0",
"@ag.ds-next/inpage-nav": "2.0.0",
"@ag.ds-next/keyword-list": "2.0.0",
"@ag.ds-next/link-list": "5.0.0",
"@ag.ds-next/main-nav": "8.0.0",
"@ag.ds-next/modal": "1.0.0",
"@ag.ds-next/page-alert": "2.0.0",
"@ag.ds-next/progress-indicator": "5.0.0",
"@ag.ds-next/search-box": "5.0.0",
"@ag.ds-next/select": "5.0.0",
"@ag.ds-next/side-nav": "7.0.0",
"@ag.ds-next/skip-link": "2.0.0",
"@ag.ds-next/table": "1.0.0",
"@ag.ds-next/tags": "2.0.0",
"@ag.ds-next/task-list": "3.0.0",
"@ag.ds-next/text": "5.0.0",
"@ag.ds-next/text-input": "5.0.0",
"@ag.ds-next/textarea": "5.0.0",

March 23rd, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

• @ag.ds-next/page-alert

Updates

@ag.ds-next/[email protected]

• New tone colours

@ag.ds-next/[email protected]

• Added InfoFilledIcon and WarningFilledIcon

@ag.ds-next/[email protected]

• Document compositions
• Update inner padding

@ag.ds-next/[email protected]

• Added new prop requiredLabel

@ag.ds-next/[email protected]

• Updated documentation

@ag.ds-next/[email protected]

• Added new prop requiredLabel

@ag.ds-next/[email protected]

• Updated documentation

@ag.ds-next/[email protected]

• Removed unused dependencies

@ag.ds-next/[email protected]

• Changed default spacing between form elements from 1.5rem to 2rem

@ag.ds-next/[email protected]

• Removed unused dependencies

@ag.ds-next/[email protected]

• Update todo label from Todo to To do

@ag.ds-next/[email protected]

• Updated icon size
• Added new prop requiredLabel

@ag.ds-next/[email protected]

• Updated hover state colours

@ag.ds-next/[email protected]

• Updated styles based on design feedback

@ag.ds-next/[email protected]

• a6fdf37: Added new prop requiredLabel

@ag.ds-next/[email protected]

• Added new prop requiredLabel

@ag.ds-next/[email protected]

• Add PageAlert to form example

@ag.ds-next/[email protected]

• Added forms guide
• Added CTA link to home page
• Added more information to getting started guide

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#229) for this release.

Released packages

"@ag.ds-next/accordion": "3.0.0",
"@ag.ds-next/ag-branding": "4.1.0",
"@ag.ds-next/body": "4.0.3",
"@ag.ds-next/box": "4.0.3",
"@ag.ds-next/breadcrumbs": "6.0.0",
"@ag.ds-next/button": "4.0.3",
"@ag.ds-next/call-to-action": "2.0.0",
"@ag.ds-next/callout": "1.0.1",
"@ag.ds-next/card": "2.1.2",
"@ag.ds-next/columns": "3.0.3",
"@ag.ds-next/content": "4.0.3",
"@ag.ds-next/control-input": "4.0.0",
"@ag.ds-next/core": "2.1.3",
"@ag.ds-next/direction-link": "2.0.0",
"@ag.ds-next/field": "4.0.0",
"@ag.ds-next/fieldset": "1.0.1",
"@ag.ds-next/footer": "4.0.3",
"@ag.ds-next/form-stack": "1.0.1",
"@ag.ds-next/header": "5.0.1",
"@ag.ds-next/heading": "4.0.3",
"@ag.ds-next/icon": "5.1.0",
"@ag.ds-next/inpage-nav": "1.0.2",
"@ag.ds-next/keyword-list": "1.0.3",
"@ag.ds-next/link-list": "4.0.3",
"@ag.ds-next/main-nav": "7.0.0",
"@ag.ds-next/page-alert": "1.0.0",
"@ag.ds-next/progress-indicator": "4.0.0",
"@ag.ds-next/search-box": "4.0.0",
"@ag.ds-next/select": "4.0.0",
"@ag.ds-next/side-nav": "6.0.0",
"@ag.ds-next/skip-link": "1.0.3",
"@ag.ds-next/tags": "1.0.1",
"@ag.ds-next/task-list": "2.0.0",
"@ag.ds-next/text": "4.0.3",
"@ag.ds-next/text-input": "4.0.0",
"@ag.ds-next/textarea": "4.0.0",

March 16th, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

• @ag.ds-next/callout
• @ag.ds-next/fieldset
• @ag.ds-next/call-to-action
• @ag.ds-next/direction-link
• @ag.ds-next/form-stack
• @ag.ds-next/tags
• @ag.ds-next/task-list

Updates

@ag.ds-next/icon

• Replaced the generic Icon component with components for each individual Icon. Please upgrade like so:

- <Icon name="avatar" ... />
+ <AvatarIcon ... />

• Restricted values of the size prop to sm and md. Please upgrade like so:

- <AvatarIcon size={1.5} />
+ <AvatarIcon size="md" />

@ag.ds-next/side-nav

• Move collapse logic outside of SideNavContainer
• Improve accessibility for screenreader users

@ag.ds-next/field

• Replace required with aria-required to improve a11y
• Fixed a bug where if an id prop is supplied that value was not being used

@ag.ds-next/text-input

• Replace required with aria-required to improve a11y

@ag.ds-next/textarea

• Replace required with aria-required to improve a11y

@ag.ds-next/body

• Removed margins from blockquote elements

@ag.ds-next/button

• Added iconBefore and iconAfter props

@ag.ds-next/content

• Added new color token borderMuted
• Added new hook useWindowSize
• Added underline pack

@ag.ds-next/core

• Added new color token borderMuted
• Added new hook useWindowSize
• Added underline pack

@ag.ds-next/inpage-nav

• Added aria-label prop and updated default value

@ag.ds-next/keyword-list

• Updated color of sub title

@ag.ds-next/link-list

• Updated documentation

@ag.ds-next/main-nav

• Added aria-current="page" to active nav item

@ag.ds-next/skip-link

• Updated default aria label

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#190) for this release.

Released packages

"@ag.ds-next/accordion": "2.0.0",
"@ag.ds-next/ag-branding": "4.0.2",
"@ag.ds-next/body": "4.0.2",
"@ag.ds-next/box": "4.0.2",
"@ag.ds-next/breadcrumbs": "5.0.0",
"@ag.ds-next/button": "4.0.2",
"@ag.ds-next/call-to-action": "1.0.0",
"@ag.ds-next/callout": "1.0.0",
"@ag.ds-next/card": "2.1.1",
"@ag.ds-next/columns": "3.0.2",
"@ag.ds-next/content": "4.0.2",
"@ag.ds-next/control-input": "3.0.0",
"@ag.ds-next/core": "2.1.2",
"@ag.ds-next/direction-link": "1.0.0",
"@ag.ds-next/field": "3.0.0",
"@ag.ds-next/fieldset": "1.0.0",
"@ag.ds-next/footer": "4.0.2",
"@ag.ds-next/form-stack": "1.0.0",
"@ag.ds-next/header": "5.0.0",
"@ag.ds-next/heading": "4.0.2",
"@ag.ds-next/icon": "5.0.0",
"@ag.ds-next/inpage-nav": "1.0.1",
"@ag.ds-next/keyword-list": "1.0.2",
"@ag.ds-next/link-list": "4.0.2",
"@ag.ds-next/main-nav": "6.0.0",
"@ag.ds-next/progress-indicator": "3.0.0",
"@ag.ds-next/search-box": "3.0.0",
"@ag.ds-next/select": "3.0.0",
"@ag.ds-next/side-nav": "5.0.0",
"@ag.ds-next/skip-link": "1.0.2",
"@ag.ds-next/tags": "1.0.0",
"@ag.ds-next/task-list": "1.0.0",
"@ag.ds-next/text": "4.0.2",
"@ag.ds-next/text-input": "3.0.0",
"@ag.ds-next/textarea": "3.0.0",

3rd March, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

New packages

• @ag.ds-next/inpage-nav

Updates

• @ag.ds-next/control-input: Updated sizing of the Checkbox and Radio indicators
• @ag.ds-next/main-nav: Fixed bugs with secondaryLinks and rightContent
• @ag.ds-next/progress-indicator: Allow button elements to be rendered
• @ag.ds-next/select: Added blank value to placeholder option

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#178) for this release.

Released packages

  @ag.ds-next/[email protected]
  @ag.ds-next/[email protected]
  @ag.ds-next/[email protected]
  @ag.ds-next/[email protected]
  @ag.ds-next/[email protected]

2nd March, 2022

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

In this release we have focused on delivering improvements for existing components.

Updates

• @ag.ds-next/card: Add CardHeader, CardFooter and CardList
• @ag.ds-next/header: Added support for a badgeLabel in the Header component
• @ag.ds-next/main-nav: Removed secondaryLinks from MainNav, in favour of rightContent for global actions.
• @ag.ds-next/side-nav: Improve focus state
• @ag.ds-next/search-box: Updated horizontal padding of SearchBoxButton
• @ag.ds-next/progress-indicator: Updated border width of the active item
• @ag.ds-next/body: Adjust margin for H3s
• Updated link components to accept all anchor element HTML attributes
• Ensured consistent API of aria-label

New packages

• @ag.ds-next/keyword-list
• @ag.ds-next/skip-link

Full Changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR (#153) for this release.

Released packages

@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]
@ag.ds-next/[email protected]

23rd February, 2022

In this release, we have focused on adding new form and interactive components including:

• Accordion
• ControlGroup Radio and Checkbox
• Field
• ProgressIndicator
• Select
• Searchbox
• TextInput and Textarea
• VisuallyHidden

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

View the complete release notes on the AG DS website.

"@ag.ds-next/a11y":"1.0.0",
"@ag.ds-next/accordion":"1.0.0",
"@ag.ds-next/ag-branding":"4.0.0",
"@ag.ds-next/body":"4.0.0",
"@ag.ds-next/box":"4.0.0",
"@ag.ds-next/breadcrumbs":"4.0.0",
"@ag.ds-next/button":"4.0.0",
"@ag.ds-next/card":"2.0.0",
"@ag.ds-next/columns":"3.0.0",
"@ag.ds-next/content":"4.0.0",
"@ag.ds-next/control-input":"2.0.0",
"@ag.ds-next/core":"2.1.0",
"@ag.ds-next/field":"2.0.0",
"@ag.ds-next/footer":"4.0.0",
"@ag.ds-next/header":"4.0.0",
"@ag.ds-next/heading":"4.0.0",
"@ag.ds-next/icon":"4.0.0",
"@ag.ds-next/link-list":"4.0.0",
"@ag.ds-next/main-nav":"4.0.0",
"@ag.ds-next/progress-indicator":"2.0.0",
"@ag.ds-next/search-box":"2.0.0",
"@ag.ds-next/select":"2.0.0",
"@ag.ds-next/side-nav":"4.0.0",
"@ag.ds-next/text-input":"2.0.0",
"@ag.ds-next/text":"4.0.0",
"@ag.ds-next/textarea":"2.0.0"

What's Changed

• Add preconstruct script to github actions by @jordanoverbye in #104
• Fix link in release notes by @nathsimpson in #106
• docs: Automatically generate release notes page content by @jordanoverbye in #107
• LinkList: Use TextLink in LinkListItem by @jordanoverbye in #109
• Breadcrumbs: Remove typographic props from BreadcrumbsItem by @jordanoverbye in #110
• Columns: Remove BoxProps from Column and Columns by @jordanoverbye in #111
• Add Field, TextInput and Textarea components by @jordanoverbye in #108
• Add SearchBox component by @jordanoverbye in #114
• Icon/Text: Rename component files from index.tsx by @jordanoverbye in #115
• Bump follow-redirects from 1.14.7 to 1.14.8 by @dependabot in #116
• Upgrade dependencies by @jordanoverbye in #118
• Add new a11y package by @jordanoverbye in #117
• Update yarn.lock by @jordanoverbye in #119
• Update Button padding styles by @jordanoverbye in #122
• fields: Update docs by @jordanoverbye in #123
• Add Select component by @jordanoverbye in #120
• Button/Textinput/Textarea: Removed default browser margins by @jordanoverbye in #125
• Select: Add option groups by @jordanoverbye in #124
• Add Accordion component by @nathsimpson in #113
• Field: Update xl max width by @jordanoverbye in #126
• Box: Fix bug with borderTop by @jordanoverbye in #129
• Add progress-indicator package by @jordanoverbye in #128
• Bump next from 12.0.10 to 12.1.0 by @dependabot in #135
• Add control-input package by @jordanoverbye in #127
• ag-branding: New alt colours by @nathsimpson in #130
• example-site: Update form example by @jordanoverbye in #136
• example-site: Add SideNav to example site by @nathsimpson in #131
• Sidenav: Add collapsing logic by @nathsimpson in #133
• Accordion: Apply review feedback by @nathsimpson in #132
• Standardise storybook stories by @jordanoverbye in #137
• ProgressIndicator: Fix active border hover bug by @jordanoverbye in #142
• control-input: Update styles by @jordanoverbye in #141
• SideNav: Adjust padding for mobile breakpoints. Update color mapping by @nathsimpson in #140
• example-site: Add more content by @jordanoverbye in #143
• MainNav: Fix active secondary link causing active Home link by @nathsimpson in #144
• SideNav: Wrap title in H2. Adjust lineheight by @nathsimpson in #146
• docs: Fix storybook build failing by @jordanoverbye in #148
• SearchBox: Improve modularity of API by @jordanoverbye in #147

Full Changelog: https://github.com/steelthreads/agds-next/commits/2022-02-23