Merge branch 'main' into dev

.storybook/main.js

@@ -25,13 +25,12 @@ module.exports = {
     // check: true,
   },
   webpackFinal: async config => {
-
     config.module.rules[0].exclude = /node_modules\/(?!(@carbon)\/).*/;
-      return {
-        ...config,
-        // devtool: false,
-        module: {
-          ...config.module,
+    return {
+      ...config,
+      // devtool: false,
+      module: {
+        ...config.module,
       },
       // devtool: 'eval',
       resolve: {

package.json

@@ -147,6 +147,7 @@
     "ts-node": "^9.1.1",
     "tsdx": "^0.14.1",
     "typedoc": "^0.19.2",
-    "typescript": "^3.9.7"
+    "typescript": "^3.9.7",
+    "webpack-filter-warnings-plugin": "1.2.1"
   }
 }

packages/charts/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @react-magma/charts
 
+## 10.0.0
+
+### Patch Changes
+
+- 02db8e632: fix(Charts): Fix circle styles for `Charts`.
+
 ## 10.0.0-next.2
 
 ### Patch Changes

packages/charts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-magma/charts",
-  "version": "10.0.0-next.2",
+  "version": "10.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -12,7 +12,8 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "src",
+    "src/components/CarbonChart/styles.min.css"
   ],
   "engines": {
     "npm": ">=7.3.0",
@@ -47,7 +48,11 @@
     "identity-obj-proxy": "^3.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-magma-dom": "^4.7.0-next.1",
+    "react-magma-dom": "^4.7.0",
     "react-magma-icons": "^3.0.0"
+  },
+  "exports": {
+    ".": "./src",
+    "./src/components/CarbonChart/": "./styles.min.css"
   }
 }

packages/charts/src/components/LineChart/GraphTooltip.tsx

@@ -9,7 +9,6 @@ import {
 
 import styled from '@emotion/styled';
 
-
 const StyledGraphTooltip = styled(StyledTooltip)`
   background: ${(props: any) => props.theme.colors.neutral100};
   border: 1px solid ${(props: any) => props.theme.colors.neutral300};

packages/dropzone/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Change Log
 
+## 10.0.0
+
 ## 10.0.0-next.1
 
 ### Patch Changes

packages/dropzone/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-magma/dropzone",
-  "version": "10.0.0-next.1",
+  "version": "10.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -42,7 +42,7 @@
     "@emotion/styled": "^11.13.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-magma-dom": "^4.7.0-next.1",
+    "react-magma-dom": "^4.7.0",
     "react-magma-icons": "^3.0.0"
   }
 }

packages/react-magma-dom/CHANGELOG.md

@@ -1,30 +1,137 @@
-## 4.7.0-next.53
+## 4.7.0
 
-## 4.7.0-next.55
+## 4.7.0
 
-### Patch Changes
+### Minor Changes
 
-- 4ed9e5c7d: fix(TreeView): Add more unit tests
+- 02db8e632: feat(Stepper): Add vertical orientation for `Stepper`.
+- 02db8e632: feat(Input): Update colors for error message, icon and border in dark mode.
+- 02db8e632: feat(Input): Update additional children position based on label position
+- 02db8e632: feat(Tabs/NavTabs): Add support for overwriting text transform with `textTransform` prop.
+- 02db8e632: feat(ProgressBar): Update colors from danger200/success200 to danger300/success300 in dark mode.
+- 02db8e632: feat(Combobox, Select, Date picker, Dropdown): Support viewport detection and positioning
+- 02db8e632: feat(Button): Add `success` button color
+- 02db8e632: feat(TreeView): Add support for `isDisabled` trees and items
+- 02db8e632: feat(TreeView): `onExpandedChange` returns an array of expanded IDs
+- 02db8e632: fix(TreeView): Support "show all" button inside TreeView component
+- 02db8e632: feat(TreeView): Add ability to update selected items from outside the tree
 
-## 4.7.0-next.54
+### Patch Changes
+
+- 02db8e632: fix(Breadcrumb): Hide SVGs from screen readers by adding `aria-hidden="true"` to the `span` element that wraps the SVGs.
+- 02db8e632: fix(Button): Remove animation presses for `Button`.
+- 02db8e632: fix(CheckBox): Fix unreadable labels in `CheckBox` for screen readers.
+- 02db8e632: fix(CheckBox): Hide SVGs from screen readers by adding `aria-hidden="true"` to the `span` element that wraps the SVGs.
+- 02db8e632: fix(Combobox): Fix focus issue after triggering the clear button
+- 02db8e632: fix(DatePicker): Fix navigation and accessibility issues.
+- 02db8e632: fix(DatePicker): Remove shortcut to open `HelperInformation`.
+- 02db8e632: fix(DatePicker): Add `aria-label` to calendar header columns.
+- 02db8e632: fix(Drawer): Fix trapped focus
+- 02db8e632: fix(Dropdown): Fix a11y for active index
+- 02db8e632: fix(Dropdown): Hide SVGs from screen readers by adding `aria-hidden="true"` to the `svg` elements.
+- 02db8e632: fix(List): Hide SVGs from assistive tech by adding `aria-hidden="true"` to the `span` element that wraps the SVGs.
+- 02db8e632: fix(ProgressBar): Remove animation if the user has `prefers-reduced-motion` media query set.
+- 02db8e632: fix(Search): Fix the disappearing focus on the button when loading
+- 02db8e632: fix(Select): Fix accessibility issue for `clearIndicator` inside `SelectTriggerButton`.
+- 02db8e632: fix(TreeView): Improve screenreader accessibility
+- 02db8e632: fix(useFocusLock): Fix the `useFocusLock` hook if the first or last element is disabled.
+- 02db8e632: chore(Dropdown): Deprecate `dropDirection` & `alignment` props. These are no longer necessary with viewport detection support.
+- 02db8e632: fix(Dropdown): Fix the dropdown closing on second button click in Safari
+- 02db8e632: fix(Heading): Add the `noTopMargin` and `noBottomMargin` props to the `Heading` component.
+- 02db8e632: fix(BlockQuote): Fix border color respecting the `Theme` context.
+- 02db8e632: fix(TreeView): Fix initialExpanded items expanding all parents
+- 02db8e632: fix(Input): Update focus style on inputs.
+- 02db8e632: fix(ListItem): Fix icon colors respecting the `Theme` context.
+- 02db8e632: fix(Modal): Fix modal losing focus order with dynamic content.
+- 02db8e632: fix(Select): Update outline offset on multiselected items
+- 02db8e632: fix(Select): Fix placeholder color.
+- 02db8e632: chore: Remove `.stories.` files from the production bundle.
+- 02db8e632: fix(Tabs): Center preselected `Tab` on the `Scrollable Tabs`.
+- 02db8e632: fix(TimePicker): Fix AM/PM width in the `TimePicker`.
+- 02db8e632: fix(Toast): Fix loading ring alignment when zooming in Safari
+- 02db8e632: fix(Heading): Update margins for `heading2XLarge`
+- 02db8e632: fix(Input): Improve descriptions for `inputWrapperStyle` and `containerStyle` props.
+- 02db8e632: fix(Input): Remove `flex-shrink` to allow inputs to shrink as needed.
+- 02db8e632: fix(Search): Fix overlapping content issue with the clear button
+- 02db8e632: fix(Combobox/Select:): Fix focus color for selected items when using `isMulti` + `isInverse`
+- 02db8e632: fix(Tag): Update focus state
 
 ### Minor Changes
 
 - 4bec9c320: fix(TreeView): Support "show all" button inside TreeView component
+- 78fc319ba: feat(TreeView): onExpandedChange returns an array of expanded IDs.
+- 360cf8d29: feat(Input): Update colors for error message, icon and border in dark mode.
+- d8662d6f6: feat(Input): Update Input additional children position based on label position.
+- 5a928ea59: feat(ProgressBar): Update colors from danger200/success200 to danger300/success300 in dark mode.
+- 40708c7c6: feat(Tabs, NavTabs): Add support for overwriting `TextTransform`: add `textTransform` prop.
+- 1caced455: feat(TreeView): Add support for isDisabled.
+- 68ff224cc: feat(Stepper): Add vertical orientation for `Stepper`.
+- e926d3ddf: feat(button): Add `success` button.
+- cdb304158: feat(Combobox, Select, Date picker, Dropdown): Update viewport detection/positioning.
+- c815b89ac: feat(TreeView): Add ability to change items selection outside.
 
 ### Patch Changes
 
 - e432f97c9: fix(Input): Improve descriptions for `inputWrapperStyle` and `containerStyle` props.
+- 4ed9e5c7d: fix(TreeView): Add more unit tests
+- b8364bbca: fix(ToggleButtonGroup): Fix `enforced` and `exclusive` props.
+- 6a8ed217b: fix(Tag): Update tag focus state.
+- cf959a580: fix(Combobox/Select:): Fix focus color for selected items when using `isMulti` + `isInverse`.
+- a163f4230: fix(Heading): Update margins for `heading2XLarge`.
+- f37d5c4af: fix(TreeView): Fix undefined problem.
+- febf617fc: fix(TreeView): Fix undefined problem.
+- fbae9ce39: fix(Input): Style update: Fix HelpLink position on inputs.
+- 5e39ab2b4: fix(Select): Fix multi Select selected item outline.
+- 8004c9f55: fix(DatePicker): Add `aria-label` to calendar header columns.
+- 3a97fe97f: patch(Heading): Add the `noTopMargin` and `noBottomMargin` props to the `Heading` component.
+- 45be51cfc: fix(TreeView): Fix undefined problem.
+- acbec5c8d: fix(Dropdown): Hide SVGs from screen readers by adding `aria-hidden="true"` to the `svg` elements.
+- 08deb434d: fix(List): Hide SVGs from assistive tech by adding `aria-hidden="true"` to the `span` element that wraps the SVGs.
+- a95d26ca7: fix(CheckBox): Hide SVGs from screen readers by adding `aria-hidden="true"` to the `span` element that wraps the SVGs.
+- 044da059c: fix(TimePicker): Fixed AM/PM width in the `TimePicker`.
+- f885d5906: fix(Breadcrumb): Hide SVGs from screen readers by adding `aria-hidden="true"` to the `span` element that wraps the SVGs.
+- 7887c50b9: chore(dropdown): Deprecate `dropDirection` & `alignment` props. These are no longer necessary with viewport detection support.
+- ddf476a38: fix(Tabs): Center preselected `Tab` on the `Scrollable Tabs`.
+- e447c8af8: fix(Toast): Fixed loading ring alignment when zooming in Safari.
+- d7423ebe5: fix(Button): Remove animation presses for `Button`.
+- eb5f11fd8: fix(TreeView): Fix TreeView issues from verification
+- 270e1f4ff: fix(Select): Fix placeholder color.
+- 3c94afd1a: fix(Input): Style update: Focus style on inputs.
+- eb2b3ab1e: fix(DatePicker): Fix navigation and accessibility issues.
+- 2157b4708: fix(CheckBox): Fix for unreadable labels in `CheckBox` for screen readers.
+- 7adf69a9f: fix(.srories.): Remove `.stories.` files from the production bundle.
+- c0aecada5: fix(useFocusLock): Fix the `useFocusLock` hook if the first or last element is disabled.
+- 1da99002f: fix(search): Fix the overlapping content issue around the clear button
+- ac6ff21bb: fix(BlockQuote): Fix border color respecting the `Theme` context.
+- ac6ff21bb: fix(ListItem): Fix icon colors respecting the `Theme` context.
+- b3fcc32b1: fix(combobox): Fix focus issue after triggering the clear button
+- 7d8006fe1: fix(ProgressBar): Remove animation if the user has `prefers-reduced-motion` media query set.
+- 35d9507ad: fix(drawer): Fix trapped focus in the drawer
+- 1d1110dc3: fix(dropdown): Fix active index communication handled programmatically
+- fbfd75e8b: fix(Modal): Fix modal losing focus order with dynamic content.
+- d109847d8: fix(dropdown): Fix the dropdown closing on the second button click in `Safari`
+- 24680b288: fix(TreeView): Fix initial expanded items should expand all parents.
+- 631d01024: fix(TreeView): Fix switching to Focus Mode inside `TreeView`.
+- 482268a7e: fix(Input): Remove flex-shrink to allow inputs to shrink as needed.
+- a328ebe29: fix(Select): Fix the accessibility issue for `clearIndicator` inside `SelectTriggerButton`.
+- 5c3d7fce3: fix(search):Fix the disappearing focus on the button when loading.
 
 ## 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
 - ca58152cb: feat(TreeView): Add support for `checkChildren`, `checkParents` props
 
 ### Patch Changes
 
+- f45bdde78: fix(DatePicker): Remove shortcut to open `HelperInformation`.
+- dc307446a: fix(Accordion): Fix screen scroll behavior during accordion navigation
+- 6b413fb77: fix(List): Updated support for nested items
+- d4164cacb: fix(Modal): Fix focus issue when using `isBackgroundClickDisabled`
+- 84a8a17d6: fix(DatePicker): Fix error when using both `onChange` and `onDateChange`
+- 48b7a5539: fix(Breadcrumbs): Fixed alignment issue between elements.
 - 616cbf9a0: fix(BreadCrumb): Improved accessibility by replace 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
@@ -42,7 +149,7 @@
 
 ### 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, unless your project is using `@emotion/css` which may not work the same. Please review the emotion documentation when upgrading.
+- 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