Skip Navigation
React Magma

Changelog

4.8.0

4.9.0-next.21

Patch Changes

  • 559a2ad: fix: Input > Accessibility > Screenreader fix for Firefox when errorMessage and helperMessage exist simultaneously.

4.9.0-next.20

Minor Changes

  • 4f77343: feat(Popover): Fix comments: add functionality to use Esc button everywhere, fix docs, add maxWidth to content.

4.9.0-next.19

Patch Changes

  • 21974cf: fix(DefinitionList): Fix issues with imports in SandBox example

4.9.0-next.18

Minor Changes

  • a3dccc9: feat(TreeView): Retain expanded/collapsed state

Patch Changes

  • a3dccc9: fix(TreeView): Fix TreeView Keyboard Navigation not triggering events

4.9.0-next.17

Patch Changes

  • eeda479: fix(Tabs/Scroll Spy): Improve scroll functionality for smaller screens.

4.9.0-next.16

Patch Changes

  • a9ebf93: fix(Tooltip): Replace Popper with Floating UI. Change default tooltip arrowSize and arrowSizeDoubled.

4.9.0-next.15

Patch Changes

  • 122eb210e: fix(Modal): Delete timeout of closing modal

4.9.0-next.14

Patch Changes

  • 403f37554: fix(Dropdown): Added icon prop for DropdownExpandableMenuListItem

4.9.0-next.13

Patch Changes

  • 1a87ef79e: fix(Input): Update the label height styling for the Input component.
  • 7dc4a2910: fix(Search): Update clear and search icon styles

4.9.0-next.12

Minor Changes

  • 1bd563f57: feat(DefinitionList): New DefinitionList and DefinitionListItem components. @deprecated List description prop

4.9.0-next.11

Minor Changes

  • e9f383724: feat(Input): Add new types: tel and url.

4.9.0-next.10

Patch Changes

  • 9062d6c82: fix(PasswordInput): Fix webkit styles when using the password manager.

4.9.0-next.9

Patch Changes

  • 221a7c946: fix(SkipLink): Make the to prop optional

4.9.0-next.8

Patch Changes

  • 998d98378: fix(Theme): Update types for theme in the components.

4.9.0-next.7

Patch Changes

  • 52f8a985a: chore: Update to react-magma-icons v3.1.0

4.9.0-next.6

Minor Changes

  • 01c82272a: feat(Popover): New Popover component.

4.9.0-next.5

Patch Changes

  • f2ad9bdba: chore: update UUID support to include v8.3.0 - v11.1.0

    • For UUID v8.x users: continue using @types/uuid (now an optional peer dependency)
    • For UUID v9+ users: no need for @types/uuid package

4.9.0-next.4

Minor Changes

  • 57e607618: feat(TreeView): Add 'isTopLevelSelectable' prop to TreeView component

4.9.0-next.3

Minor Changes

  • edbc5c0a2: feat(TreeView): add expandAll and collapseAll. Removed collapse/expand animations for TreeView.

4.8.1-next.2

Patch Changes

  • ec6ed5466: fix(Pagination): Fix support for page in SimplePagination

4.8.1-next.1

Patch Changes

  • 84daa4e7e: fix(Pagination): Changed the ellipsis characters to an HTML entity for accessibility compliance.

4.8.1-next.0

Patch Changes

  • b65154ad5: fix(SkipLink): Fix overlap with the SkipLink component when used with AppBar.

Minor Changes

  • 79435c964: feat(Select): Support disabling individual items in Select and Multi Select components

Patch Changes

  • 4484ad2b7: fix(NativeSelect): Add aria-describedby to helper and error messages to associate them with the Select.
  • e689dc0cb: fix(TimePicker): Fix input wrong number validation.
  • 4c9fa50aa: fix(Dropdown): Fix click outside behavior in Dropdown
  • 3c1702509: fix(FormGroup): Fix validation for InputMessage.
  • b95b94c7b: fix(GlobalStyles): Fix @import rule warning in GlobalStyles
  • 16aaefb40: fix(Table): Fix logic for the default rowsPerPage value.
  • 9697b00b7: fix(Toast): Change property for Toast close button from aria-label to title.
  • ed14a909c: fix(MultiSelect): Fix a bug where the page refreshes when you click on a selected item.
  • bbc13e67a: fix(Table): Reconfigured the table CSS to better allow for content within a table to overlay the container, such as dropdowns.
  • 11a3361d4: fix(Table): Fix min-width overflow issues.
  • 50117512e: fix(Toast): Fix ring time duration.
  • 285a2592d: chore: Fix unit test errors
  • 2b097cef4: build(deps): Bump path-to-regexp and express.
  • 48d786c08: build(deps): Bump nanoid from 3.3.7 to 3.3.8.

