v11.3.0

• [Feat] Added alignSelf prop to Box

v11.2.0

• [Fix] Hiding ModalHeader close button no longer renders the button wrapper column
• [Fix] Using start as a value for Box's textAlign now adds a class to properly set the text-align value
• [Fix] TextArea's rows prop is not added to the component's type definition
• [Feat] Updates Button to support gapSize from Tooltip (as tooltipGapSize)

v11.1.0

Changelog

• [Tweak] Tabs now are styled with medium font-weight
• [Tweak] Updates the default medium font-weight from 500 to 600
• [Fix] ModalActions now ignores null child elements
• [Fix] ModalActions no longer wraps each child element inside a wrapper div
• [Fix] ModalActions flattens children inside React fragments
• [Fix] Inline no longer adds an unneeded extra wrapper div around it
• [Fix] Adds margin to Menu's viewport positioning
• [Feat] Updates Avatar to support responsive patterns

Pull Requests

• fix: Adds margin to Menu's viewport positioning by @craigcarlyle in #602
• Remove unused CSS variables by @gnapse in #604
• Add tests, examples, and some styling fixes to Alert and Notice by @gnapse in #603
• feat: Updates Avatar to support responsive patterns by @scottlovegrove in #611
• fix: Various fixes to the ModalActions component by @gnapse in #615
• ci: set sensible timeout by @pkoch in #620
• style: Update default medium font-weight to 600 by @pedroalves0 in #622
• chore: v11.1.0 release by @gnapse in #617

New Contributors

• @pkoch made their first contribution in #620

Full Changelog: v11.0.0...v11.1.0

v11.0.0: New components, a11y improvements, cleanup, and more!

• [Feat] New approach to styling components based on CSS variables
• [Feat] New approach to supporting rendering some components as another HTML element or as another component.
• [Feat] New components for layout (Box, Columns, Column, Inline, Stack)
• [Feat] New field components (TextField, PasswordField, SelectField, CheckboxField, SwitchField, TextArea)
• [Feat] New tabs components (Tabs, Tab, TabList, TabPanel, TabAwareSlot)
• [Feat] New components for typography (Text, Heading, TextLink)
• [Feat] Various other new components (Alert, Notice, Hidden, HiddenVisually)
• [Feat] New set of modal component (Modal, ModalHeader, ModalBody, ModalFooter, ModalActions) replacing the old set of Modal.* components.
• [Feat] New Button and ButtonLink components, replacing the old Button component.
• [Breaking] Old set of modal components are now exported as DeprecatedModal instead of as Modal.
• [Breaking] Old Button component is now exported as DeprecatedButton instead of as Button.
• [Breaking] Old Loading component is now exported as DeprecatedLoading instead of as Loading.
• [Breaking] Removes the RangeInput component
• [Breaking] Removes the Tip component
• [Breaking] Removes the Icon component
• [Breaking] Removes the ErrorMessage component
• [Docs] Adds a11y badges to component stories
• [Docs] Adds jest-axe package and automated a11y checks
• [Tweak] Makes a11y improvements to Menu
• [Tweak] Makes a11y improvements to ProgressBar
• [Tweak] Makes a11y improvements to Notification
• [Build] Updates peer deps to include React v17.0

v10.0.0-beta.12

• [Tweak] Upgrades Storybook to version 6.3.10
• [Tweak] Limits node version to <=16.10.0

v10.0.0-beta.11

• [Feat] More modal widths:
  • Previous width large is now called xlarge
  • New width large sitting in between medium and xlarge
  • New width full, that always fill the entire viewport width (keeping the standard margin around).

v10.0.0-beta.10

• [Fix] Reduce specificity of the Tab component's CSS variables

v10.0.0-beta.9

• [Tweak] Divider weight now defaults to "tertiary"
• [Fix] Modal dividers (in the header or footer) are tertiary dividers.

v10.0.0-beta.8

• [Breaking] Standardize box borders and divider colors under a new primary/secondary/tertiary system.
• [Fix] Better adjust spacing inside buttons, so that the side with an icon has a similar padding than the side with no icon.
• [Tweak] Button hover styles are now also used when the button is focused, or it is expanded (e.g. in the case of menu buttons).
• [Tweak] Make button colors transition smoothly.
• [Tweak] Adjust modal widths to the new design system defaults.
• [Tweak] Buttons with a visual text label (i.e. buttons that are not icon-only buttons) now have a minimum width set, so they don't get too small for extremely short labels.

v10.0.0-beta.7

• [Fix] Modals that fit their content's height now expand their height only downwards, and are not kept vertically centered, but slightly towards the top of the screen.
• [Fix] Modal close button alignment is no longer inconsistent.
• [Breaking] Button icon size is no longer controlled based on the button size. It is your responsibility to make sure your SVG icons have the proper size and alignment to fit in a button depending on its size.
• [Fix] Button labels are now clamped when they do not fit inside the button. Buttons will never be wider than the width of their container.