Merge release/2.0.2 into main branch (#954)

* Move deploy to GitHub actions (#950)

* add MoneyInput component (#951)

* add IconButton (#953)

Author: github-actions[bot]

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

@@ -1,30 +1,46 @@
   name: Deploy to github pages
   on:
+    workflow_dispatch:
     push:
       branches:
         - main
+
+  # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+  permissions:
+    contents: read
+    pages: write
+    id-token: write
+
   jobs:
     gh-pages-deploy:
       name: Deploying to gh-pages
       runs-on: ubuntu-latest
-      env:
-        FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
       steps:
         - name: Checkout branch
-          uses: actions/checkout@v2
+          uses: actions/checkout@v3
+
         - name: Setup node
           uses: actions/setup-node@v3
           with:
             node-version-file: '.node-version'
+            cache: 'yarn'
 
         - name: Configure npm
           run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
-               npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
+               npm config set "//npm.fontawesome.com/:_authToken" ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
 
         - name: Install dependencies
           run: yarn install
 
-        - name: Run deploy script
-          run: yarn deploy-storybook -- --ci
-          env:
-            GH_TOKEN: ${{ github.actor }}:${{ secrets.GITHUB_TOKEN }}
+        - name: Build
+          run: yarn build-storybook
+
+        - name: Upload
+          uses: actions/[email protected]
+          with:
+            path: 'storybook-static'
+
+        - name: Deploy
+          uses: actions/deploy-pages@v1
+          with:
+            token: ${{ github.token }}

.storybook/main.js

@@ -11,6 +11,7 @@ const config = {
     },
     '@storybook/addon-a11y',
     '@storybook/addon-actions',
+    '@storybook/addon-backgrounds',
     '@storybook/addon-controls',
     '@storybook/addon-links',
     '@storybook/addon-knobs',

.storybook/preview.js

@@ -1,5 +1,28 @@
+import colors from '../src/Styles/colors/palette';
+
 const preview = {
   parameters: {
+    backgrounds: {
+      default: '$ux-white',
+      values: [
+        {
+          name: '$ux-white',
+          value: colors.UX_WHITE,
+        },
+        {
+          name: '$ux-cream',
+          value: colors.UX_CREAM,
+        },
+        {
+          name: '$ux-emerald-600',
+          value: colors.UX_EMERALD_600,
+        },
+        {
+          name: '$ux-neutral-800',
+          value: colors.UX_NEUTRAL_800,
+        }
+      ],
+    },
     options: {
       storySort: {
         order: ['Foundations', 'Components'],

package.json

@@ -1,8 +1,9 @@
 {
   "name": "@user-interviews/ui-design-system",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "dependencies": {
     "react-bootstrap": "^2.5.0",
+    "react-currency-input-field": "^3.6.10",
     "react-loading-skeleton": "^3.1.0",
     "react-router-dom": "^5.2.0",
     "react-select": "^5.0.0",
@@ -15,7 +16,6 @@
     "build-storybook": "storybook build -s public",
     "build-storybook-docs": "storybook build -s public --docs",
     "chromatic": "npx chromatic",
-    "deploy-storybook": "storybook-to-ghpages",
     "lint": "eslint . --ext .js,.jsx",
     "prepublishOnly": "yarn build",
     "rs:link": "bin/link-rs",
@@ -60,6 +60,7 @@
     "@babel/cli": "^7.8.4",
     "@babel/core": "^7.8.4",
     "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.0",
     "@babel/plugin-transform-runtime": "^7.12.1",
     "@babel/preset-env": "^7.8.4",
     "@babel/runtime": "^7.12.5",
@@ -71,6 +72,7 @@
     "@popperjs/core": "^2.5.3",
     "@storybook/addon-a11y": "7.0.8",
     "@storybook/addon-actions": "7.0.8",
+    "@storybook/addon-backgrounds": "7.0.8",
     "@storybook/addon-controls": "^7.0.8",
     "@storybook/addon-docs": "7.0.8",
     "@storybook/addon-jest": "7.0.8",
@@ -82,7 +84,6 @@
     "@storybook/addons": "7.0.8",
     "@storybook/react": "7.0.8",
     "@storybook/react-webpack5": "7.0.8",
-    "@storybook/storybook-deployer": "^2.8.16",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^3.2.1",