4.7.0

Minor Changes

  • e926d3ddf: feat(Button): Add success button.
  • cdb304158: feat(Combobox, Select, Date picker, Dropdown): Support viewport detection and positioning
  • d8662d6f6: feat(Input): Update additional children position based on label position
  • 360cf8d29: feat(Input): Update colors for error message, icon and border in dark mode
  • 5a928ea59: feat(ProgressBar): Update colors from danger200/success200 to danger300/success300 in dark mode
  • 68ff224cc: feat(Stepper): Add vertical orientation for Stepper
  • 40708c7c6: feat(Tabs, NavTabs): Add support for overwriting text transform with textTransform prop
  • 78fc319ba: feat(TreeView): onExpandedChange returns an array of expanded IDs
  • c815b89ac: feat(TreeView): Add ability to update selected items from outside the tree
  • 1caced455: feat(TreeView): Add support for isDisabled trees and items
  • 4bec9c320: feat(TreeView): Support "show all"/"hide all" button inside TreeView component

Patch Changes

  • ac6ff21bb: fix(BlockQuote): Fix border color respecting the Theme context
  • f885d5906: fix(Breadcrumb): Hide SVGs from screen readers by adding aria-hidden="true" to the span element that wraps the SVGs
  • d7423ebe5: fix(Button): Remove animation presses for Button
  • 2157b4708: fix(CheckBox): Fix unreadable labels in CheckBox for screen readers
  • a95d26ca7: fix(CheckBox): Hide SVGs from screen readers by adding aria-hidden="true" to the span element that wraps the SVGs
  • b3fcc32b1: fix(Combobox): Fix focus issue after triggering the clear button
  • cf959a580: fix(Combobox/Select): Fix focus color for selected items when using isMulti + isInverse
  • f45bdde78: fix(DatePicker): Remove shortcut to open HelperInformation
  • 8004c9f55: fix(DatePicker): Add aria-label to calendar header columns
  • eb2b3ab1e: fix(DatePicker): Fix navigation and accessibility issues
  • 35d9507ad: fix(Drawer): Fix trapped focus
  • 7887c50b9: chore(Dropdown): Deprecate dropDirection & alignment props. These are no longer necessary with viewport detection support
  • d109847d8: fix(Dropdown): Fix the dropdown closing on second button click in Safari
  • 1d1110dc3: fix(Dropdown): Fix accessibility for active index
  • acbec5c8d: fix(Dropdown): Hide SVGs from screen readers by adding aria-hidden="true" to the svg elements
  • a163f4230: fix(Heading): Update margins for heading2XLarge
  • 3a97fe97f: fix(Heading): Add the noTopMargin and noBottomMargin props to the Heading component
  • 3c94afd1a: fix(Input): Update focus style on inputs
  • 482268a7e: fix(Input): Remove flex-shrink to allow inputs to shrink as needed
  • fbae9ce39: fix(Input): Fix help link position on inputs
  • e432f97c9: fix(Input): Improve descriptions for inputWrapperStyle and containerStyle props
  • 08deb434d: fix(List): Hide SVGs from assistive tech by adding aria-hidden="true" to the span element that wraps the SVGs
  • ac6ff21bb: fix(ListItem): Fix icon colors respecting the Theme context
  • fbfd75e8b: fix(Modal): Fix modal losing focus order with dynamic content
  • 7d8006fe1: fix(ProgressBar): Remove animation if the user has prefers-reduced-motion media query set
  • 5c3d7fce3: fix(Search): Fix the disappearing focus on the button when loading
  • 1da99002f: fix(Search): Fix overlapping content issue with the clear button
  • 5e39ab2b4: fix(Select): Update outline offset on multiselected items
  • 270e1f4ff: fix(Select): Fix placeholder color
  • a328ebe29: fix(Select): Fix accessibility issue for clearIndicator inside SelectTriggerButton
  • ddf476a38: fix(Tabs): Center preselected Tab on the Scrollable Tabs
  • 6a8ed217b: fix(Tag): Update tag focus state.
  • 044da059c: fix(TimePicker): Fix AM/PM width in the TimePicker
  • e447c8af8: fix(Toast): Fix loading ring alignment when zooming in Safari
  • 631d01024: fix(TreeView): Improve screenreader accessibility
  • 24680b288: fix(TreeView): Fix initialExpanded items expanding all parents
  • c0aecada5: fix(useFocusLock): Fix the useFocusLock hook if the first or last element is disabled.
  • 7adf69a9f: fix(.stories.): Remove .stories. files from the production bundle

