Merge branch 'main' into funnel/button-link-events

.github/workflows/bundle-size/package.json

@@ -4,7 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "build": "node build.js"
+    "build": "node build.js",
+    "preinstall": "node ./unlock-package-lock.cjs"
   },
   "dependencies": {
     "@cloudscape-design/components": "*",

.github/workflows/bundle-size/unlock-package-lock.cjs

@@ -0,0 +1,29 @@
+#!/usr/bin/env node
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+const fs = require('fs');
+const path = require('path');
+
+/**
+ * Remove specific @cloudscape-design/* packages where we should always use the latest minor release.
+ */
+const filename = path.resolve(__dirname, 'package-lock.json');
+const packageLock = JSON.parse(fs.readFileSync(filename));
+
+Object.keys(packageLock.packages).forEach(dependencyName => {
+  removeDependencies(dependencyName, packageLock.packages);
+});
+
+Object.keys(packageLock.dependencies).forEach(dependencyName => {
+  removeDependencies(dependencyName, packageLock.dependencies);
+});
+
+fs.writeFileSync(filename, JSON.stringify(packageLock, null, 2) + '\n');
+console.log('Removed @cloudscape-design/ dependencies from package-lock file');
+
+function removeDependencies(dependencyName, packages) {
+  if (dependencyName.includes('@cloudscape-design/')) {
+    delete packages[dependencyName];
+  }
+}

README.md

@@ -25,7 +25,7 @@ Here is a basic example that renders a primary button:
 import Button from '@cloudscape-design/components/button';
 import '@cloudscape-design/global-styles/index.css';
 
-function App {
+function App() {
   return <Button variant="primary">Click me</Button>;
 }
 ```