Merge branch 'main' into HCM-updates

Author: tw15egan

.yarn/cache/@babel-compat-data-npm-7.13.12-5237329d0e-a246d004a1.zip renamed to .yarn/cache/@babel-compat-data-npm-7.13.15-918c0afecc-f43046d95a.zip

@@ -19,6 +19,6 @@
   ],
   "dependencies": {
     "@babel/preset-env": "^7.12.13",
-    "jscodeshift": "^0.11.0"
+    "jscodeshift": "^0.12.0"
   }
 }

.yarn/cache/@babel-core-npm-7.13.14-f50bfae47b-3c08166ab8.zip renamed to .yarn/cache/@babel-core-npm-7.13.16-42012903a1-bb311e7acb.zip

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export * from '@carbon/icons-react';

.yarn/cache/@babel-generator-npm-7.13.9-fd99b9df46-1b0e9fa1b5.zip renamed to .yarn/cache/@babel-generator-npm-7.13.16-dcf931b10c-6aa65912b9.zip

@@ -0,0 +1,4 @@
+{
+  "main": "lib/index.js",
+  "module": "es/index.js"
+}

.yarn/cache/@babel-helper-compilation-targets-npm-7.13.13-920e7fb719-5448567b11.zip

@@ -6,11 +6,6 @@
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "type": "module",
-  "exports": {
-    "import": "./es/index.js",
-    "require": "./lib/index.js"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/carbon-design-system/carbon.git",
@@ -21,7 +16,10 @@
     "es",
     "lib",
     "scss",
-    "index.scss"
+    "index.scss",
+    "icons/es",
+    "icons/lib",
+    "icons/package.json"
   ],
   "keywords": [
     "ibm",
@@ -31,17 +29,19 @@
     "react"
   ],
   "scripts": {
-    "build": "yarn clean && rollup -c",
+    "build": "yarn clean && node tasks/build.js",
     "clean": "rimraf es lib",
-    "watch": "yarn clean && rollup -c -w"
+    "postinstall": "carbon-telemetry collect --install"
   },
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
   "dependencies": {
     "@carbon/feature-flags": "^0.3.0",
+    "@carbon/icons-react": "^10.30.0",
     "@carbon/styles": "^0.4.0",
+    "@carbon/telemetry": "0.0.0-alpha.6",
     "carbon-components-react": "^7.33.0"
   },
   "devDependencies": {
@@ -56,6 +56,7 @@
     "@rollup/plugin-commonjs": "^18.0.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "babel-plugin-dev-expression": "^0.2.2",
+    "browserslist-config-carbon": "^10.6.1",
     "prop-types": "^15.7.2",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",

.yarn/cache/@babel-helper-compilation-targets-npm-7.13.16-e8eed91d8d-08c8fcd998.zip

@@ -0,0 +1,121 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const { babel } = require('@rollup/plugin-babel');
+const commonjs = require('@rollup/plugin-commonjs');
+const { nodeResolve } = require('@rollup/plugin-node-resolve');
+const path = require('path');
+const { rollup } = require('rollup');
+const stripBanner = require('rollup-plugin-strip-banner');
+const packageJson = require('../package.json');
+
+async function build() {
+  const entrypoints = [
+    {
+      filepath: path.resolve(__dirname, '..', 'src', 'index.js'),
+      outputDirectory: path.resolve(__dirname, '..'),
+    },
+    {
+      filepath: path.resolve(__dirname, '..', 'icons', 'index.js'),
+      outputDirectory: path.resolve(__dirname, '..', 'icons'),
+    },
+  ];
+  const formats = [
+    {
+      type: 'esm',
+      directory: 'es',
+    },
+    {
+      type: 'commonjs',
+      directory: 'lib',
+    },
+  ];
+
+  for (const entrypoint of entrypoints) {
+    const inputConfig = getRollupConfig(entrypoint.filepath);
+    const bundle = await rollup(inputConfig);
+
+    for (const format of formats) {
+      await bundle.write({
+        dir: path.join(entrypoint.outputDirectory, format.directory),
+        format: format.type,
+        preserveModules: true,
+        preserveModulesRoot: path.dirname(entrypoint.filepath),
+        banner,
+        exports: 'auto',
+      });
+    }
+  }
+}
+
+const banner = `/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+`;
+
+function getRollupConfig(input) {
+  return {
+    input,
+    external: [
+      ...Object.keys(packageJson.peerDependencies),
+      ...Object.keys(packageJson.dependencies),
+      ...Object.keys(packageJson.devDependencies),
+    ],
+    plugins: [
+      nodeResolve(),
+      commonjs({
+        include: /node_modules/,
+      }),
+      babel({
+        babelrc: false,
+        exclude: ['node_modules/**'],
+        presets: [
+          [
+            '@babel/preset-env',
+            {
+              modules: false,
+              targets: {
+                browsers: ['extends browserslist-config-carbon'],
+              },
+            },
+          ],
+          '@babel/preset-react',
+        ],
+        plugins: [
+          'dev-expression',
+          '@babel/plugin-proposal-class-properties',
+          '@babel/plugin-proposal-export-namespace-from',
+          '@babel/plugin-proposal-export-default-from',
+          '@babel/plugin-transform-react-constant-elements',
+        ],
+        babelHelpers: 'bundled',
+      }),
+      stripBanner(),
+      {
+        transform(_code, id) {
+          // Make sure to mark feature-flags.js as having side-effects to make
+          // sure it gets included in the final bundle
+          if (id === path.join(__dirname, 'src', 'feature-flags.js')) {
+            return {
+              moduleSideEffects: true,
+            };
+          }
+        },
+      },
+    ],
+  };
+}
+
+build().catch((error) => {
+  console.log(error);
+  process.exit(1);
+});

.yarn/cache/@babel-helpers-npm-7.13.10-1c8303d269-3f55d6b7b0.zip

@@ -115,7 +115,7 @@
     width: 1rem;
     height: 1rem;
     margin: $accordion-arrow-margin;
-    transform: rotate(90deg) #{'/*rtl:ignore*/'};
+    transform: rotate(-270deg) #{'/*rtl:ignore*/'};
     transition: all $duration--fast-02 motion(standard, productive);
     fill: $ui-05;
   }