4.6.0

Minor Changes

  • ca58152cb: feat(TreeView): Add support for checkChildren, checkParents props
  • fdf2dc929: feat(Modal): New headerRef prop that returns a reference to the header element

Patch Changes

  • 616cbf9a0: fix(BreadCrumb): Improved accessibility by replacing span with link to fix focus
  • aced1dd74: fix(DataGrid): Improved accessibility by adding aria-live="polite" and fixing labelText for checkboxes when isSelectable={true}
  • 9d840d863: fix(Indeterminate Checkbox): Improved accessibility for Indeterminate status
  • 3fa73c68d: fix(Button): Improved accessibility for isLoading state
  • 9214724b6: fix(NavTabs): Improved accessibility by adding aria-current="page" for active tabs.
  • 1d1dd1d06: fix(Pagination): Improved accessibility for classic pagination by adding aria-current="page" and aria-label="pagination".
  • 48b7a5539: fix(Breadcrumbs): Fixed alignment issue between elements.
  • 84a8a17d6: fix(DatePicker): Fix error when using both onChange and onDateChange
  • dc307446a: fix(Accordion): Fix screen scroll behavior during accordion navigation
  • d4164cacb: fix(Modal): Fix focus issue when using isBackgroundClickDisabled
  • 6b413fb77: fix(List): Updated support for nested items
  • 11bedeff9: fix(TreeView): Accessibility updates: respect reduced motion preference, navigate tree with left arrow keys

4.5.0

Minor Changes

  • ae668a3e5: chore: Updating emotion to v11. Note: adopters will need to upgrade their packages to the following versions "@emotion/react": "^11.13.0", "@emotion/styled": "^11.13.0". Notice that @emotion/core has been replaced with @emotion/styled and that's the only breaking change.
  • 9e38e9e7f: feat(Stepper): New Stepper component. Displays step based content for use in multi-step interfaces.

Patch Changes

  • e43932d45: fix(Modal): Background overlay now displays as expected for nested modals
  • e24db7ab4: fix(DatePicker): Remove role="presentation" from calendar
  • 65d417254: fix(ProgressBar): Add support for custom colors
  • 636fa3060: fix(NativeSelect): Update arrow placement, arrow color and border color when disabled
  • da14eec4f: fix(Modal): Remove unnecessary aria-describedBy=“modal”. Add ariaLabel prop so that Modals without headers can customize the aria-label instead of defaulting to aria-label="modal" which is not correct for a11y standards.
  • cd101c769: fix(Hyperlink): Support Icons and toggling underline styling
  • 9f1e0956a: fix(Input): Add inputWrapperStyle prop to allow more flexibility with Input widths
  • ec35223de: build(deps): bump tar from 6.1.11 to 6.2.1
  • 506904fd8: build(deps): bump express from 4.18.1 to 4.19.2

4.4.0

Minor Changes

  • 308563ced: feat(Tabs): Two new components, TabsScrollSpyContainer and TabScrollSpyPanel allow for a unique Tab layout with a scroll-spy navigation UI. Please note that this component is in beta. Use at your own risk.
  • 308563ced: feat(TreeView): New TreeView & TreeItem components

Patch Changes

  • 308563ced: chore: Update nvm to v16.20.2
  • 308563ced: fix(Search): Reset the value for clearable search when the X is clicked
  • 308563ced: fix(DatePicker): Date no longer disappears if user enters a valid date, then changes it to an invalid date.
  • 308563ced: fix(Badge): Fixes the Badge height for the label version. Both label and counter variants are now 24px in height.
  • 308563ced: fix(NativeSelect): Fixes the issue with pagination control, rows per page, on Table and Datagrid
  • 308563ced: fix(Datagrid): Fixed the state of pagination select not updating the new selected value.
  • 308563ced: feat(modal): Added new isModalClosingControlledManually property that allows handling closing the modal on the consumer side
  • 308563ced: fix(NativeSelect): Fix issue with data-testid
  • 308563ced: fix(TimePicker): Returns empty when backspace is pressed
  • 308563ced: feat(TimePicker): Added support for clearing Timepicker
  • 308563ced: build: Update references to _styled

4.3.0

Minor Changes

  • cfc20a479: feat(Paragraph): New noTopMargin and noBottomMargin props that allow customization of which margin to remove.
  • cfc20a479: feat(Select/NativeSelect): New additionalContent prop to provide the ability to add extra content inline with the label similar to the Input component.
  • cfc20a479: fix(Select/NativeSelect): Fixed alignment issues in Select regarding additional content icon. Fixed duplicate additional content in Native Select.

