diff --git a/package-lock.json b/package-lock.json
index 662811041..73bedfd4b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3473,6 +3473,25 @@
         "util-deprecate": "^1.0.2"
       },
       "dependencies": {
+        "@storybook/source-loader": {
+          "version": "6.1.9",
+          "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-6.1.9.tgz",
+          "integrity": "sha512-2h3TS1O9qJ0xmOOJrWxY9ODEFK0/RLxEmWcXngWAcH1ZrHAuz6UcEatO2bIgykrorf9xKqqk7/AYyE9KxW668A==",
+          "dev": true,
+          "requires": {
+            "@storybook/addons": "6.1.9",
+            "@storybook/client-logger": "6.1.9",
+            "@storybook/csf": "0.0.1",
+            "core-js": "^3.0.1",
+            "estraverse": "^4.2.0",
+            "global": "^4.3.2",
+            "loader-utils": "^2.0.0",
+            "lodash": "^4.17.15",
+            "prettier": "~2.0.5",
+            "regenerator-runtime": "^0.13.7",
+            "source-map": "^0.7.3"
+          }
+        },
         "acorn": {
           "version": "7.4.1",
           "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
@@ -3484,6 +3503,12 @@
           "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
           "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==",
           "dev": true
+        },
+        "source-map": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+          "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+          "dev": true
         }
       }
     },
@@ -3596,6 +3621,25 @@
         "regenerator-runtime": "^0.13.7"
       },
       "dependencies": {
+        "@storybook/source-loader": {
+          "version": "6.1.9",
+          "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-6.1.9.tgz",
+          "integrity": "sha512-2h3TS1O9qJ0xmOOJrWxY9ODEFK0/RLxEmWcXngWAcH1ZrHAuz6UcEatO2bIgykrorf9xKqqk7/AYyE9KxW668A==",
+          "dev": true,
+          "requires": {
+            "@storybook/addons": "6.1.9",
+            "@storybook/client-logger": "6.1.9",
+            "@storybook/csf": "0.0.1",
+            "core-js": "^3.0.1",
+            "estraverse": "^4.2.0",
+            "global": "^4.3.2",
+            "loader-utils": "^2.0.0",
+            "lodash": "^4.17.15",
+            "prettier": "~2.0.5",
+            "regenerator-runtime": "^0.13.7",
+            "source-map": "^0.7.3"
+          }
+        },
         "prettier": {
           "version": "2.0.5",
           "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
@@ -3614,6 +3658,12 @@
             "prismjs": "^1.21.0",
             "refractor": "^3.1.0"
           }
+        },
+        "source-map": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+          "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+          "dev": true
         }
       }
     },
@@ -4474,6 +4524,12 @@
         "lodash": "^4.17.15"
       }
     },
+    "@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
+      "dev": true
+    },
     "@storybook/node-logger": {
       "version": "6.1.9",
       "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-6.1.9.tgz",
@@ -4637,34 +4693,37 @@
       }
     },
     "@storybook/source-loader": {
-      "version": "6.1.9",
-      "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-6.1.9.tgz",
-      "integrity": "sha512-2h3TS1O9qJ0xmOOJrWxY9ODEFK0/RLxEmWcXngWAcH1ZrHAuz6UcEatO2bIgykrorf9xKqqk7/AYyE9KxW668A==",
+      "version": "8.1.11",
+      "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-8.1.11.tgz",
+      "integrity": "sha512-4cfJ7aPjtniIdDGiFjdFpO47byHOl4RKYCJEHf9t+j0xHmlXe4B9aAinxuFfv3GKAXfLvSbbwGO0cDZQRj+brw==",
       "dev": true,
       "requires": {
-        "@storybook/addons": "6.1.9",
-        "@storybook/client-logger": "6.1.9",
-        "@storybook/csf": "0.0.1",
-        "core-js": "^3.0.1",
-        "estraverse": "^4.2.0",
-        "global": "^4.3.2",
-        "loader-utils": "^2.0.0",
-        "lodash": "^4.17.15",
-        "prettier": "~2.0.5",
-        "regenerator-runtime": "^0.13.7",
-        "source-map": "^0.7.3"
+        "@storybook/csf": "^0.1.7",
+        "@storybook/types": "8.1.11",
+        "estraverse": "^5.2.0",
+        "lodash": "^4.17.21",
+        "prettier": "^3.1.1"
       },
       "dependencies": {
-        "prettier": {
-          "version": "2.0.5",
-          "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
-          "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==",
+        "@storybook/csf": {
+          "version": "0.1.11",
+          "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.11.tgz",
+          "integrity": "sha512-dHYFQH3mA+EtnCkHXzicbLgsvzYjcDJ1JWsogbItZogkPHgSJM/Wr71uMkcvw8v9mmCyP4NpXJuu6bPoVsOnzg==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^2.19.0"
+          }
+        },
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
           "dev": true
         },
-        "source-map": {
-          "version": "0.7.3",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+        "prettier": {
+          "version": "3.3.3",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+          "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
           "dev": true
         }
       }
@@ -4697,6 +4756,118 @@
         }
       }
     },
