Update package dependencies and remove unused modules

- Upgraded `webpack-bundle-analyzer` from v3.8.0 to v4.10.2 in both `package.json` and `package-lock.json`.
- Updated various dependencies in `react-components` and `react-layouts` to their latest versions, including `@puppet/react-components` and `@puppet/sass-variables`.
- Removed unused imports and components from `react-components` and `react-layouts`, specifically `Filters`, `Columns`, and `PageContent`.

packages/design-system-website/package.json

@@ -17,7 +17,7 @@
     "@babel/preset-env": "^7.11.0",
     "@babel/preset-react": "^7.10.4",
     "@babel/register": "^7.10.5",
-    "@puppet/sass-variables": "^1.4.3",
+    "@puppet/sass-variables": "^2.0.0-alpha.3",
     "@webpack-cli/configtest": "^2.1.1",
     "@webpack-cli/info": "^2.0.2",
     "@webpack-cli/serve": "^2.0.5",
@@ -36,6 +36,7 @@
     "enzyme-adapter-react-16": "^1.15.3",
     "file-loader": "^6.2.0",
     "jsdom": "^15.2.1",
+    "mini-css-extract-plugin": "^2.9.2",
     "mocha": "^6.2.3",
     "mocha-jsdom": "^2.0.0",
     "namor": "^2.0.2",
@@ -50,16 +51,16 @@
     "sinon": "^7.5.0",
     "sinon-chai": "^3.5.0",
     "webpack": "^5.95.0",
-    "webpack-bundle-analyzer": "^3.8.0",
+    "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^3.11.0",
     "webpack-node-externals": "^1.7.2"
   },
   "dependencies": {
     "@popperjs/core": "^2.9.2",
-    "@puppet/data-grid": "^0.2.7",
-    "@puppet/react-components": "^5.34.10",
-    "@puppet/react-layouts": "^2.0.0-alpha.4",
+    "@puppet/data-grid": "^1.0.0-alpha.5",
+    "@puppet/react-components": "^6.0.0-alpha.17",
+    "@puppet/react-layouts": "^2.0.0-alpha.6",
     "brace": "^0.11.1",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",

packages/react-components/package.json

@@ -73,7 +73,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@puppet/sass-variables": "^1.4.4",
+    "@puppet/sass-variables": "^2.0.0-alpha.3",
     "classnames": "^2.5.1",
     "core-js": "^3.38.1",
     "hoist-non-react-statics": "^3.3.2",

packages/react-components/source/index.js

@@ -61,7 +61,6 @@ export {
   Copy,
   Drawer,
   Detail,
-  Filters,
   Form,
   Heading,
   Icon,

packages/react-components/source/react/library/radiobutton/RadioButton.js

@@ -73,7 +73,7 @@ const RadioButton = ({
         className={classNames('rc-radiobutton', {
           'rc-radiobutton-error': error,
         })}
-        onChange={(e) => onChange(e.target.checked, e)}
+        onChange={(e) => onChange(value, e)}
         {...otherProps}
       />
       <Icon svg={radioDot.svg} viewBox={radioDot.viewBox} />

packages/react-components/webpack.config.js

@@ -1,7 +1,6 @@
 const webpack = require('webpack');
 const path = require('path');
 const nodeExternals = require('webpack-node-externals');
-const { type } = require('os');
 
 const env = process.env.NODE_ENV || 'development';
 let plugins;

packages/react-layouts/package.json

@@ -24,8 +24,8 @@
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@puppet/react-components": "^5.34.10",
-    "@puppet/sass-variables": "^1.4.4",
+    "@puppet/react-components": "^6.0.0-alpha.17",
+    "@puppet/sass-variables": "^2.0.0-alpha.3",
     "classnames": "^2.5.1",
     "prop-types": "^15.8.1"
   },

packages/react-layouts/src/index.js

@@ -1,6 +1,4 @@
 import Authentication from './Authentication';
-import Columns from './Columns';
-import PageContent from './PageContent';
 import 'index.scss';
 
-export { Authentication, Columns, PageContent };
+export default { Authentication };

packages/sass-variables/_typography.scss

@@ -224,15 +224,15 @@ $puppet-type-code-block-line-height: calc(22 / 16) !default;
 }
 
 @mixin puppet-type-large($color: base) {
-  color: map-get($puppet-type-colors, $color);
+  color: map.get($puppet-type-colors, $color);
   font-family: $puppet-type-large-font-family;
   font-size: $puppet-type-large-font-size;
   font-weight: $puppet-type-large-font-weight;
   line-height: $puppet-type-large-line-height;
 }
 
 @mixin puppet-type-medium($color: base) {
-  color: map-get($puppet-type-colors, $color);
+  color: map.get($puppet-type-colors, $color);
   font-family: $puppet-type-medium-font-family;
   font-size: $puppet-type-medium-font-size;
   font-weight: $puppet-type-medium-font-weight;
@@ -316,12 +316,6 @@ $puppet-type-code-block-line-height: calc(22 / 16) !default;
   line-height: $puppet-type-code-tiny-line-height;
 }
 
-  // background-color: $puppet-n100;
-  // border-left: 8px solid $puppet-n300;
-  // display: block;
-  // padding: 0;
-  // white-space: pre;
-
 @mixin puppet-type-code-block() {
   background-color: $puppet-n50;
   border-left: 8px solid $puppet-n300;