Patch Changes

  • 421b9091a: fix(Modal): Fixed bottom padding on the Modal header
  • 1fb88b6fc: fix: Updates to the expressive font styles for both desktop and mobile
  • fc3098851: build(deps): bump browserify-sign from 4.2.1 to 4.2.2

4.2.0

Minor Changes

  • de22be548: feat(DropdownExpandableMenu): A new menu item display for the Dropdown component which enables expandable lists by one level
  • de22be548: feat(TablePagination): TablePagination component will hide rows per page select when no onRowsPerPageChange argument passed

Patch Changes

  • de22be548: fix(DropdownContent): Handle false as child
  • de22be548: fix(StyledLabel/TabPanel): Update various labels and TabPanel content to be neutral700 (instead of neutral500)
  • de22be548: fix(Select/Combobox/Dropdown/DatePicker): Added support for closing components that have menus with the escape key inside of modals while retaining an open modal state.
  • de22be548: fix(PasswordInput): Update placement of Show/Hide button on Large input size
  • de22be548: fix(RadioGroup): Radio Group label is now a span to improve a11y
  • de22be548: fix(Input): Update Input height to match button sizes: 40px (instead of 42px) and 56px (instead of 58px)
  • de22be548: fix(NativeSelect): Update NativeSelect height to match button sizes: 40px (instead of 42px)
  • de22be548: fix(Table/DataGrid): Update Ascending (point up) and Descending (point down) arrows to match other design systems
  • de22be548: fix(Modal): Update padding so it's equal on all sides (16px small viewport or 24px for large)

4.1.1

Patch Changes

  • 0d718be80: fix(Input Base): Fixed case where default value of 0 did not render the default value in the input field
  • 0d718be80: fix(Input/Textarea): Fix maxLength console warning regarding passing a boolean attribute
  • 0d718be80: docs(tabs): Update TabProps to remove isActive-- this component does not use it. Use activeIndex on the TabsContainer to indicate the active tab

4.1.0

Minor Changes

  • 3d00dcc7e: feat(SimplePagination): New PaginationType simple which changes the pages in Pagination from a series of individual buttons to a dropdown.

Patch Changes

  • c0a658b5a: fix(Button): Update button z-index when it's in focus to bring the focus outline to the front.

  • 35a33a7ae: fix(combobox): Disabled Multi Combobox disables the buttons inside it.

  • cca876b3a: fix(dropdown): Dropdowns without DropdownMenuItem will get focused on open. Fixes issue where these dropdowns could not be closed on Escape in Safari, and should be readable by screenreaders.

  • 630bb5ab3: fix(Character Counter): Two new props have been added. The hasCharacterCounter prop which defaults to true and the maxCount prop which replaces maxLength and enables the Character Counter.

    In the interim if an input needs a native maxlength and not a Character Counter, set hasCharacterCounter={false} and then use maxLength.

    Please note that in the meantime, maxLength is still supported but will need to be changed to maxCount as future releases will remove maxLength and hasCharacterCounter.

  • caee2a755: fix(CharCounter): Update calculation for character length on rerender.

  • d0c69155a: fix(inputbase): Update icon/button position for inputs with two icons.

  • 6f53d1891: fix(Modal): Added support for closing individual nested modals with escape key.

  • 395aea21c: fix(Pagination): Spacing, Tooltip inverse state, and VoiceOver support fixes.

  • 7066b5c84: fix(TablePagination): TablePagination component now respects theme border radius on bottom corners

  • f487b936f: fix(alertbase): Update height for toasts in AlertBase

  • 4a10f8905: fix(select): Fix Multi Select placeholder text alignment

4.0.0

Major Changes

  • c01c53838: chore: Update to React v17.0.2

Minor Changes

  • 39ef67ade: feat(Alert): New additionalContent prop to enable adding styled children within an Alert or Banner.
  • f311f81e9: feat(toggleButton): New Toggle Button component.
  • ccacca490: (TablePagination, DataGrid) switch dropdown component in table pagination to native select

Deprecations

  • dropdownDropDirection prop is now deprecated

