Update Text size to align with Design Library

• [Breaking] Text component now has its size attribute changed to accept caption, copy, body, and subtitle.
• [Fix] Columns component will now stretch within a flex container

Make disabled Button readable by screen readers

By swapping out disabled for aria-disabled and manually handling the onClick event, users making use of screen readers are now able to tab through the button when in a disabled state and have its status read out to them.

Upgrade beta stories to Storybook 6

• [Docs] Upgraded all beta storybook docs to work with Storybook 6

Fix Columns/Column components styles

• Fix Columns styles, broken by the changes to Stack styling. This release now removes the interdependency of Column's styles relying on Stack styles.

Various fixes to some of the new design system components

1. Adds a right padding to the SelectField to make sure the chevron never appears on top of the select content.
2. Use for the checked CheckboxField the same colour variable we use for the SwitchField.
3. Add a wrapper div around what Inline renders, to avoid conflicts with margin applied from the outside by Stack (when Inline is nested in Stack).
4. Simplify the CSS for Stack leveraging the :not(:first-child) selector.
5. Add one more story to each of Stack and Inline to showcase that these new changes did not break their expected behaviour.

Various fixes to some of the new design system components

• Add explicit link styles to TextLink
• SwitchField now properly animates the handle moving left or right.
• Style fixes to the PasswordField.
• Added ref forwarding to TextField, PasswordField and Heading.

Upgrade Storybook to v6.2.1

[Tweak] Upgrade Storybook to version v6.2.1. Migrate stories to new version.

Simplify markup generated by Stack and Inline, fix ButtonLink styles

• Change Stack and Inline elements to not generate one container element per child element.
• Fix ButtonLink styling
• Adds a new display="inlineFlex" value to the display property of Box. This makes the Box use display: inline-flex.

Fix Text component was not receiving its ref correctly

v9.2.0-beta.3

• [Fix] Text component was not receiving its ref correctly

New design system components plus a few fixes and improvements

v9.2.0-beta.2

• [Feature] New components Alert, LoadingSpinner, Notice, Heading, Text, ButtonLink, TextLink, CheckboxField, PasswordField, SelectField, SwitchField, TextArea, TextField.
• [Feature] New prop tone for component Heading (just like that for Text).
• [Feature] New prop position for component Box.
• [Feature] New props flexShrink and flexGrow for component Box.
• [Feature] New props border and borderRadius for component Box.
• [Feature] New minWidth={0} in component Box.
• [Feature] Text now supports receiving a ref.
• [Fix] Changed Box value for prop background. Former value shade is now called aside.
• [Fix] Column with width="content" did not shrink entirely to zero if empty.
• [Fix] Other fixes to columns so that it did not expand more than expected, so it allows truncated text to truncate.
• [Fix] Correct font sizes for the various levels of Heading.
• [Fix] Stack and Inline now generate span instead of div elements if the html element they use for the container does not allow to contain div elements.