Fix reversed primary interactive colors in light/dark modes (#759)

* fix(colors): correct reversed primary interactive colors between light and dark modes

The primary interactive colors (primary, primaryHover, primaryActive) were
incorrectly swapped between light and dark modes. Light mode was using dark
blue colors while dark mode was using light grey colors, causing visibility
and contrast issues.

Changes:
- Light mode: now uses grey.grey500/600/700 for primary states
- Dark mode: now uses darkBlue.darkBlue500/700/800 for primary states
- Fixed linkInverse in dark mode to use deepBlue500 instead of deepBlue200

* chore(package.json): bump version from 11.2.2 to 11.2.3 for patch release

Author: gmacev

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "11.2.2",
+  "version": "11.2.3",
   "license": "MIT",
   "repository": {
     "type": "git",

package.json

@@ -32,14 +32,14 @@ const DARK_COLORS = [
   ["--border-info", palette.blue.blue300],
   ["--border-warning", palette.orange.orange300],
   ["--border-discovery", palette.grey.grey400],
-  ["--interactive-primary", palette.grey.grey500],
-  ["--interactive-primaryHover", palette.grey.grey600],
-  ["--interactive-primaryActive", palette.grey.grey700],
+  ["--interactive-primary", palette.darkBlue.darkBlue500],
+  ["--interactive-primaryHover", palette.darkBlue.darkBlue700],
+  ["--interactive-primaryActive", palette.darkBlue.darkBlue800],
   ["--interactive-secondary", palette.darkGrey.darkGrey400],
   ["--interactive-secondaryHover", palette.darkGrey.darkGrey500],
   ["--interactive-secondaryActive", palette.darkGrey.darkGrey600],
   ["--interactive-link", palette.deepBlue.deepBlue200],
-  ["--interactive-linkInverse", palette.deepBlue.deepBlue200],
+  ["--interactive-linkInverse", palette.deepBlue.deepBlue500],
   ["--interactive-error", palette.red.red400],
   ["--interactive-errorHover", palette.red.red500],
   ["--interactive-errorActive", palette.red.red600],

src/theme/dark.ts

@@ -32,9 +32,9 @@ const LIGHT_COLORS = [
   ["--border-info", palette.blue.blue700],
   ["--border-warning", palette.orange.orange700],
   ["--border-discovery", palette.grey.grey700],
-  ["--interactive-primary", palette.darkBlue.darkBlue500],
-  ["--interactive-primaryHover", palette.darkBlue.darkBlue700],
-  ["--interactive-primaryActive", palette.darkBlue.darkBlue800],
+  ["--interactive-primary", palette.grey.grey500],
+  ["--interactive-primaryHover", palette.grey.grey600],
+  ["--interactive-primaryActive", palette.grey.grey700],
   ["--interactive-secondary", palette.grey.grey300],
   ["--interactive-secondaryHover", palette.grey.grey400],
   ["--interactive-secondaryActive", palette.grey.grey500],