Patch Changes

  • b276664cd: Set fallback font-family for all components.
  • f708b20dc: fix(character counter): Added value capability for Input and Textarea when using maxLength for an initial value.
  • adba671f3: chore: Fix broken build
  • e91c72c88: chore: Fixed warnings in the console.
  • 9cb534ce8: fix(inputbase): Add optional width prop for InputBase - this affects and can be used in Input, PasswordInput, and Search
  • 4301b98c1: fix(heading): Fix error that "Property 'css' is missing"
  • d2956b5f1: chore: Update react-magma-icons to v3.0.0
  • 0a4f2f8ce: fix: Revert the change to hex values of secondaryColors (secondary500, secondary600 & secondary700)
  • 354a62232: fix(toggleButton): Fix hover states

3.2.1

Patch Changes

  • 0bf79d5de: style: fix linting errors and warnings
  • 7b4549726: Update react-magma-icons version to 2.3.6
  • 0d3e008bf: fix: Update hex of secondaryColors (secondary500, secondary600 & secondary700)
  • 962253d56: fix(navtabs) Added focus state on first NavTab for accessibility fix.
  • 6a01a5325: fix(input): Inputs with long placeholders && isClearable have appropriate padding
  • fafe31580: fix(search): Search components with long placeholders && isClearable have appropriate padding
  • f5189569b: fix(tabs): Disabled tabs have the disabled cursor

3.2.0

Minor Changes

  • 47015f38: feat(characterCounter): New Character Counter component.
  • 15bdd2d0: fix(characterCounter): Added dynamic aria-live states for screen readers based on the amount of text in the input.
  • 9daf9331: feat(combobox): hasPersistentMenu prop allows for the items list to stay visible after each selection on Multi Comboboxes
  • fix(combobox): Placeholder on Multi Comboboxes now disappears when at least one item is selected
  • eb9ed1f3: feat(input): Added left label position capability for Combobox, DatePicker, Input, NativeSelect, PasswordInput, Textarea, and TimePicker. An additional prop of labelWidth has also been implemented for use in a column of Inputs for styling purposes.
  • 1893be73: feat(button): Subtle button

Patch Changes

  • 34c2957a: fix(combobox): Combobox items have a default type="button" to prevent issues when used inside a form.
  • 85853eae: fix(MultiCombobox): Support for isClearable button for multi comboboxes. isClearable button supports isInverse for single and multi comboboxes.
  • feat(combobox): Add isTypeahead prop to allow selectedItems items that are not in items.
  • feat(combobod): Add isLoading prop to ItemsList to show a loading state
  • 1110043a: fix(table): Add keyboard only focus to tables without a focusable element.
  • 2fe13d60: docs(table): Storybook example with adjustable number of rows
  • 95fc5ae7: chore(npm/node): Update versions

3.1.2

Patch Changes

  • 754c389b: fix(GlobalStyles): Fix default a:hover color to match Hyperlink
  • ffa94511: fix(ButtonGroup): Add flex-wrap: wrap to ButtonGroup
  • 9502d28a: fix(Input): Fix placement of children inside Input component (ex: help icon).
  • 0de78513: build(deps): Bump react-magma-icons to 2.3.4
  • 17ee57af: build: Update storybook packages to latest (6.4.12 -> 6.5.10)

3.1.1

Patch Changes

  • 663a334d: refactor(Input): Update Storybook example with a11y violations.
  • 663a334d: fix(accordion): Accordion Item buttonId will be based on the index to avoid duplicate ids. refactor(accordion): Update Storybook example with a11y violations.
  • 663a334d: refactor(appbar): Update Storybook example with a11y violations.
  • 663a334d: fix(Native Select): Fixed dropdown caret which wasn't selecting the options on click.
  • 663a334d: fix(Tabs): Removing unnecessary aria-label from wrapping div
  • 663a334d: fix(datagrid): Add aria-label to sort by selectable button
  • 663a334d: feat(datagrid): Add isSortableBySelected prop to DataGrid, allowing tables to be sorted by the selected items.
  • 663a334d: fix(DatePicker): Fix support for non-default date formats (dd/mm/yyyy, yyyy/MM/dd, yyyy/dd/MM). Add support for MMMM d, yyyy.
  • 663a334d: fix(input): Fix double focus on all input types (search, datepicker, password). When the icon is focused, only the icon will have visible focus and not the whole input.
  • 663a334d: refactor(indeterminatecheckbox): Update Storybook example with a11y violations.
  • 663a334d: fix(input): Fix double focus on the isClearable button on all input types (input, search, datepicker).
  • 663a334d: fix(pagination): Fix Pagination a11y issue regarding <ul> only having <li> as children.
  • 663a334d: refactor(radio): Update Storybook examples with a11y violations.
  • 663a334d: refactor(skiplink): Update Storybook example with a11y violations.
  • 663a334d: build(deps): bump parse-url from 6.0.0 to 6.0.2
  • 663a334d: build(deps): bump terser from 4.8.0 to 4.8.1

