chore: build(deps-dev): bump css-loader from 3.5.3 to 4.2.2 in /amundsen_application/static (#647)

* build(deps-dev): bump css-loader in /amundsen_application/static

Bumps [css-loader](https://github.com/webpack-contrib/css-loader) from 3.5.3 to 4.2.2.
- [Release notes](https://github.com/webpack-contrib/css-loader/releases)
- [Changelog](https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md)
- [Commits](https://github.com/webpack-contrib/css-loader/compare/v3.5.3...v4.2.2)
Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Updates url paths to be relative
Signed-off-by: Marcos Iglesias <miglesiasvalle@lyft.com>
Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: Marcos Iglesias <miglesiasvalle@lyft.com>

amundsen_application/static/css/_buttons-default.scss

@@ -129,8 +129,8 @@
     border: none;
     height: 18px;
     margin: 4px 0 0;
-    -webkit-mask-image: url('/static/images/icons/Close.svg');
-    mask-image: url('/static/images/icons/Close.svg');
+    -webkit-mask-image: url('../images/icons/Close.svg');
+    mask-image: url('../images/icons/Close.svg');
     -webkit-mask-position: center;
     mask-position: center;
     -webkit-mask-size: contain;

amundsen_application/static/css/_fonts-default.scss

@@ -8,7 +8,7 @@
   font-family: 'Space Mono';
   font-style: normal;
   font-weight: $font-weight-header-regular;
-  src: url('/static/fonts/SpaceMono-Regular.ttf') format('truetype');
+  src: url('../fonts/SpaceMono-Regular.ttf') format('truetype');
 }
 
 // Roboto
@@ -16,14 +16,14 @@
   font-family: 'Roboto';
   font-style: normal;
   font-weight: $font-weight-header-regular;
-  src: url('/static/fonts/Roboto-Medium.ttf') format('truetype');
+  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: $font-weight-header-bold;
-  src: url('/static/fonts/Roboto-Bold.ttf') format('truetype');
+  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
 }
 
 // Open Sans
@@ -31,19 +31,19 @@
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: $font-weight-body-regular;
-  src: url('/static/fonts/OpenSans-Regular.ttf') format('truetype');
+  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: $font-weight-body-semi-bold;
-  src: url('/static/fonts/OpenSans-SemiBold.ttf') format('truetype');
+  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: $font-weight-body-bold;
-  src: url('/static/fonts/OpenSans-Bold.ttf') format('truetype');
+  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
 }

amundsen_application/static/css/_icons.scss

@@ -8,33 +8,33 @@ $icon-small-size: 16px;
 
 // Icons
 // Lookout! When you update one of these, please update the enums on
-// /static/js/interfaces/Enums.ts
+// ../js/interfaces/Enums.ts
 // Map of Database names and icon paths
 $data-stores: (
-  database: '/static/images/icons/Database.svg',
-  hive: '/static/images/icons/logo-hive.svg',
-  bigquery: '/static/images/icons/logo-bigquery.svg',
-  druid: '/static/images/icons/logo-druid.svg',
-  presto: '/static/images/icons/logo-presto.svg',
-  postgres: '/static/images/icons/logo-postgres.svg',
-  redshift: '/static/images/icons/logo-redshift.svg',
+  database: '../images/icons/Database.svg',
+  hive: '../images/icons/logo-hive.svg',
+  bigquery: '../images/icons/logo-bigquery.svg',
+  druid: '../images/icons/logo-druid.svg',
+  presto: '../images/icons/logo-presto.svg',
+  postgres: '../images/icons/logo-postgres.svg',
+  redshift: '../images/icons/logo-redshift.svg',
 );
 
 // Map of Dashboard names and icon paths
 $dashboards: (
-  dashboard: '/static/images/icons/dashboard.svg',
-  mode: '/static/images/icons/logo-mode.svg',
-  redash: '/static/images/icons/logo-redash.svg',
-  tableau: '/static/images/icons/logo-tableau.svg',
+  dashboard: '../images/icons/dashboard.svg',
+  mode: '../images/icons/logo-mode.svg',
+  redash: '../images/icons/logo-redash.svg',
+  tableau: '../images/icons/logo-tableau.svg',
 );
 
 // Map of User names and icon paths
 $users: (
-  users: '/static/images/icons/users.svg',
+  users: '../images/icons/users.svg',
 );
 
 $check: (
-  check: '/static/images/icons/check.svg',
+  check: '../images/icons/check.svg',
 );
 
 // Given a Map of key/value pairs, generates a new class
@@ -94,118 +94,118 @@ img.icon {
   }
 
   &.icon-alert {
-    -webkit-mask-image: url('/static/images/icons/Alert-Triangle.svg');
-    mask-image: url('/static/images/icons/Alert-Triangle.svg');
+    -webkit-mask-image: url('../images/icons/Alert-Triangle.svg');
+    mask-image: url('../images/icons/Alert-Triangle.svg');
   }
 
   &.icon-bookmark {
-    -webkit-mask-image: url('/static/images/icons/Favorite.svg');
-    mask-image: url('/static/images/icons/Favorite.svg');
+    -webkit-mask-image: url('../images/icons/Favorite.svg');
+    mask-image: url('../images/icons/Favorite.svg');
   }
 
   &.icon-bookmark-filled {
-    -webkit-mask-image: url('/static/images/icons/Favorite-Filled.svg');
-    mask-image: url('/static/images/icons/Favorite-Filled.svg');
+    -webkit-mask-image: url('../images/icons/Favorite-Filled.svg');
+    mask-image: url('../images/icons/Favorite-Filled.svg');
   }
 
   &.icon-delete {
-    -webkit-mask-image: url('/static/images/icons/Trash.svg');
-    mask-image: url('/static/images/icons/Trash.svg');
+    -webkit-mask-image: url('../images/icons/Trash.svg');
+    mask-image: url('../images/icons/Trash.svg');
   }
 
   &.icon-red-triangle-warning {
-    -webkit-mask-image: url('/static/images/icons/DataQualityWarning.svg');
-    mask-image: url('/static/images/icons/DataQualityWarning.svg');
+    -webkit-mask-image: url('../images/icons/DataQualityWarning.svg');
+    mask-image: url('../images/icons/DataQualityWarning.svg');
   }
 
   &.icon-down {
-    -webkit-mask-image: url('/static/images/icons/Down.svg');
-    mask-image: url('/static/images/icons/Down.svg');
+    -webkit-mask-image: url('../images/icons/Down.svg');
+    mask-image: url('../images/icons/Down.svg');
   }
 
   &.icon-edit {
-    -webkit-mask-image: url('/static/images/icons/Edit.svg');
-    mask-image: url('/static/images/icons/Edit.svg');
+    -webkit-mask-image: url('../images/icons/Edit.svg');
+    mask-image: url('../images/icons/Edit.svg');
   }
 
   &.icon-help {
-    -webkit-mask-image: url('/static/images/icons/Help-Circle.svg');
-    mask-image: url('/static/images/icons/Help-Circle.svg');
+    -webkit-mask-image: url('../images/icons/Help-Circle.svg');
+    mask-image: url('../images/icons/Help-Circle.svg');
   }
 
   &.icon-github {
-    -webkit-mask-image: url('/static/images/icons/github.svg');
-    mask-image: url('/static/images/icons/github.svg');
+    -webkit-mask-image: url('../images/icons/github.svg');
+    mask-image: url('../images/icons/github.svg');
   }
 
   &.icon-left {
-    -webkit-mask-image: url('/static/images/icons/Left.svg');
-    mask-image: url('/static/images/icons/Left.svg');
+    -webkit-mask-image: url('../images/icons/Left.svg');
+    mask-image: url('../images/icons/Left.svg');
   }
 
   &.icon-loading {
-    -webkit-mask-image: url('/static/images/icons/Loader.svg');
-    mask-image: url('/static/images/icons/Loader.svg');
+    -webkit-mask-image: url('../images/icons/Loader.svg');
+    mask-image: url('../images/icons/Loader.svg');
   }
 
   &.icon-mail {
-    -webkit-mask-image: url('/static/images/icons/mail.svg');
-    mask-image: url('/static/images/icons/mail.svg');
+    -webkit-mask-image: url('../images/icons/mail.svg');
+    mask-image: url('../images/icons/mail.svg');
   }
 
   &.icon-plus {
-    -webkit-mask-image: url('/static/images/icons/plus.svg');
-    mask-image: url('/static/images/icons/plus.svg');
+    -webkit-mask-image: url('../images/icons/plus.svg');
+    mask-image: url('../images/icons/plus.svg');
   }
 
   &.icon-plus-circle {
-    -webkit-mask-image: url('/static/images/icons/Plus-Circle.svg');
-    mask-image: url('/static/images/icons/Plus-Circle.svg');
+    -webkit-mask-image: url('../images/icons/Plus-Circle.svg');
+    mask-image: url('../images/icons/Plus-Circle.svg');
   }
 
   &.icon-preview {
-    -webkit-mask-image: url('/static/images/icons/Preview.svg');
-    mask-image: url('/static/images/icons/Preview.svg');
+    -webkit-mask-image: url('../images/icons/Preview.svg');
+    mask-image: url('../images/icons/Preview.svg');
   }
 
   &.icon-refresh {
-    -webkit-mask-image: url('/static/images/icons/Refresh-cw.svg');
-    mask-image: url('/static/images/icons/Refresh-cw.svg');
+    -webkit-mask-image: url('../images/icons/Refresh-cw.svg');
+    mask-image: url('../images/icons/Refresh-cw.svg');
   }
 
   &.icon-right {
-    -webkit-mask-image: url('/static/images/icons/Right.svg');
-    mask-image: url('/static/images/icons/Right.svg');
+    -webkit-mask-image: url('../images/icons/Right.svg');
+    mask-image: url('../images/icons/Right.svg');
   }
 
   &.icon-search {
-    -webkit-mask-image: url('/static/images/icons/Search.svg');
-    mask-image: url('/static/images/icons/Search.svg');
+    -webkit-mask-image: url('../images/icons/Search.svg');
+    mask-image: url('../images/icons/Search.svg');
   }
 
   &.icon-send {
-    -webkit-mask-image: url('/static/images/icons/Send.svg');
-    mask-image: url('/static/images/icons/Send.svg');
+    -webkit-mask-image: url('../images/icons/Send.svg');
+    mask-image: url('../images/icons/Send.svg');
   }
 
   &.icon-slack {
-    -webkit-mask-image: url('/static/images/icons/slack.svg');
-    mask-image: url('/static/images/icons/slack.svg');
+    -webkit-mask-image: url('../images/icons/slack.svg');
+    mask-image: url('../images/icons/slack.svg');
   }
 
   &.icon-up {
-    -webkit-mask-image: url('/static/images/icons/Up.svg');
-    mask-image: url('/static/images/icons/Up.svg');
+    -webkit-mask-image: url('../images/icons/Up.svg');
+    mask-image: url('../images/icons/Up.svg');
   }
 
   &.icon-user {
-    -webkit-mask-image: url('/static/images/icons/users.svg');
-    mask-image: url('/static/images/icons/users.svg');
+    -webkit-mask-image: url('../images/icons/users.svg');
+    mask-image: url('../images/icons/users.svg');
   }
 
   &.icon-more {
-    -webkit-mask-image: url('/static/images/icons/More.svg');
-    mask-image: url('/static/images/icons/More.svg');
+    -webkit-mask-image: url('../images/icons/More.svg');
+    mask-image: url('../images/icons/More.svg');
   }
 }
 

