Merge release/2.0.0-rc into main branch (#931)

* add Spacing stories to foundations (#914)

* Improve Drawer breakpoints on tablets (#921)

* Storybook 7 upgrade (#911)

* move btn-focus-outline--dark-bg to buttons styles (#917)

* add TableFoot, update TableCell hover, and allow stickyRowBottom (#916)

* bump node version max to 19 (#926)

* remove unused react-scripts (#928)

Author: github-actions[bot]

.babelrc

@@ -6,6 +6,8 @@
   "plugins": [
     "@babel/plugin-transform-runtime",
     "@babel/plugin-proposal-object-rest-spread",
+    ["@babel/plugin-proposal-private-property-in-object", { "loose": true }],
+    ["@babel/plugin-proposal-private-methods", { "loose": true }],
     ["module-resolver", {
       "alias": {
         "src": "./src",
@@ -18,6 +20,9 @@
       "plugins": [
         [
           "@babel/plugin-proposal-class-properties",
+          {
+            "loose": true
+          }
         ],
         [
           "transform-react-remove-prop-types",
@@ -31,6 +36,9 @@
       "plugins": [
         [
           "@babel/plugin-proposal-class-properties",
+          {
+            "loose": true
+          }
         ]
       ]
     }

.github/workflows/chromatic.yml

@@ -19,9 +19,9 @@ jobs:
       - uses: actions/checkout@v2
         with:
           fetch-depth: 0 # 👈 Required to retrieve git history
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: '14.17.4'
+          node-version-file: '.node-version'
       - run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
           npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
       - run: yarn

.github/workflows/create-new-release.yml

@@ -10,9 +10,9 @@ jobs:
       FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: '14.17.4'
+          node-version-file: '.node-version'
       - run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
           npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
       - run: yarn install

.github/workflows/gh-pages-deploy.yml

@@ -13,9 +13,9 @@
         - name: Checkout branch
           uses: actions/checkout@v2
         - name: Setup node
-          uses: actions/setup-node@v1
+          uses: actions/setup-node@v3
           with:
-            node-version: '14.17.4'
+            node-version-file: '.node-version'
 
         - name: Configure npm
           run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&

.github/workflows/lint.yml

@@ -9,9 +9,9 @@ jobs:
       FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: '14.17.4'
+          node-version-file: '.node-version'
       - run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
           npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
       - run: yarn

.github/workflows/prepare-hotfix.yml

@@ -15,9 +15,9 @@ jobs:
       - uses: actions/checkout@v2
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: '14.17.4'
+          node-version-file: '.node-version'
 
       - name: Create hotfix branch
         run: git checkout -b hotfix/${{ github.event.inputs.version }}

.github/workflows/prepare-release.yml

@@ -15,9 +15,9 @@ jobs:
       - uses: actions/checkout@v2
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: '14.17.4'
+          node-version-file: '.node-version'
 
       - name: Create release branch
         run: git checkout -b release/${{ github.event.inputs.version }}

.github/workflows/test.yml

@@ -9,9 +9,9 @@ jobs:
       FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: '14.17.4'
+          node-version-file: '.node-version'
       - run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
             npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
       - run: yarn

.node-version

@@ -0,0 +1 @@
+16.20.0

.storybook/main.js

@@ -1,20 +1,40 @@
-module.exports = {
+const config = {
   addons: [
     {
       name: '@storybook/addon-docs',
-      options: { mdxBabelOptions: { babelrc: true, configFile: true } },
+      options: {
+        jsxOptions: {
+          babelrc: true,
+          configFile: true
+        }
+      }
     },
     '@storybook/addon-a11y',
-    '@storybook/addon-actions/register',
-    '@storybook/addon-knobs/register',
-    '@storybook/addon-links/register',
-    '@storybook/addon-storysource/register'
+    '@storybook/addon-actions',
+    '@storybook/addon-controls',
+    '@storybook/addon-links',
+    '@storybook/addon-knobs',
+    '@storybook/addon-storysource',
+    '@storybook/addon-mdx-gfm'
   ],
+  docs: {
+    autodocs: true,
+    defaultName: 'Docs',
+  },
   stories: [
     '../stories/Intro.stories.mdx',
     '../src/**/*.stories.@(js|mdx)',
     '../src/**/*.stories.js[x]',
     '../stories/**/*.stories.mdx',
     '../stories/**/*.stories.js[x]'
-  ]
+  ],
+  features: {
+    storyStoreV7: false,
+  },
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: { fastRefresh: true },
+  },
 };
+
+export default config;