3.1.0

Major Changes

  • 732f5c908: fix(button): Remove margin from buttons BREAKING CHANGE: Margin from buttons have been removed. Use ButtonGroup when using multiple buttons.

  • 8690bbf3f: feat: Updating alerts to V3 styling, this effects banners and toasts in addition. Breaking Change: Muted Alert variant has been removed.

  • 81b1b76d: dropdown: Remove deprecated prop onBeforeShiftFocus

Minor Changes

  • e9e7a600: fix(alert/banner/toast): Update hyperlink styles fix(banner): Update styles for close button

  • d70e4cf17: feat(badge): Update hover/active/focus styles

  • eeec9950: fix(input): fixed positioning for clearable button when inputs have an icon on the right or top.

  • 787017f90: feat(buttongroup): New ButtonGroup component

  • 8c17d7e8: feat(button): Updated hover/focus/active states on buttons using the new color palette.

  • 23fc1b1a: fix(buttongroup): Add Dropdown support

  • ce262ae30: feat(combobox): Update combobox items colors and error styling

  • 97ea53aca: feat(spinner): Add isInverse support for Spinner component. feat(combobox/select): Update styling for items list inverse.

  • e93d09159: fix(container): Update Storybook examples

  • 733aa23b: fix(theme): Update danger100 hex color

  • 058ddea9: feat(datepicker): Update spacing around buttons

  • c765e88d: feat(dropdown): Update dropdown item isInverse && disabled color.

  • b5c4415d: 800 fix focus state in Dropdown Component. Updated modal docs

  • ab69379b: fix(nativeSelect): Add background color to the options for isInverse. In Windows, the Native Select dropdown has a white background which makes the options invisible.

  • 9ca1827b2: feat: Update colors throughout various components

  • 27e91f1e9: feat(DatePicker): Update DatePicker with new colors. Add isInverse support.

  • 484578a87: feat(Dropdowns): Updating Dropdowns with rebrand styles

  • a4acd9ac6: feat(heading): Update expressive contextVariant styles.

  • 7ab1d3c3: feat(table): Removing hasOuterBorder prop. This was a new prop this version, so this is not a breaking change.

  • 7cec9a9ab: feat(button): Update Secondary button hover/active/focus states.

  • ce9088243: bug(select): Fix hover styles in Select component to not have focus border.

  • 133d2cf32: fix(table): update sortable table header cursor

  • 0d9b45043: fix(select): update disabled state down arrow color fix(toggle): update toggle border color fix(combobox): update input border inverse danger color fix(table): update table inverse hasZebraStripes color

  • a46f65ee: fix(table): fix minWidth scroll

  • 31dfdba9: feat(table): Add isInverse support for TablePagination dropdowns

  • 41215ce1e: feat(table): Update Storybook examples

  • 403e601a: feat(tabs): Update Storybook examples

  • 7d66f867: fix(timepicker): onChange is called on 'Backspace' key press

  • cc23aacf6: fix(toast): bring back dropshadow for toasts

  • ca2c61de6: feat(tooltip): Fix tooltip position bug

  • 465fd0fce: fix: Toast X center alignment

Patch Changes

  • 9d8ae22c: fix(accordion): Update Storybook isInverse example
  • 3a27353aa: bug: Dropdowns/Selects are hidden when used inside other components.
  • 3a27353aa: fix(textarea): Textarea can now be cleared

3.0.0

NOTE: 3.0.0 was an accidental release. Please use 3.1.x and above

2.5.11

Patch Changes

  • 72db207d: fix: adding in reference for list props within the index
  • 7ed798b5: fix(accordion.stories.tsx): fix Accordion expand collapse all story & change background to transparent
  • a7e57b54: build(publish-next-yml): Add Deploy Dev Storybook to Netlify step to publish-next.

2.5.10