amundsen_application/static/js/components/common/EntityCard/EntityCardSection/styles.scss

@@ -29,8 +29,8 @@
     border: none;
     border-radius: 5px;
     height: 24px;
-    -webkit-mask-image: url('/static/images/icons/Edit.svg');
-    mask-image: url('/static/images/icons/Edit.svg');
+    -webkit-mask-image: url('../../../../../images/icons/Edit.svg');
+    mask-image: url('../../../../../images/icons/Edit.svg');
     width: 24px;
   }
 
@@ -40,7 +40,7 @@
 
   button.active-edit-button {
     background-color: $brand-color-1;
-    background-image: url('/static/images/icons/Edit_Inverted.svg');
+    background-image: url('../../../../../images/icons/Edit_Inverted.svg');
     border: none;
     border-radius: 5px;
     -moz-box-shadow: inset 1px 1px 2px $brand-color-4;

amundsen_application/static/js/components/common/InfoButton/styles.scss

@@ -8,8 +8,8 @@ button.info-button {
   border: none;
   height: 24px;
   margin: 0 0 0 8px;
-  -webkit-mask-image: url('/static/images/icons/Info.svg');
-  mask-image: url('/static/images/icons/Info.svg');
+  -webkit-mask-image: url('../../../../images/icons/Info.svg');
+  mask-image: url('../../../../images/icons/Info.svg');
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-size: contain;

amundsen_application/static/package-lock.json

@@ -8105,6 +8105,49 @@
           "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
           "dev": true
         },
+        "css-loader": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.6.0.tgz",
+          "integrity": "sha512-M5lSukoWi1If8dhQAUCvj4H8vUt3vOnwbQBH9DdTm/s4Ym2B/3dPMtYZeJmq7Q3S3Pa+I94DcZ7pc9bP14cWIQ==",
+          "dev": true,
+          "requires": {
+            "camelcase": "^5.3.1",
+            "cssesc": "^3.0.0",
+            "icss-utils": "^4.1.1",
+            "loader-utils": "^1.2.3",
+            "normalize-path": "^3.0.0",
+            "postcss": "^7.0.32",
+            "postcss-modules-extract-imports": "^2.0.0",
+            "postcss-modules-local-by-default": "^3.0.2",
+            "postcss-modules-scope": "^2.2.0",
+            "postcss-modules-values": "^3.0.0",
+            "postcss-value-parser": "^4.1.0",
+            "schema-utils": "^2.7.0",
+            "semver": "^6.3.0"
+          },
+          "dependencies": {
+            "json5": {
+              "version": "1.0.1",
+              "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+              "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+              "dev": true,
+              "requires": {
+                "minimist": "^1.2.0"
+              }
+            },
+            "loader-utils": {
+              "version": "1.4.0",
+              "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+              "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+              "dev": true,
+              "requires": {
+                "big.js": "^5.2.2",
+                "emojis-list": "^3.0.0",
+                "json5": "^1.0.1"
+              }
+            }
+          }
+        },
         "emojis-list": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