+    "@storybook/types": {
+      "version": "8.1.11",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-8.1.11.tgz",
+      "integrity": "sha512-k9N5iRuY2+t7lVRL6xeu6diNsxO3YI3lS4Juv3RZ2K4QsE/b3yG5ElfJB8DjHDSHwRH4ORyrU71KkOCUVfvtnw==",
+      "dev": true,
+      "requires": {
+        "@storybook/channels": "8.1.11",
+        "@types/express": "^4.7.0",
+        "file-system-cache": "2.3.0"
+      },
+      "dependencies": {
+        "@storybook/channels": {
+          "version": "8.1.11",
+          "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-8.1.11.tgz",
+          "integrity": "sha512-fu5FTqo6duOqtJFa6gFzKbiSLJoia+8Tibn3xFfB6BeifWrH81hc+AZq0lTmHo5qax2G5t8ZN8JooHjMw6k2RA==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "8.1.11",
+            "@storybook/core-events": "8.1.11",
+            "@storybook/global": "^5.0.0",
+            "telejson": "^7.2.0",
+            "tiny-invariant": "^1.3.1"
+          }
+        },
+        "@storybook/client-logger": {
+          "version": "8.1.11",
+          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-8.1.11.tgz",
+          "integrity": "sha512-DVMh2usz3yYmlqCLCiCKy5fT8/UR9aTh+gSqwyNFkGZrIM4otC5A8eMXajXifzotQLT5SaOEnM3WzHwmpvMIEA==",
+          "dev": true,
+          "requires": {
+            "@storybook/global": "^5.0.0"
+          }
+        },
+        "@storybook/core-events": {
+          "version": "8.1.11",
+          "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.1.11.tgz",
+          "integrity": "sha512-vXaNe2KEW9BGlLrg0lzmf5cJ0xt+suPjWmEODH5JqBbrdZ67X6ApA2nb6WcxDQhykesWCuFN5gp1l+JuDOBi7A==",
+          "dev": true,
+          "requires": {
+            "@storybook/csf": "^0.1.7",
+            "ts-dedent": "^2.0.0"
+          }
+        },
+        "@storybook/csf": {
+          "version": "0.1.11",
+          "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.11.tgz",
+          "integrity": "sha512-dHYFQH3mA+EtnCkHXzicbLgsvzYjcDJ1JWsogbItZogkPHgSJM/Wr71uMkcvw8v9mmCyP4NpXJuu6bPoVsOnzg==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^2.19.0"
+          }
+        },
+        "file-system-cache": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/file-system-cache/-/file-system-cache-2.3.0.tgz",
+          "integrity": "sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==",
+          "dev": true,
+          "requires": {
+            "fs-extra": "11.1.1",
+            "ramda": "0.29.0"
+          }
+        },
+        "fs-extra": {
+          "version": "11.1.1",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
+          "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
+        "jsonfile": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+          "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.6",
+            "universalify": "^2.0.0"
+          }
+        },
+        "ramda": {
+          "version": "0.29.0",
+          "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.29.0.tgz",
+          "integrity": "sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==",
+          "dev": true
+        },
+        "telejson": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz",
+          "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==",
+          "dev": true,
+          "requires": {
+            "memoizerific": "^1.11.3"
+          }
+        },
+        "tiny-invariant": {
+          "version": "1.3.3",
+          "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+          "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+          "dev": true
+        },
+        "universalify": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+          "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+          "dev": true
+        }
+      }
+    },
     "@storybook/ui": {
       "version": "6.1.9",
       "resolved": "https://registry.npmjs.org/@storybook/ui/-/ui-6.1.9.tgz",
@@ -4920,12 +5091,55 @@
         "@babel/types": "^7.3.0"
       }
     },
