diff --git a/cl2-component-library/package-lock.json b/cl2-component-library/package-lock.json
index 63d087d27203..4d4928fbc4e8 100644
--- a/cl2-component-library/package-lock.json
+++ b/cl2-component-library/package-lock.json
@@ -34,7 +34,7 @@
         "@storybook/preset-typescript": "3.0.0",
         "@storybook/react": "^7.0.8",
         "@storybook/react-webpack5": "^7.2.2",
-        "@storybook/theming": "^7.0.24",
+        "@storybook/theming": "^7.6.2",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^12.1.5",
         "@testing-library/react-hooks": "^8.0.1",
@@ -5841,6 +5841,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/addon-links/node_modules/@storybook/theming": {
+      "version": "7.4.5",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
+      "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+      "dev": true,
+      "dependencies": {
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@storybook/client-logger": "7.4.5",
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-links/node_modules/@storybook/types": {
       "version": "7.4.5",
       "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.5.tgz",
@@ -6800,6 +6820,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/builder-webpack5/node_modules/@storybook/theming": {
+      "version": "7.4.5",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
+      "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+      "dev": true,
+      "dependencies": {
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@storybook/client-logger": "7.4.5",
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/builder-webpack5/node_modules/@storybook/types": {
       "version": "7.4.5",
       "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.5.tgz",
@@ -7503,6 +7543,26 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/components/node_modules/@storybook/theming": {
+      "version": "7.4.5",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
+      "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+      "dev": true,
+      "dependencies": {
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@storybook/client-logger": "7.4.5",
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/components/node_modules/@storybook/types": {
       "version": "7.4.5",
       "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.5.tgz",
@@ -9552,13 +9612,13 @@
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "7.4.5",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
-      "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.2.tgz",
+      "integrity": "sha512-Q76SCBRjYQ6Yg8CQEIW2eavM9Bd/zq+ScurIcW3FJLfVrrdsdC+zueoz4d9mS6F6IECczR+O9PxmpbXfaDPHjw==",
       "dev": true,
       "dependencies": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-        "@storybook/client-logger": "7.4.5",
+        "@storybook/client-logger": "7.6.2",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       },
@@ -9572,9 +9632,9 @@
       }
     },
     "node_modules/@storybook/theming/node_modules/@storybook/client-logger": {
-      "version": "7.4.5",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.5.tgz",
-      "integrity": "sha512-Bn6eTAjhPDUfLpvuxhKkpDpOtkadfkSmkBNBZRu3r0Dzk2J1nNyKV5K6D8dOU4PFVof4z/gXYj5bktT29jKsmw==",
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.2.tgz",
+      "integrity": "sha512-9hlDm7q6jZPVBoqW8V7DTMNMsjMaL2t45h+I8veQhnC2ZW6g+lARXQQDHZpL6MKVkJn6mEA9F0nJBIknbQpqBQ==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -34526,6 +34586,18 @@
             "qs": "^6.10.0"
           }
         },
+        "@storybook/theming": {
+          "version": "7.4.5",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
+          "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+          "dev": true,
+          "requires": {
+            "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+            "@storybook/client-logger": "7.4.5",
+            "@storybook/global": "^5.0.0",
+            "memoizerific": "^1.11.3"
+          }
+        },
         "@storybook/types": {
           "version": "7.4.5",
           "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.5.tgz",
@@ -35219,6 +35291,18 @@
             "qs": "^6.10.0"
           }
         },
+        "@storybook/theming": {
+          "version": "7.4.5",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
+          "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+          "dev": true,
+          "requires": {
+            "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+            "@storybook/client-logger": "7.4.5",
+            "@storybook/global": "^5.0.0",
+            "memoizerific": "^1.11.3"
+          }
+        },
         "@storybook/types": {
           "version": "7.4.5",
           "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.5.tgz",
@@ -35727,6 +35811,18 @@
             "ts-dedent": "^2.0.0"
           }
         },
+        "@storybook/theming": {
+          "version": "7.4.5",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
+          "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+          "dev": true,
+          "requires": {
+            "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+            "@storybook/client-logger": "7.4.5",
+            "@storybook/global": "^5.0.0",
+            "memoizerific": "^1.11.3"
+          }
+        },
         "@storybook/types": {
           "version": "7.4.5",
           "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.5.tgz",
@@ -37228,21 +37324,21 @@
       }
     },
     "@storybook/theming": {
-      "version": "7.4.5",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.5.tgz",
-      "integrity": "sha512-QSIJDIMzOegzlhubIBaYIovf4mlf+AVL0SmQOskPS8GZ6s9t77yUUI6gZTEjO+S4eB3djXRsfTTijQ8+z4XmRA==",
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.2.tgz",
+      "integrity": "sha512-Q76SCBRjYQ6Yg8CQEIW2eavM9Bd/zq+ScurIcW3FJLfVrrdsdC+zueoz4d9mS6F6IECczR+O9PxmpbXfaDPHjw==",
       "dev": true,
       "requires": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-        "@storybook/client-logger": "7.4.5",
+        "@storybook/client-logger": "7.6.2",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       },
       "dependencies": {
         "@storybook/client-logger": {
-          "version": "7.4.5",
-          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.5.tgz",
-          "integrity": "sha512-Bn6eTAjhPDUfLpvuxhKkpDpOtkadfkSmkBNBZRu3r0Dzk2J1nNyKV5K6D8dOU4PFVof4z/gXYj5bktT29jKsmw==",
+          "version": "7.6.2",
+          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.2.tgz",
+          "integrity": "sha512-9hlDm7q6jZPVBoqW8V7DTMNMsjMaL2t45h+I8veQhnC2ZW6g+lARXQQDHZpL6MKVkJn6mEA9F0nJBIknbQpqBQ==",
           "dev": true,
           "requires": {
             "@storybook/global": "^5.0.0"
diff --git a/cl2-component-library/package.json b/cl2-component-library/package.json
index 9a607127d3af..1b668da4d00a 100644
--- a/cl2-component-library/package.json
+++ b/cl2-component-library/package.json
@@ -51,7 +51,7 @@
     "@storybook/preset-typescript": "3.0.0",
     "@storybook/react": "^7.0.8",
     "@storybook/react-webpack5": "^7.2.2",
-    "@storybook/theming": "^7.0.24",
+    "@storybook/theming": "^7.6.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",