@@ -8273,6 +8316,12 @@
           "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==",
           "dev": true
         },
+        "normalize-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+          "dev": true
+        },
         "p-limit": {
           "version": "2.3.0",
           "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -13486,30 +13535,35 @@
       "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU="
     },
     "css-loader": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.5.3.tgz",
-      "integrity": "sha512-UEr9NH5Lmi7+dguAm+/JSPovNjYbm2k3TK58EiwQHzOHH5Jfq1Y+XoP2bQO6TMn7PptMd0opxxedAWcaSTRKHw==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-4.2.2.tgz",
+      "integrity": "sha512-omVGsTkZPVwVRpckeUnLshPp12KsmMSLqYxs12+RzM9jRR5Y+Idn/tBffjXRvOE+qW7if24cuceFJqYR5FmGBg==",
       "dev": true,
       "requires": {
-        "camelcase": "^5.3.1",
+        "camelcase": "^6.0.0",
         "cssesc": "^3.0.0",
         "icss-utils": "^4.1.1",
-        "loader-utils": "^1.2.3",
-        "normalize-path": "^3.0.0",
-        "postcss": "^7.0.27",
+        "loader-utils": "^2.0.0",
+        "postcss": "^7.0.32",
         "postcss-modules-extract-imports": "^2.0.0",
-        "postcss-modules-local-by-default": "^3.0.2",
+        "postcss-modules-local-by-default": "^3.0.3",
         "postcss-modules-scope": "^2.2.0",
         "postcss-modules-values": "^3.0.0",
-        "postcss-value-parser": "^4.0.3",
-        "schema-utils": "^2.6.6",
-        "semver": "^6.3.0"
+        "postcss-value-parser": "^4.1.0",
+        "schema-utils": "^2.7.0",
+        "semver": "^7.3.2"
       },
       "dependencies": {
+        "@types/json-schema": {
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz",
+          "integrity": "sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==",
+          "dev": true
+        },
         "ajv": {
-          "version": "6.12.2",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.2.tgz",
-          "integrity": "sha512-k+V+hzjm5q/Mr8ef/1Y9goCmlsK4I6Sm74teeyGvFk1XrOsbsKLjEdrvny42CZ+a8sXbk8KWpY/bDwS+FLL2UQ==",
+          "version": "6.12.4",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz",
+          "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==",
           "dev": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
@@ -13519,9 +13573,9 @@
           }
         },
         "ajv-keywords": {
-          "version": "3.4.1",
-          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
-          "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
+          "version": "3.5.2",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
           "dev": true
         },
         "big.js": {
@@ -13530,6 +13584,12 @@
           "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
           "dev": true
         },