Patch Changes

  • e4c69ca5: fix(alert): add right padding of 12px
  • 39b2fc49: fix(modal.tsx): Remove title attribute from modals
  • cbadaccb: feat: List component
  • 27cad886: Build/fix publish step
  • 92e31554: Fix/drawer issues
  • 6e481733: fix(tag.stories.tsx): On Delete With Icon Tags not updating color and isInverse
  • 41522e87: feat: add xLarge for iconSizes fix: export styled and useGeneratedId for external components
  • 5e9f8de5: fix(select.stories.tsx): fix Select multi example (again)
  • ecd43306: fix(iconbutton.stories.tsx): updating IconButton stories to hide some properties
  • 290efc90: fix(tablepagination.tsx): add activeIndex to tablepagination
  • 8202898b: fix(select.stories.tsx): Fixing Select Multi story
  • 3ed0d7de: chore(deps): bump browserslist from 4.14.2 to 4.20.2
  • 452e52d5: fix(schemarenderer.stories.tsx): clean up schema data
  • 0fc84127: fix(tag.tsx): Disabled tags have the correct cursor
  • 14b24dd7: fix(tag.stories.tsx): Tag preview updates when control props are toggled
  • ae7a1fc2: fix(InputBase/index.tsx): fix alignment for "Choose file" button for inputSize large
  • 4f483f8f: docs: storybook Addon Measure package added
  • 3208cf6f: docs(storybook): updating storybook version to 6.4.20 and adding essentials addon

2.5.9

Patch Changes

This was an accidental release. Please skip this version and upgrade to 2.5.10.

2.5.8

Patch Changes

  • 444cd2bb: Update to fix header
  • 7b0c5714: fix(form): allow customization of Heading in Form component

2.5.7

Patch Changes

  • 465dc468: feat: Tag Updates for additional colors
  • 4da10cb8: fix(Tabs): call onChange function when tab panel is changed by keyboard navigation
  • 1bbd5017: feat(tooltip): add an open prop for persistent tooltips
  • a23e8307: Fix: Added portal back into modal
  • c9907a67: feat: Inputs update: Removed top margin from helper and error messages related to inputs.
  • fb4741bd: fix(dropdown): changed link color in dropdown to be dark gray instead of blue
  • 6cbb9cf2: feat(dropdown): add onOpen property to be called when dropdown opens
  • edbdda88: Release 2.5.7
  • 2e4f06d6: feat: Predictive Search
  • 22749327: feat: initial commit of the block quote component
  • 253fd1c1: feat: input updates to support additional icon positioning
  • dd443552: Remove unknown props on dom elements in breadcrumb. Specifically isInverse
  • 156c5c1e: docs: page layout templates

2.5.6

Patch Changes

  • 19ac34d7: chore: update storybook to 6.4.0-beta.20 fixes react 17
  • 2cdc9c2a: Allow for mouse to hover in to tooltip message
  • 3435eede: fix(textarea): use specific TextareaHTMLAttributes
  • 5ac10dfb: chore: letter-spacing additions for smaller font sizes
  • cec68d47: fix(magma.ts): added type for primaryInverse color

2.5.5

Patch Changes

  • 84507cc4: feat: add fileuploader to i18n
  • 8771bbfe: chore: update icons to 2.3.1
  • ab506800: change to dropdown for table pagination, change drop direction to 'up', and allow dropdown drop direction to be changed through props.

2.5.4

Patch Changes

  • ae57efe9: fix date formatting for years under the year 1000
  • 5ccb1dc2: unmount accordion panel elements when accordion is closed

2.5.3

Patch Changes

  • 52062bae: fix(input): passed messageStyle prop to inputMessage component

2.5.2

Patch Changes

  • 4980c87a: disable the clear and action buttons when the input is disabled
  • ebdacccc: refactor(Dropdown): renamed handleMenuBlur to handleDropdownBlur
  • 8ee194d4: extend TypographyProps for HeadingProps. Use Generic for TypographyProps
  • aea1e089: fix(datepicker): keep close button below the helper information
  • fix(datepicker): return focus to the previous element after closing helper information
  • 21c2ac2e: fix(time-picker): prevent time from switching to am when hour changes
  • 12380623: fix(input): add onClear function to be called when the input is cleared by clicking the clear button

2.5.1

Patch Changes

  • 95f30ed9: fix(modal): stopped background from scrolling when a modal is open
  • 1fbd86f3: fix(timepicker): update am/pm to use type=button
  • 92579adb: chore: updating styling
  • c3b90d1d: feat: add xLarge for iconSizes fix: export styled and useGeneratedId for external components
  • 3260fafb: Call onClose function when clicking outside of the dropdown menu
  • e12e00cf: fix(textarea): default width to 100%
  • 12d6d789: fix StyledButton: move creation of wrappers outside of StyledButton render function
  • 93ecc6c8: Feature/grid: CSS-Grid component for Magma. Grid styles can be applied as props to quickly and easily create a layout.
  • c5cec3f6: Add useFocusLock hook to fix focus jumping around inside of a modal that has components re-rendered.

2.5.0

Minor Changes

  • 8e3559c3: Refactor pagination component to use the new usePagination hook. Create new Datagrid component as well as a new useDataPagination hook to handle datagrid data.