+    "@types/body-parser": {
+      "version": "1.19.5",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
+      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
+      "dev": true,
+      "requires": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
     "@types/braces": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@types/braces/-/braces-3.0.0.tgz",
       "integrity": "sha512-TbH79tcyi9FHwbyboOKeRachRq63mSuWYXOflsNO9ZyE5ClQ/JaozNKl+aWUq87qPNsXasXxi2AbgfwIJ+8GQw==",
       "dev": true
     },
+    "@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/express": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
+      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
+      "dev": true,
+      "requires": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "@types/express-serve-static-core": {
+      "version": "4.19.5",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.5.tgz",
+      "integrity": "sha512-y6W03tvrACO72aijJ5uF02FRq5cgDR9lUxddQ8vyF+GvmjJQqbzDcJngEjURc+ZsG31VI3hODNZJ2URj86pzmg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
     "@types/glob": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.3.tgz",
@@ -4972,6 +5186,12 @@
       "integrity": "sha512-giAlZwstKbmvMk1OO7WXSj4OZ0keXAcl2TQq4LWHiiPH2ByaH7WeUzng+Qej8UPxxv+8lRTuouo0iaNDBuzIBA==",
       "dev": true
     },
+    "@types/http-errors": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
+      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
+      "dev": true
+    },
     "@types/is-function": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@types/is-function/-/is-function-1.0.0.tgz",
@@ -5154,6 +5374,12 @@
         "@types/braces": "*"
       }
     },
+    "@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "dev": true
+    },
     "@types/minimatch": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz",
@@ -5235,6 +5461,12 @@
       "integrity": "sha512-/JHkVHtx/REVG0VVToGRGH2+23hsYLHdyG+GrvoUGlGAd0ErauXDyvHtRI/7H7mzLm+tBCKA7pfcpkQ1lf58iQ==",
       "dev": true
     },
+    "@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true
+    },
     "@types/reach__router": {
       "version": "1.3.6",
       "resolved": "https://registry.npmjs.org/@types/reach__router/-/reach__router-1.3.6.tgz",
@@ -5282,6 +5514,27 @@
         "@types/react": "*"
       }
     },
+    "@types/send": {
+      "version": "0.17.4",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
+      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
+      "dev": true,
+      "requires": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "@types/serve-static": {
+      "version": "1.15.7",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
+      "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
+      "dev": true,
+      "requires": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "*"
+      }
+    },
     "@types/source-list-map": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz",
@@ -26851,6 +27104,12 @@
       "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
       "dev": true
     },
+    "type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true
+    },
     "type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
diff --git a/package.json b/package.json
index 87d884f91..887de25cc 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,7 @@
     "@storybook/addon-storysource": "^6.1.9",
     "@storybook/components": "^6.1.9",
     "@storybook/react": "^6.1.9",
-    "@storybook/source-loader": "^6.1.9",
+    "@storybook/source-loader": "^8.1.11",
     "@storybook/theming": "^6.1.9",
     "@testing-library/jest-dom": "^5.11.6",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.3.1",