+        "camelcase": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.0.0.tgz",
+          "integrity": "sha512-8KMDF1Vz2gzOq54ONPJS65IvTUaB1cHJ2DMM7MbPmLZljDH1qpzzLsWdiN9pHh6qvkRVDTi/07+eNGch/oLU4w==",
+          "dev": true
+        },
         "emojis-list": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
@@ -13537,9 +13597,9 @@
           "dev": true
         },
         "fast-deep-equal": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz",
-          "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==",
+          "version": "3.1.3",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
           "dev": true
         },
         "json-schema-traverse": {
@@ -13549,57 +13609,46 @@
           "dev": true
         },
         "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
+          "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==",
           "dev": true,
           "requires": {
-            "minimist": "^1.2.0"
+            "minimist": "^1.2.5"
           }
         },
         "loader-utils": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
           "dev": true,
           "requires": {
             "big.js": "^5.2.2",
             "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
+            "json5": "^2.1.2"
           }
         },
-        "minimist": {
-          "version": "1.2.5",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
-          "dev": true
-        },
-        "normalize-path": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-          "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-          "dev": true
-        },
         "schema-utils": {
-          "version": "2.6.6",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.6.tgz",
-          "integrity": "sha512-wHutF/WPSbIi9x6ctjGGk2Hvl0VOz5l3EKEuKbjPlB30mKZUzb9A5k9yEXRX3pwyqVLPvpfZZEllaFq/M718hA==",
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
+          "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
           "dev": true,
           "requires": {
-            "ajv": "^6.12.0",
-            "ajv-keywords": "^3.4.1"
+            "@types/json-schema": "^7.0.5",
+            "ajv": "^6.12.4",
+            "ajv-keywords": "^3.5.2"
           }
         },
         "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "version": "7.3.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
