Merge pull request #2932 from carbon-design-system/2929-upgrade-carbon

2929 upgrade carbon
carbon-design-system · Nov 11, 2021 · 143971a · 143971a
2 parents 52dbcbf + 901434c
commit 143971a
Show file tree

Hide file tree

Showing 100 changed files with 4,828 additions and 6,495 deletions.
diff --git a/.github/workflows/test-app.yml b/.github/workflows/test-app.yml
@@ -48,13 +48,15 @@ jobs:
         run: |
           cd packages/react
           yarn build
+          mkdir -p dist
+          cp -rf package.json umd scss lib es css ./dist
 
       - name: Archive build artifacts
         if: ${{ success() }} && steps.changes.outputs.react == 'true'
         uses: actions/upload-artifact@v2
         with:
           name: dist
-          path: packages/react
+          path: packages/react/dist
 
   create-test-app:
     name: Create test app and build
@@ -85,6 +87,7 @@ jobs:
         if: steps.changes.outputs.react == 'true'
         run: |
           cd dist
+          yarn install --frozen-lockfile --production
           yarn link
           cd ../test-app
           yarn link carbon-addons-iot-react

diff --git a/packages/react/.storybook/__snapshots__/Welcome.story.storyshot b/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
@@ -122,6 +122,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
           </svg>
           <div
             className="bx--accordion__title"
+            dir="auto"
           >
             Exports table
           </div>
@@ -966,6 +967,23 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   FileUploaderItem
                 </div>
               </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  FilterableMultiSelect
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  FilterableMultiSelect
+                </div>
+              </div>
               <div
                 className="bx--structured-list-row"
                 role="row"
@@ -1238,6 +1256,21 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   MultiSelect
                 </div>
               </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  ActionableNotification
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
               <div
                 className="bx--structured-list-row"
                 role="row"
@@ -1425,6 +1458,40 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   PaginationNav
                 </div>
               </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  ControlledPasswordInput
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  ControlledPasswordInput
+                </div>
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  PasswordInput
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  PasswordInput
+                </div>
+              </div>
               <div
                 className="bx--structured-list-row"
                 role="row"
@@ -3452,6 +3519,66 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   role="cell"
                 />
               </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_usePrefix
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_HStack
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_Stack
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_VStack
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
               <div
                 className="bx--structured-list-row"
                 role="row"

diff --git a/.../baseline/components/CardCodeEditor/CardCodeEditor.test.e2ex-CardCodeEditor.png b/.../baseline/components/CardCodeEditor/CardCodeEditor.test.e2ex-CardCodeEditor.png
diff --git a/...ess-visual-screenshots/baseline/components/Table/Table.test.e2ex-snapshot-1.png b/...ess-visual-screenshots/baseline/components/Table/Table.test.e2ex-snapshot-1.png
diff --git a/...ess-visual-screenshots/baseline/components/Table/Table.test.e2ex-snapshot-3.png b/...ess-visual-screenshots/baseline/components/Table/Table.test.e2ex-snapshot-3.png
diff --git a/packages/react/cypress/integration/codesandbox.spec.js b/packages/react/cypress/integration/codesandbox.spec.js
@@ -6,7 +6,7 @@ describe('CodeSandbox', () => {
   it(
     'should build and load',
     {
-      defaultCommandTimeout: 60000,
+      defaultCommandTimeout: 120000,
     },
     () => {
       // load sandbox

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -169,16 +169,16 @@
     "@babel/runtime": "^7.10.2",
     "@carbon/charts": "0.50.4",
     "@carbon/charts-react": "0.50.4",
-    "@carbon/colors": "10.28.0",
-    "@carbon/icons-react": "10.35.0",
-    "@carbon/layout": "10.27.0",
-    "@carbon/motion": "10.20.0",
-    "@carbon/pictograms-react": "11.13.0",
+    "@carbon/colors": "10.34.0",
+    "@carbon/icons-react": "10.42.0",
+    "@carbon/layout": "10.34.0",
+    "@carbon/motion": "10.26.0",
+    "@carbon/pictograms-react": "11.20.0",
     "@carbon/telemetry": "^0.0.0-alpha.6",
-    "@carbon/themes": "10.38.0",
+    "@carbon/themes": "10.46.0",
     "@monaco-editor/react": "^3.6.2",
-    "carbon-components": "10.39.0",
-    "carbon-components-react": "7.39.0",
+    "carbon-components": "10.47.1",
+    "carbon-components-react": "7.47.2",
     "carbon-icons": "^7.0.7",
     "classnames": "^2.2.5",
     "core-js": "3.6.5",
@@ -331,7 +331,7 @@
     "rollup-plugin-filesize": "^9.1.1",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-uglify": "^6.0.4",
-    "sass": "^1.34.0",
+    "sass": "^1.42.1",
     "storybook-addon-rtl": "^0.2.2",
     "style-loader": "^0.23.1",
     "stylelint": "^10.1.0",

diff --git a/packages/react/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot b/packages/react/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot
@@ -44,6 +44,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/A
           </svg>
           <div
             className="bx--accordion__title"
+            dir="auto"
           >
             A section without deferred content rendering
           </div>
@@ -88,6 +89,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/A
           </svg>
           <div
             className="bx--accordion__title"
+            dir="auto"
           >
             A section with deferred content rendering
           </div>

diff --git a/packages/react/src/components/AddCard/AddCard.jsx b/packages/react/src/components/AddCard/AddCard.jsx
@@ -24,7 +24,7 @@ const AddCard = ({ onClick, title, className, testId }) => (
   <ClickableTile
     data-testid={testId}
     className={classnames(`${iotPrefix}-add-card`, className)}
-    handleClick={onClick}
+    onClick={onClick}
   >
     <p className={`${iotPrefix}-addcard-title`}>{title}</p>
     <Add20 fill={g10.icon01} description={title} />

diff --git a/packages/react/src/components/Button/__snapshots__/Button.story.storyshot b/packages/react/src/components/Button/__snapshots__/Button.story.storyshot
@@ -256,13 +256,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B
           className="bx--loading__background"
           cx="50%"
           cy="50%"
-          r="42"
+          r="44"
         />
         <circle
           className="bx--loading__stroke"
           cx="50%"
           cy="50%"
-          r="42"
+          r="44"
         />
       </svg>
     </div>
@@ -312,13 +312,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B
           className="bx--loading__background"
           cx="50%"
           cy="50%"
-          r="42"
+          r="44"
         />
         <circle
           className="bx--loading__stroke"
           cx="50%"
           cy="50%"
-          r="42"
+          r="44"
         />
       </svg>
     </div>