.yarn/cache/@babel-helpers-npm-7.13.17-83bce7ca54-825fee4734.zip

@@ -138,7 +138,9 @@
       padding: $button-padding-ghost-sm;
     }
 
-    &.#{$prefix}--btn--field {
+    // V11: remove field
+    &.#{$prefix}--btn--field,
+    &.#{$prefix}--btn--md {
       padding: $button-padding-ghost-field;
     }
   }
@@ -299,7 +301,9 @@
     cursor: not-allowed;
   }
 
-  .#{$prefix}--btn--field.#{$prefix}--btn--icon-only {
+  // V11: remove field
+  .#{$prefix}--btn--field.#{$prefix}--btn--icon-only,
+  .#{$prefix}--btn--md.#{$prefix}--btn--icon-only {
     padding-right: rem(11px);
     padding-left: rem(11px);
   }
@@ -402,7 +406,9 @@
         padding: $button-padding-ghost-sm;
       }
 
-      &.#{$prefix}--btn--field {
+      // V11: Remove field
+      &.#{$prefix}--btn--field,
+      &.#{$prefix}--btn--md {
         padding: $button-padding-ghost-field;
       }
     }
@@ -413,19 +419,23 @@
     padding: $button-padding-sm;
   }
 
+  // V11: change xl to 2xl
   .#{$prefix}--btn--xl:not(.#{$prefix}--btn--icon-only) {
     @include button-padding-large;
 
     min-height: rem(80px);
   }
 
+  // V11: change lg to xl
   .#{$prefix}--btn--lg:not(.#{$prefix}--btn--icon-only) {
     @include button-padding-large;
 
     min-height: rem(64px);
   }
 
-  .#{$prefix}--btn--field {
+  // V11: Remove field
+  .#{$prefix}--btn--field,
+  .#{$prefix}--btn--md {
     min-height: rem(40px);
     padding: $button-padding-field;
   }