Merge branch 'release/v1.32.0' into fix/search-no-redirect

carbon-design-system · Mar 17, 2022 · 8111c5d · 8111c5d
2 parents fcabb0b + d06b45a
commit 8111c5d
Show file tree

Hide file tree

Showing 41 changed files with 543 additions and 90 deletions.
diff --git a/.yarn/offline-mirror/@carbon-grid-10.42.0.tgz b/.yarn/offline-mirror/@carbon-grid-10.42.0.tgz
diff --git a/.yarn/offline-mirror/@carbon-grid-10.43.0.tgz b/.yarn/offline-mirror/@carbon-grid-10.43.0.tgz
diff --git a/.yarn/offline-mirror/@carbon-icons-10.47.0.tgz b/.yarn/offline-mirror/@carbon-icons-10.47.0.tgz
diff --git a/.yarn/offline-mirror/@carbon-icons-10.48.0.tgz b/.yarn/offline-mirror/@carbon-icons-10.48.0.tgz
diff --git a/.yarn/offline-mirror/@carbon-icons-react-10.48.0.tgz b/.yarn/offline-mirror/@carbon-icons-react-10.48.0.tgz
diff --git a/.yarn/offline-mirror/@carbon-telemetry-0.1.0.tgz b/.yarn/offline-mirror/@carbon-telemetry-0.1.0.tgz
diff --git a/...offline-mirror/@carbon-themes-10.52.0.tgz → ...offline-mirror/@carbon-themes-10.53.1.tgz b/...offline-mirror/@carbon-themes-10.52.0.tgz → ...offline-mirror/@carbon-themes-10.53.1.tgz
diff --git a/.yarn/offline-mirror/@carbon-type-10.42.0.tgz b/.yarn/offline-mirror/@carbon-type-10.42.0.tgz
diff --git a/.yarn/offline-mirror/@carbon-type-10.43.1.tgz b/.yarn/offline-mirror/@carbon-type-10.43.1.tgz
diff --git a/.yarn/offline-mirror/carbon-components-10.54.0.tgz b/.yarn/offline-mirror/carbon-components-10.54.0.tgz
diff --git a/.yarn/offline-mirror/carbon-components-10.55.1.tgz b/.yarn/offline-mirror/carbon-components-10.55.1.tgz
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -63,10 +63,10 @@
     "@babel/runtime": "^7.5.5",
     "@carbon/ibmdotcom-services": "1.32.0-rc.0",
     "@carbon/ibmdotcom-styles": "1.32.0-rc.0",
-    "@carbon/ibmdotcom-utilities": "1.31.0",
-    "@carbon/telemetry": "^0.0.0-alpha.6",
+    "@carbon/ibmdotcom-utilities": "1.32.0-rc.0",
+    "@carbon/telemetry": "^0.1.0",
     "autosuggest-highlight": "^3.1.1",
-    "carbon-components": "10.54.0",
+    "carbon-components": "10.55.1",
     "carbon-components-react": "7.54.2",
     "carbon-icons": "7.0.7",
     "classnames": "2.3.1",
@@ -202,7 +202,7 @@
     "whatwg-fetch": "^2.0.3"
   },
   "resolutions": {
-    "@carbon/icons-react": "10.47.0"
+    "@carbon/icons-react": "10.48.0"
   },
   "sideEffects": false,
   "bundleSizeThreshold": 300000,

diff --git a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
@@ -39996,6 +39996,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -47045,6 +47046,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                                 className="bx--tableofcontents__mobile__select__wrapper"
                               >
                                 <select
+                                  aria-label="Jump to"
                                   className="bx--tableofcontents__mobile__select"
                                   onBlur={[Function]}
                                   onChange={[Function]}
@@ -53390,6 +53392,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -64982,6 +64985,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -71559,6 +71563,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -77603,6 +77608,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -83397,6 +83403,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -89978,6 +89985,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -97092,6 +97100,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                   className="bx--tableofcontents__mobile__select__wrapper"
                                 >
                                   <select
+                                    aria-label="Jump to"
                                     className="bx--tableofcontents__mobile__select"
                                     onBlur={[Function]}
                                     onChange={[Function]}
@@ -138462,6 +138471,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condiment
                     className="bx--tableofcontents__mobile__select__wrapper"
                   >
                     <select
+                      aria-label="Jump to"
                       className="bx--tableofcontents__mobile__select"
                       onBlur={[Function]}
                       onChange={[Function]}

diff --git a/packages/react/src/components/Masthead/MastheadL1.js b/packages/react/src/components/Masthead/MastheadL1.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import React, { useEffect } from 'react';
 import cx from 'classnames';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import HeaderMenu from '../carbon-components-react/UIShell/HeaderMenu';