+          "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
           "dev": true
         },
         "uri-js": {
-          "version": "4.2.2",
-          "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
-          "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
+          "version": "4.4.0",
+          "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.0.tgz",
+          "integrity": "sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==",
           "dev": true,
           "requires": {
             "punycode": "^2.1.0"
@@ -27145,15 +27194,15 @@
       }
     },
     "postcss-modules-local-by-default": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.2.tgz",
-      "integrity": "sha512-jM/V8eqM4oJ/22j0gx4jrp63GSvDH6v86OqyTHHUvk4/k1vceipZsaymiZ5PvocqZOl5SFHiFJqjs3la0wnfIQ==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz",
+      "integrity": "sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==",
       "dev": true,
       "requires": {
         "icss-utils": "^4.1.1",
-        "postcss": "^7.0.16",
+        "postcss": "^7.0.32",
         "postcss-selector-parser": "^6.0.2",
-        "postcss-value-parser": "^4.0.0"
+        "postcss-value-parser": "^4.1.0"
       }
     },
     "postcss-modules-scope": {

amundsen_application/static/package.json

@@ -79,7 +79,7 @@
     "bootstrap-sass": "^3.4.1",
     "clean-webpack-plugin": "3.0.0",
     "cross-env": "^5.2.1",
-    "css-loader": "^3.5.3",
+    "css-loader": "^4.2.2",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "enzyme-to-json": "^3.4.4",

amundsen_application/static/webpack.common.ts

@@ -14,6 +14,7 @@ const JSX_PATTERN = /\.jsx?$/;
 const CSS_PATTERN = /\.(sa|sc|c)ss$/;
 const IMAGE_PATTERN = /\.(png|svg|jpg|gif)$/;
 const VENDORS_PATTERN = /[\\/]node_modules[\\/](react|react-dom)[\\/]/;
+const FONT_PATTERN = /\.(ttf|woff2|otf)$/;
 
 const PATHS = {
   dist: path.join(__dirname, '/dist'),
@@ -99,6 +100,10 @@ const config: webpack.Configuration = {
         test: IMAGE_PATTERN,
         use: 'file-loader',
       },
+      {
+        test: FONT_PATTERN,
+        use: 'file-loader',
+      },
     ],
   },
   plugins: [