Patch Changes

  • 68b265d0: fix: place ref for dropdown on the card
  • acc9219d: refactor(text alignment): changing the banner alignment to left aligned
  • 9a89c7af: feat(input): added isClearable prop to input base

2.4.0

Minor Changes

  • f0a1882f: fix/controlled-toggle: Update Toggle to have controlled and uncontrolled variants akin to Checkbox

  • 88e2daee: Feature/datagrid: Creating a Datagrid component with the options to have selectable rows and pagination. As a part of pagination for the Datagrid component there is now a useDataPagination hook that creates a pagination object with the data needed to build any of our pagination components.

  • b7f7e431: feature/transitions: Add Transition component. A reusable Transition components that allows teams to use the same standard transitions everywhere.

    <Transition fade nudgeTop>
      <div>child</div>
    </Transition>

  • c49cda0e: Add new transition component

  • 1ceb9951: Feature/accordion: Adding a new accordion component

Patch Changes

  • aaa4d559: Some minor adjustments to the appearance of inverse (dark) states in some components. Also some updates to docs structure for dark mode.
  • efb6f297: feat: updating error styles for radios
  • 6d2a2be6: chore: update icons
  • 57e28ac7: feat(pagination): create new pagination component

2.3.12

Patch Changes

  • d0a7687d: fix(input): fix issue with inline inputs rendering too wide (such as search box)

2.3.9

  • chore: update to node 14, npm 7
  • fix(checkbox): switch to icon for unchecked state
  • fix(dropdown): improve dropdown button styles for icons v2
  • feature(flex): add flex component
  • feature(spacer): add spacer component
  • fix(formgroup): add label
  • fix(Button): default to ButtonType.button
  • fix(icons): update remaining v1 icons

2.3.8

  • fix: update dependencies accross packages
  • docs(checkbox): improve stories

2.3.7

  • feat(icons): release v2.0.0

2.3.6

  • Note: Version bump only for package react-magma-dom

2.3.5

  • table: duplicate exports (1583413)
  • ci(stories): add remaining stories
  • refactor(breadcrumb): add generic index
  • refactor(card): add generic index
  • refactor(dropdown): add generic index
  • refactor(navtabs): add generic index
  • refactor(table): add generic index
  • refactor(tabs): add generic index
  • fix(combobox): fix error message and styling
  • fix(select): fix error message and styling
  • fix(checkbox): use IndeterminateCheckboxStatus in type
  • fix(label): add labelPosition enum
  • feature(table): add pagination

2.3.4

  • ci(storybook): add storybook
  • chore: update contributing guide
  • fix(tooltip): improve positioning

2.3.3

  • docs(theme): use magma theme in more places
  • feat(combobox): add isMulti XOR
  • feat(select): add isMulti XOR
  • fix(dropdown): set border to 0
  • feat(form): create form component
  • fix(hyperlink): extend Anchor
  • fix(theme): remove jsx pragma

2.3.2

  • ci(actions): new github Actions
  • ci(actions): deploy to Netlify
  • test: add instructions for wallabyjs
  • chore: delete archived packages
  • build(lerna): update
  • build(gatsby): add flags for faster docs preview
  • docs(gatsby): switch to magic props tables
  • feat(tooltip): introduce popperjs
  • fix(combobox): support maxHeight
  • fix(combobox): support customComponents

2.3.1-alpha.0

Bug Fixes

  • combobox: select correct item using keyboard navigation (bb05403)
  • dropdown: add interfaces with default props, testids (65d15d7)
  • tab: handle click parameter names fixed (70dc881)

2.3.0

Features

  • combobox, select: use spacing from theme (71d3026)
  • component: spacing updates (e2ffcaa)
  • datepicker: use spacing from theme (cec752f)
  • loadingindicator, progressbar, spinner: use new spacing (513fa48)
  • paragraph, heading: use spacing scale from theme (4afac5f)
  • progress bar: update spacing and animation, docs fixes (221c944)
  • spinner, progressbar: allow string or number for size (e6030d5)

Bug Fixes

  • dropdown: export DropdownAlignment and DropdownDropDirection (458c4b4)
  • dropdown: remove auto focus of button on close (2d9a27c)
  • modal: fix modal body, header padding (33a9b8a)
  • modal: fix style issues (52e3dc8)
  • tab: handle click parameter names fixed (70dc881)
  • tabs: allow for custom onClick on individual tab (b3f598a)
  • tooltip: added event watcher on esc key (3060740)
  • tooltip: removed deprciated keyCode (3ad9cb9)
  • typography: export TypographyContextVariant (1012171)

On this page

Deploys by Netlify