@@ -13,7 +14,6 @@ import HeaderNavContainer from './HeaderNavContainer';
 import HeaderNavigation from '../../internal/vendor/carbon-components-react/components/UIShell/HeaderNavigation';
 import MegaMenu from './MastheadMegaMenu/MegaMenu';
 import PropTypes from 'prop-types';
-import React from 'react';
 import root from 'window-or-global';
 import settings from 'carbon-components/es/globals/js/settings';
 
@@ -29,6 +29,16 @@ const MastheadL1 = ({ navigationL1, ...rest }) => {
   });
   const childLinkChecker = rest.hasCurrentUrl();
 
+  useEffect(() => {
+    document
+      .querySelector(`.${prefix}--header__menu-bar`)
+      ?.setAttribute('role', 'menu');
+    document.querySelectorAll(`.${prefix}--header__menu-bar li`).forEach(e => {
+      e.setAttribute('role', 'menuitem');
+      e.querySelector('a').removeAttribute('role');
+    });
+  }, []);
+
   const mastheadL1Links = navigationL1.map((link, index) => {
     const selectedUrlItem =
       childLinkChecker && childLinkChecker(link, root.location?.href);

diff --git a/packages/react/src/components/Masthead/MastheadTopNav.js b/packages/react/src/components/Masthead/MastheadTopNav.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import classnames from 'classnames';
 import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';
 import HeaderMenu from '../carbon-components-react/UIShell/HeaderMenu';
@@ -29,6 +29,16 @@ const MastheadTopNav = ({ navigation, ...topNavProps }) => {
 
   const childLinkChecker = topNavProps.hasCurrentUrl();
 
+  useEffect(() => {
+    document
+      .querySelector(`.${prefix}--header__menu-bar`)
+      ?.setAttribute('role', 'menu');
+    document.querySelectorAll(`.${prefix}--header__menu-bar li`).forEach(e => {
+      e.setAttribute('role', 'menuitem');
+      e.querySelector('a').removeAttribute('role');
+    });
+  }, []);
+
   /**
    * Top masthead navigation
    *

diff --git a/packages/react/src/components/TableOfContents/TOCMobile.js b/packages/react/src/components/TableOfContents/TOCMobile.js
@@ -79,6 +79,7 @@ const TOCMobile = ({ menuItems, selectedId, menuLabel, updateState }) => {
       data-autoid={`${stablePrefix}--tableofcontents__mobile`}>
       <div className={`${prefix}--tableofcontents__mobile__select__wrapper`}>
         <select
+          aria-label={menuLabel}
           className={`${prefix}--tableofcontents__mobile__select`}
           onBlur={handleOnBlur}
           value={selectedOption}

diff --git a/packages/react/tests/e2e-storybook/cypress/support/commands.js b/packages/react/tests/e2e-storybook/cypress/support/commands.js
@@ -99,7 +99,7 @@ Cypress.Commands.add('checkAxeA11y', (context, additionalRules) => {
     context || null,
     {
       rules: rules,
-      includedImpacts: ['critical']
+      includedImpacts: ['critical', 'serious']
     },
     terminalLog,
     true

diff --git a/packages/services-store/package.json b/packages/services-store/package.json
@@ -41,7 +41,7 @@
   "dependencies": {
     "@carbon/ibmdotcom-services": "1.32.0-rc.0",
     "@carbon/ibmdotcom-utilities": "1.31.0",
-    "carbon-components": "10.54.0",
+    "carbon-components": "10.55.1",
     "redux": "^4.0.0",
     "redux-logger": "^3.0.0",
     "redux-thunk": "^2.3.0",

diff --git a/packages/services/package.json b/packages/services/package.json
@@ -49,7 +49,7 @@
   "dependencies": {
     "@babel/runtime": "^7.5.0",
     "@carbon/ibmdotcom-utilities": "1.31.0",
-    "@carbon/telemetry": "0.0.0-alpha.6",
+    "@carbon/telemetry": "0.1.0",
     "axios": "~0.21.4",
     "marked": "^4.0.10",
     "window-or-global": "^1.0.1"

diff --git a/packages/styles/package.json b/packages/styles/package.json
@@ -31,15 +31,15 @@
     "upgrade-carbon": "yarn upgrade-interactive @carbon/grid @carbon/import-once @carbon/layout @carbon/motion @carbon/themes @carbon/type carbon-components @carbon/icons-react --latest --exact"
   },
   "dependencies": {
-    "@carbon/grid": "10.42.0",
-    "@carbon/icons-react": "10.47.0",
+    "@carbon/grid": "10.43.0",
+    "@carbon/icons-react": "10.48.0",
     "@carbon/import-once": "10.7.0",
     "@carbon/layout": "10.37.0",
     "@carbon/motion": "10.29.0",
-    "@carbon/telemetry": "0.0.0-alpha.6",
-    "@carbon/themes": "10.52.0",
-    "@carbon/type": "10.42.0",
-    "carbon-components": "10.54.0"
+    "@carbon/telemetry": "0.1.0",
+    "@carbon/themes": "10.53.1",
+    "@carbon/type": "10.43.1",
+    "carbon-components": "10.55.1"
   },
   "devDependencies": {
     "autoprefixer": "^9.8.0",

diff --git a/packages/styles/scss/components/tabs-extended-media/_tabs-extended-media.scss b/packages/styles/scss/components/tabs-extended-media/_tabs-extended-media.scss
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2021
+ * Copyright IBM Corp. 2016, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -15,8 +15,9 @@
 @mixin tabs-extended-media {
   :host(#{$dds-prefix}-tabs-extended-media) {
     margin: 0;
-    grid-column: 1 / span 16;
+    display: flex;
     overflow-x: hidden;
+
     @include carbon--breakpoint(sm) {
       padding-top: $carbon--spacing-07;
       padding-bottom: $carbon--spacing-12;
@@ -27,50 +28,38 @@
     }
 
     ::slotted([slot='heading']) {
-      grid-column: 1 / span 1;
-      grid-row: 1;
       margin-bottom: $carbon--spacing-09;
-      margin-left: $carbon--spacing-05;
-      margin-right: $carbon--spacing-05;
+      padding-left: $carbon--spacing-05;
+      padding-right: $carbon--spacing-05;
+
       @include carbon--breakpoint(lg) {
         padding-top: var(--cds-spacing-04, 0.75rem);
-        margin-left: 0;
-        margin-right: 0;
       }
     }
 
     .#{$prefix}--tabs-extended-media {
-      display: grid;
-      column-gap: $carbon--spacing-07;
-      @include carbon--breakpoint(sm) {
-        grid-template-columns: repeat(1, 1fr);
-      }
       @include carbon--breakpoint(lg) {
-        grid-template-columns: repeat(4, 1fr);
+        display: flex;
       }
     }
 
-    .#{$prefix}--tabs-extended {
-      @include carbon--breakpoint(sm) {
-        grid-column: 1 / span 1;
-        grid-row: 2;
-      }
+    .#{$prefix}--heading {
       @include carbon--breakpoint(lg) {
-        grid-column: 2 / span 3;
-        grid-row: 1;
+        flex: 0 0 25%;
       }
     }
 
     .#{$prefix}--tab-content {
-      padding: 0;
+      padding-left: $carbon--spacing-05;
+      padding-right: $carbon--spacing-05;
     }
 
     .#{$prefix}--accordion__content {
       margin-top: -$carbon--spacing-07;
       margin-bottom: $carbon--spacing-05;
       padding-bottom: 0;
-      padding-left: 0;
-      padding-right: 0;
+      padding-left: $carbon--spacing-05;
+      padding-right: $carbon--spacing-05;
 
       @include carbon--breakpoint(md) {
         margin-bottom: -$carbon--spacing-05;

diff --git a/packages/styles/scss/components/tabs-extended/_tabs-extended.scss b/packages/styles/scss/components/tabs-extended/_tabs-extended.scss
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2021
+ * Copyright IBM Corp. 2016, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -26,7 +26,7 @@
 
       .#{$prefix}--tabs__nav-item {
         min-height: $spacing-09;
-        width: $spacing-13;
+        width: calc(100% / (12 / 2) - (#{$spacing-01} / 2));
         height: auto;
 
         p {
@@ -68,7 +68,7 @@
         border: initial;
         border-bottom: carbon--rem(2px) solid $ui-03;
         display: inline-flex;
-        width: $spacing-13;
+        width: 100%;
         text-align: left;
 
         &[hasTooltip] {

diff --git a/packages/utilities/package.json b/packages/utilities/package.json
@@ -48,9 +48,9 @@
     "upgrade-carbon": "yarn upgrade-interactive carbon-components --latest --exact"
   },
   "dependencies": {
-    "@carbon/telemetry": "0.0.0-alpha.6",
+    "@carbon/telemetry": "0.1.0",
     "axios": "~0.21.4",
-    "carbon-components": "10.54.0",
+    "carbon-components": "10.55.1",
     "isomorphic-dompurify": "0.4.0",
     "js-cookie": "^2.2.1",
     "marked": "^4.0.10",