From d7bd3d786a8cedb1a1622c2a75acddcd59cee1fd Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 11:08:33 +0200
Subject: [PATCH 01/13] switch behaviour for primary/accent intent colors

---
 CHANGELOG.md                                  |  3 ++
 .../ProgressBar/ProgressBar.test.tsx          | 28 +++++++++++++++++++
 src/components/ProgressBar/ProgressBar.tsx    | 23 +++++++++++++--
 .../Stories/ProgressBar.stories.tsx           |  2 +-
 src/components/ProgressBar/progressbar.scss   | 20 +++++++++++++
 src/components/index.scss                     |  1 +
 6 files changed, 73 insertions(+), 4 deletions(-)
 create mode 100644 src/components/ProgressBar/ProgressBar.test.tsx
 create mode 100644 src/components/ProgressBar/progressbar.scss

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6eb665ad3..59dc5ee6f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,6 +34,9 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     - `Toaster.create` is now an async function
 - `<MultiSelect />`
     - by default, if no searchPredicate or searchListPredicate is defined, the filtering is done via case-insensitive multi-word filtering.
+- `<ProgressBar />`
+    - color for `intent="primary"` was changed to our brand color
+    - new option `accent` for `intent` uses the accent color
 
 ### Deprecated
 
diff --git a/src/components/ProgressBar/ProgressBar.test.tsx b/src/components/ProgressBar/ProgressBar.test.tsx
new file mode 100644
index 000000000..63ff05fce
--- /dev/null
+++ b/src/components/ProgressBar/ProgressBar.test.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { render } from "@testing-library/react";
+
+import "@testing-library/jest-dom";
+
+import { ProgressBar } from "../../../index";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+
+describe("ProgressBar", () => {
+    it("should not apply an intent class when no intent is set", () => {
+        const { container } = render(<ProgressBar />);
+        const progressbar = container.querySelector(`.${eccgui}-progressbar`);
+        expect(progressbar).not.toBeNull();
+        expect((progressbar as HTMLElement).className).not.toMatch(new RegExp(`${eccgui}-progressbar-intent-`));
+    });
+    it("should apply the matching intent class for a blueprint intent", () => {
+        const { container } = render(<ProgressBar intent="success" />);
+        const progressbar = container.querySelector(`.${eccgui}-progressbar`);
+        expect(progressbar).not.toBeNull();
+        expect(progressbar).toHaveClass(`${eccgui}-progressbar-intent-success`);
+    });
+    it("should apply the intent class for the custom accent intent", () => {
+        const { container } = render(<ProgressBar intent="accent" />);
+        const progressbar = container.querySelector(`.${eccgui}-progressbar`);
+        expect(progressbar).not.toBeNull();
+        expect(progressbar).toHaveClass(`${eccgui}-progressbar-intent-accent`);
+    });
+});
diff --git a/src/components/ProgressBar/ProgressBar.tsx b/src/components/ProgressBar/ProgressBar.tsx
index 6111e98f2..7a66f711a 100644
--- a/src/components/ProgressBar/ProgressBar.tsx
+++ b/src/components/ProgressBar/ProgressBar.tsx
@@ -1,5 +1,22 @@
+import React from "react";
 import { ProgressBar as BlueprintProgressBar, ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
+import classNames from "classnames";
 
-// we currently do not apply changes or additions
-export const ProgressBar = BlueprintProgressBar;
-export type ProgressBarProps = BlueprintProgressBarProps;
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+
+export interface ProgressBarProps extends Omit<BlueprintProgressBarProps, "intent"> {
+    intent?: BlueprintProgressBarProps["intent"] | "accent";
+}
+
+export const ProgressBar = ({ className, intent, ...otherProps }) => {
+    return (
+        <BlueprintProgressBar
+            className={classNames(`${eccgui}-progressbar`, className, {
+                [`${eccgui}-progressbar-intent-${intent}`]: intent,
+            })}
+            {...otherProps}
+        />
+    );
+};
+
+export default ProgressBar;
diff --git a/src/components/ProgressBar/Stories/ProgressBar.stories.tsx b/src/components/ProgressBar/Stories/ProgressBar.stories.tsx
index f180cc134..e00f5d98b 100644
--- a/src/components/ProgressBar/Stories/ProgressBar.stories.tsx
+++ b/src/components/ProgressBar/Stories/ProgressBar.stories.tsx
@@ -9,7 +9,7 @@ export default {
     argTypes: {
         intent: {
             ...helpersArgTypes.exampleIntent,
-            options: ["UNDEFINED", "primary", "success", "warning", "danger"],
+            options: ["UNDEFINED", "primary", "accent", "success", "warning", "danger"],
         },
     },
 } as Meta<typeof ProgressBar>;
diff --git a/src/components/ProgressBar/progressbar.scss b/src/components/ProgressBar/progressbar.scss
new file mode 100644
index 000000000..e3d3839c7
--- /dev/null
+++ b/src/components/ProgressBar/progressbar.scss
@@ -0,0 +1,20 @@
+// lib import
+@import "~@blueprintjs/core/src/components/progress-bar/progress-bar";
+
+.#{$ns}-progress-meter {
+    .#{$ns}-progress-bar.#{$eccgui}-progressbar-intent-primary & {
+        background-color: $eccgui-color-primary;
+    }
+    .#{$ns}-progress-bar.#{$eccgui}-progressbar-intent-accent & {
+        background-color: $eccgui-color-accent;
+    }
+    .#{$ns}-progress-bar.#{$eccgui}-progressbar-intent-danger & {
+        background-color: $eccgui-color-danger-text;
+    }
+    .#{$ns}-progress-bar.#{$eccgui}-progressbar-intent-warning & {
+        background-color: $eccgui-color-warning-text;
+    }
+    .#{$ns}-progress-bar.#{$eccgui}-progressbar-intent-success & {
+        background-color: $eccgui-color-success-text;
+    }
+}
diff --git a/src/components/index.scss b/src/components/index.scss
index 7d0bc7352..b3852c483 100644
--- a/src/components/index.scss
+++ b/src/components/index.scss
@@ -46,3 +46,4 @@
 @import "./PropertyValuePair/propertyvalue";
 @import "./MultiSuggestField/multisuggestfield";
 @import "./ContentGroup/contentgroup";
+@import "./ProgressBar/progressbar";

From 52aa6201c59c92bee1b9b77d8a3f8425d6a89216 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 12:55:14 +0200
Subject: [PATCH 02/13] switch behaviour for primary/accent intent colors

---
 CHANGELOG.md                                  |  2 +-
 src/components/Menu/MenuItem.test.tsx         | 25 ++++++++++
 src/components/Menu/MenuItem.tsx              | 23 +++++++--
 .../Menu/Stories/MenuItem.stories.tsx         |  5 ++
 src/components/Menu/menu.scss                 | 48 +++++++++++++++++++
 src/components/ProgressBar/ProgressBar.tsx    |  3 ++
 6 files changed, 100 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Menu/MenuItem.test.tsx

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 59dc5ee6f..13e32d288 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,7 +34,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     - `Toaster.create` is now an async function
 - `<MultiSelect />`
     - by default, if no searchPredicate or searchListPredicate is defined, the filtering is done via case-insensitive multi-word filtering.
-- `<ProgressBar />`
+- `<ProgressBar />`, `<MenuItem />`
     - color for `intent="primary"` was changed to our brand color
     - new option `accent` for `intent` uses the accent color
 
diff --git a/src/components/Menu/MenuItem.test.tsx b/src/components/Menu/MenuItem.test.tsx
new file mode 100644
index 000000000..6f72a0b6a
--- /dev/null
+++ b/src/components/Menu/MenuItem.test.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+import { Classes as BlueprintClasses } from "@blueprintjs/core";
+import { render } from "@testing-library/react";
+
+import "@testing-library/jest-dom";
+
+import { MenuItem } from "../../../index";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+
+describe("MenuItem", () => {
+    it("should not apply an intent class when intent is undefined", () => {
+        const { container } = render(<MenuItem text="item" intent={undefined} />);
+        const menuItem = container.querySelector(`.${eccgui}-menu__item`);
+        expect(menuItem).not.toBeNull();
+        expect((menuItem as HTMLElement).className).not.toMatch(
+            new RegExp(`${BlueprintClasses.getClassNamespace()}-intent-`),
+        );
+    });
+    it("should apply the intent class for the custom accent intent", () => {
+        const { container } = render(<MenuItem text="item" intent="accent" />);
+        const menuItem = container.querySelector(`.${eccgui}-menu__item`);
+        expect(menuItem).not.toBeNull();
+        expect(menuItem).toHaveClass(`${BlueprintClasses.getClassNamespace()}-intent-accent`);
+    });
+});
diff --git a/src/components/Menu/MenuItem.tsx b/src/components/Menu/MenuItem.tsx
index 0b18e9cfb..bed6fa6a9 100644
--- a/src/components/Menu/MenuItem.tsx
+++ b/src/components/Menu/MenuItem.tsx
@@ -1,5 +1,10 @@
 import React from "react";
-import { MenuItem as BlueprintMenuItem, MenuItemProps as BlueprintMenuItemProps } from "@blueprintjs/core";
+import {
+    Classes as BlueprintClasses,
+    MenuItem as BlueprintMenuItem,
+    MenuItemProps as BlueprintMenuItemProps,
+} from "@blueprintjs/core";
+import classNames from "classnames";
 
 import { openInNewTab } from "../../common/utils/openInNewTab";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
@@ -11,10 +16,10 @@ import { TestIconProps } from "./../Icon/TestIcon";
 
 export interface MenuItemProps
     extends
-        Omit<BlueprintMenuItemProps, "icon" | "children">,
+        Omit<BlueprintMenuItemProps, "icon" | "children" | "intent">,
         Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "onFocus" | "target" | "children"> {
-    /*
-     * If set the icon is diplayed on the left side of the menu item.
+    /**
+     * If set the icon is displayed on the left side of the menu item.
      */
     icon?: ValidIconName | string[] | React.ReactElement<TestIconProps>;
     /**
@@ -25,6 +30,10 @@ export interface MenuItemProps
      * Tooltip, but only added to the label, not to the full menu item.
      */
     tooltip?: string | React.JSX.Element;
+    /**
+     * Visual intent color to apply to element.
+     */
+    intent?: BlueprintMenuItemProps["intent"] | "accent";
 }
 
 /**
@@ -38,6 +47,7 @@ export const MenuItem = ({
     href,
     text,
     tooltip,
+    intent,
     ...restProps
 }: MenuItemProps) => {
     return (
@@ -56,7 +66,10 @@ export const MenuItem = ({
             onClick={(e: React.MouseEvent<HTMLElement>) =>
                 openInNewTab(e as React.MouseEvent<HTMLAnchorElement>, onClick, href)
             }
-            className={`${eccgui}-menu__item ` + className}
+            className={classNames(`${eccgui}-menu__item`, className, {
+                // control blueprint intent classes to enhance it by new options
+                [`${BlueprintClasses.getClassNamespace()}-intent-${intent}`]: intent,
+            })}
             icon={icon ? typeof icon === "string" || Array.isArray(icon) ? <Icon name={icon} /> : icon : false}
         >
             {children ?? null}
diff --git a/src/components/Menu/Stories/MenuItem.stories.tsx b/src/components/Menu/Stories/MenuItem.stories.tsx
index a66422a30..f7e9e121b 100644
--- a/src/components/Menu/Stories/MenuItem.stories.tsx
+++ b/src/components/Menu/Stories/MenuItem.stories.tsx
@@ -3,6 +3,7 @@ import { OverlaysProvider } from "@blueprintjs/core";
 import { LogoReact } from "@carbon/icons-react";
 import { Meta, StoryFn } from "@storybook/react";
 
+import { helpersArgTypes } from "../../../../.storybook/helpers";
 import { Menu, MenuItem, TestIcon } from "../../../components";
 
 import canonicalIcons from "./../../Icon/canonicalIconNames";
@@ -19,6 +20,10 @@ export default {
                 ...Object.keys(canonicalIcons),
             },
         },
+        intent: {
+            ...helpersArgTypes.exampleIntent,
+            options: ["UNDEFINED", "primary", "accent", "success", "warning", "danger"],
+        },
     },
 } as Meta<typeof MenuItem>;
 
diff --git a/src/components/Menu/menu.scss b/src/components/Menu/menu.scss
index a7cfae7c7..5dde963a0 100644
--- a/src/components/Menu/menu.scss
+++ b/src/components/Menu/menu.scss
@@ -68,3 +68,51 @@ span.#{$ns}-menu-item-icon:empty {
         }
     }
 }
+
+.#{$ns}-menu-item {
+    @each $intent in ("primary", "accent") {
+        $colorrange: $intent;
+
+        @if $intent == "primary" {
+            $colorrange: "brand";
+        }
+
+        @include menu-item-intent(
+            $intent,
+            false,
+            eccgui-color-var("identity", $colorrange, "300"),
+            eccgui-color-var("identity", $colorrange, "700"),
+            eccgui-color-var("identity", $colorrange, "900")
+        );
+    }
+}
+
+.#{$ns}-submenu {
+    .#{$ns}-popover-target {
+        &.#{$ns}-popover-open > .#{$ns}-menu-item {
+            &[class*="#{$ns}-intent-"] {
+                &,
+                &:hover,
+                &:active {
+                    @each $intent in ("primary", "accent") {
+                        $colorrange: $intent;
+
+                        @if $intent == "primary" {
+                            $colorrange: "brand";
+                        }
+                        &.#{$ns}-intent-#{$intent} {
+                            color: eccgui-color-var("identity", $colorrange, "700");
+                            background-color: rgba(eccgui-color-var("identity", $colorrange, "300"), 0.1);
+
+                            &::before,
+                            .#{$ns}-menu-item-icon,
+                            .#{$ns}-submenu-icon {
+                                color: inherit;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/src/components/ProgressBar/ProgressBar.tsx b/src/components/ProgressBar/ProgressBar.tsx
index 7a66f711a..ce91a975f 100644
--- a/src/components/ProgressBar/ProgressBar.tsx
+++ b/src/components/ProgressBar/ProgressBar.tsx
@@ -5,6 +5,9 @@ import classNames from "classnames";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
 export interface ProgressBarProps extends Omit<BlueprintProgressBarProps, "intent"> {
+    /**
+     * Visual intent color to apply to element.
+     */
     intent?: BlueprintProgressBarProps["intent"] | "accent";
 }
 

From 95d0c822f6679ff1d1df8f49f347739249f262e9 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 14:39:59 +0200
Subject: [PATCH 03/13] switch primary and accent colors

---
 CHANGELOG.md                            |  2 +
 src/components/TextField/TextArea.tsx   |  2 +-
 src/components/TextField/TextField.tsx  |  2 +-
 src/components/TextField/textfield.scss | 60 +++++++++++++++++++------
 4 files changed, 50 insertions(+), 16 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 13e32d288..0b960bb80 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -37,6 +37,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 - `<ProgressBar />`, `<MenuItem />`
     - color for `intent="primary"` was changed to our brand color
     - new option `accent` for `intent` uses the accent color
+- `<TextField />`, `<TextArea />`
+    - switch primary and accent colors
 
 ### Deprecated
 
diff --git a/src/components/TextField/TextArea.tsx b/src/components/TextField/TextArea.tsx
index 35b117943..c97fed0ca 100644
--- a/src/components/TextField/TextArea.tsx
+++ b/src/components/TextField/TextArea.tsx
@@ -154,7 +154,7 @@ export const TextArea = ({
                 (className ? ` ${className}` : "")
             }
             intent={
-                intent && !["info", "edited", "removed", "neutral"].includes(intent)
+                intent && !["info", "edited", "removed", "neutral", "accent"].includes(intent)
                     ? (intent as BlueprintIntent)
                     : undefined
             }
diff --git a/src/components/TextField/TextField.tsx b/src/components/TextField/TextField.tsx
index bf5adb051..98a1c822d 100644
--- a/src/components/TextField/TextField.tsx
+++ b/src/components/TextField/TextField.tsx
@@ -107,7 +107,7 @@ export const TextField = ({
                 (className ? ` ${className}` : "")
             }
             intent={
-                intent && !["info", "edited", "removed", "neutral"].includes(intent)
+                intent && !["info", "edited", "removed", "neutral", "accent"].includes(intent)
                     ? (intent as BlueprintIntent)
                     : undefined
             }
diff --git a/src/components/TextField/textfield.scss b/src/components/TextField/textfield.scss
index 9bfd961ed..ac0ed8e0f 100644
--- a/src/components/TextField/textfield.scss
+++ b/src/components/TextField/textfield.scss
@@ -76,30 +76,38 @@ $input-button-height-small: math.div($eccgui-size-textfield-height-small, $eccgu
 // enhancements
 
 $eccgui-map-intent-bgcolors: (
-    "primary": $eccgui-color-info-background,
+    "primary": $eccgui-color-primary-contrast,
     "success": $eccgui-color-success-background,
     "warning": $eccgui-color-warning-background,
     "danger": $eccgui-color-danger-background,
 );
 
-@mixin intent-state-flash-animation($state, $bgcolor, $mixratio: 24%) {
+@mixin intent-state-flash-animation($state, $group, $tint) {
     @keyframes intent-state-flash-#{$state} {
         0% {
-            background-color: eccgui-color-var("semantic", $state, "100");
+            background-color: eccgui-color-var($group, $tint, "100");
         }
 
         39% {
-            background-color: eccgui-color-var("semantic", $state, "300");
+            background-color: eccgui-color-var($group, $tint, "300");
         }
 
         100% {
-            background-color: eccgui-color-var("semantic", $state, "100");
+            background-color: eccgui-color-var($group, $tint, "100");
         }
     }
 }
 
 @each $each-intent, $each-bgcolor in $eccgui-map-intent-bgcolors {
-    @include intent-state-flash-animation($each-intent, $each-bgcolor);
+    $group: "semantic";
+    $tint: $each-intent;
+
+    @if $each-intent == "primary" {
+        $group: "identity";
+        $tint: "brand";
+    }
+
+    @include intent-state-flash-animation($each-intent, $group, $tint);
 }
 
 .#{$ns}-input {
@@ -111,11 +119,19 @@ $eccgui-map-intent-bgcolors: (
     }
 
     @each $each-intent, $each-bgcolor in $eccgui-map-intent-bgcolors {
+        $group: "semantic";
+        $tint: $each-intent;
+
+        @if $each-intent == "primary" {
+            $group: "identity";
+            $tint: "brand";
+        }
         .#{$ns}-input-group.#{$ns}-intent-#{$each-intent} & {
-            background-color: eccgui-color-var("semantic", $each-intent, "100");
+            @include pt-input-intent(eccgui-color-var($group, $tint, "900"));
 
-            --#{$eccgui}-a11y-outline-color: eccgui-color-var("semantic", $each-intent, "900");
+            --#{$eccgui}-a11y-outline-color: #{eccgui-color-var($group, $tint, "900")};
 
+            background-color: eccgui-color-var($group, $tint, "100");
             animation-name: intent-state-flash-#{$each-intent};
         }
     }
@@ -127,9 +143,13 @@ $eccgui-map-intent-bgcolors: (
     }
 
     .#{$ns}-input-group.#{$eccgui}-intent--accent & {
-        @include pt-input-intent($eccgui-color-primary);
+        @include pt-input-intent($eccgui-color-accent);
+        @include intent-state-flash-animation("accent", "identity", "accent");
 
-        --#{$eccgui}-a11y-outline-color: #{$eccgui-color-primary};
+        background-color: eccgui-color-var("identity", "accent", "100");
+        animation-name: intent-state-flash-accent;
+
+        --#{$eccgui}-a11y-outline-color: #{$eccgui-color-accent};
     }
 
     .#{$ns}-input-group.#{$eccgui}-intent--neutral & {
@@ -162,11 +182,19 @@ $eccgui-map-intent-bgcolors: (
     }
 
     @each $each-intent, $each-bgcolor in $eccgui-map-intent-bgcolors {
+        $group: "semantic";
+        $tint: $each-intent;
+
+        @if $each-intent == "primary" {
+            $group: "identity";
+            $tint: "brand";
+        }
         &.#{$eccgui}-intent--#{$each-intent} {
-            background-color: eccgui-color-var("semantic", $each-intent, "100");
+            @include pt-input-intent(eccgui-color-var($group, $tint, "900"));
 
-            --#{$eccgui}-a11y-outline-color: eccgui-color-var("semantic", $each-intent, "900");
+            --#{$eccgui}-a11y-outline-color: #{eccgui-color-var($group, $tint, "900")};
 
+            background-color: eccgui-color-var($group, $tint, "100");
             animation-name: intent-state-flash-#{$each-intent};
         }
     }
@@ -178,9 +206,13 @@ $eccgui-map-intent-bgcolors: (
     }
 
     &.#{$eccgui}-intent--accent {
-        @include pt-input-intent($eccgui-color-primary);
+        @include pt-input-intent($eccgui-color-accent);
+        @include intent-state-flash-animation("accent", "identity", "accent");
+
+        background-color: eccgui-color-var("identity", "accent", "100");
+        animation-name: intent-state-flash-accent;
 
-        --#{$eccgui}-a11y-outline-color: #{$eccgui-color-primary};
+        --#{$eccgui}-a11y-outline-color: #{$eccgui-color-accent};
     }
 
     &.#{$eccgui}-intent--neutral {

From 8dc72c3ceea965d84802adf7444af483c55f1547 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 14:45:45 +0200
Subject: [PATCH 04/13] switch behaviour for primary/accent intent colors

---
 CHANGELOG.md                  |  2 +-
 src/components/Form/form.scss | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0b960bb80..601b589fe 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,7 +34,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     - `Toaster.create` is now an async function
 - `<MultiSelect />`
     - by default, if no searchPredicate or searchListPredicate is defined, the filtering is done via case-insensitive multi-word filtering.
-- `<ProgressBar />`, `<MenuItem />`
+- `<ProgressBar />`, `<MenuItem />`, `<FieldSet />`
     - color for `intent="primary"` was changed to our brand color
     - new option `accent` for `intent` uses the accent color
 - `<TextField />`, `<TextArea />`
diff --git a/src/components/Form/form.scss b/src/components/Form/form.scss
index 9e7ace70f..8ddc78ae1 100644
--- a/src/components/Form/form.scss
+++ b/src/components/Form/form.scss
@@ -89,11 +89,20 @@ form {
 
     &.#{$eccgui}-intent--primary {
         &.#{$eccgui}-fieldset--boxed {
-            background-color: $eccgui-color-info-background;
+            background-color: $eccgui-color-primary-contrast;
         }
         .#{$eccgui}-fieldset__message,
         legend {
-            color: $eccgui-color-info-text;
+            color: $eccgui-color-primary;
+        }
+    }
+    &.#{$eccgui}-intent--accent {
+        &.#{$eccgui}-fieldset--boxed {
+            background-color: $eccgui-color-accent-contrast;
+        }
+        .#{$eccgui}-fieldset__message,
+        legend {
+            color: $eccgui-color-accent;
         }
     }
     &.#{$eccgui}-intent--success {

From 9c0986931d4c947839db1f298f5dff59831b5a82 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 15:02:40 +0200
Subject: [PATCH 05/13] switch behaviour for primary/accent intent colors

---
 CHANGELOG.md                  | 2 +-
 src/components/Form/form.scss | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 601b589fe..58bbc6a0e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,7 +34,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     - `Toaster.create` is now an async function
 - `<MultiSelect />`
     - by default, if no searchPredicate or searchListPredicate is defined, the filtering is done via case-insensitive multi-word filtering.
-- `<ProgressBar />`, `<MenuItem />`, `<FieldSet />`
+- `<ProgressBar />`, `<MenuItem />`, `<FieldSet />`, `<FieldItem />`
     - color for `intent="primary"` was changed to our brand color
     - new option `accent` for `intent` uses the accent color
 - `<TextField />`, `<TextArea />`
diff --git a/src/components/Form/form.scss b/src/components/Form/form.scss
index 8ddc78ae1..553a5731f 100644
--- a/src/components/Form/form.scss
+++ b/src/components/Form/form.scss
@@ -56,6 +56,9 @@ form {
 
 .#{$eccgui}-fielditem__message {
     &.#{$eccgui}-intent--primary {
+        color: $eccgui-color-primary;
+    }
+    &.#{$eccgui}-intent--accent {
         color: $eccgui-color-accent;
     }
     &.#{$eccgui}-intent--success {

From a3d6ac30d66b82c3434d424370f54754867de6a9 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 15:17:07 +0200
Subject: [PATCH 06/13] add popoverClassName if it is given

---
 CHANGELOG.md                       |  2 ++
 src/components/Tooltip/Tooltip.tsx | 13 ++++++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 58bbc6a0e..fc4607573 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -23,6 +23,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 - `<MultiSelect />`
     - border of the BlueprintJS `Tag` elements were fixed
+- `<Tooltip />`
+    - given `popoverClassName` is added
 
 ### Changed
 
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 03a3b62c2..f46c9dcc7 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -5,6 +5,7 @@ import {
     TooltipProps as BlueprintTooltipProps,
     Utils as BlueprintUtils,
 } from "@blueprintjs/core";
+import classNames from "classnames";
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
@@ -63,6 +64,7 @@ export const Tooltip = ({
     usePlaceholder,
     swapPlaceholderDelay = 100,
     hoverOpenDelay = 450,
+    popoverClassName,
     ...otherTooltipProps
 }: TooltipProps) => {
     const placeholderRef = React.useRef(null);
@@ -197,9 +199,14 @@ export const Tooltip = ({
             content={tooltipContent}
             className={targetClassName}
             popoverClassName={
-                `${eccgui}-tooltip__content` +
-                ` ${eccgui}-tooltip--${size}` +
-                (className ? " " + className + "__content" : "")
+                classNames(
+                    `${eccgui}-tooltip__content`,
+                    `${eccgui}-tooltip--${size}`,
+                    popoverClassName,
+                    {
+                        [`${className}__content`]: className,
+                    }
+                )
             }
             ref={refocus}
             targetProps={

From 3e6a5bdaec1ff0a110e0d5686efba8b130c94115 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 15:43:07 +0200
Subject: [PATCH 07/13] switch behaviour for primary/accent intent colors

---
 CHANGELOG.md                               |  2 +-
 src/components/Tooltip/Tooltip.stories.tsx |  8 +++++++-
 src/components/Tooltip/Tooltip.test.tsx    | 16 ++++++++++++++++
 src/components/Tooltip/Tooltip.tsx         |  9 ++++++++-
 src/components/Tooltip/tooltip.scss        | 21 +++++++++++++++++++++
 5 files changed, 53 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fc4607573..aa25b0f5a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -36,7 +36,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     - `Toaster.create` is now an async function
 - `<MultiSelect />`
     - by default, if no searchPredicate or searchListPredicate is defined, the filtering is done via case-insensitive multi-word filtering.
-- `<ProgressBar />`, `<MenuItem />`, `<FieldSet />`, `<FieldItem />`
+- `<ProgressBar />`, `<MenuItem />`, `<FieldSet />`, `<FieldItem />`, `<Tooltip />`
     - color for `intent="primary"` was changed to our brand color
     - new option `accent` for `intent` uses the accent color
 - `<TextField />`, `<TextArea />`
diff --git a/src/components/Tooltip/Tooltip.stories.tsx b/src/components/Tooltip/Tooltip.stories.tsx
index eab7c3fd6..a7baf0149 100644
--- a/src/components/Tooltip/Tooltip.stories.tsx
+++ b/src/components/Tooltip/Tooltip.stories.tsx
@@ -4,12 +4,18 @@ import { OverlaysProvider } from "@blueprintjs/core";
 import { Meta, StoryFn } from "@storybook/react";
 import { fn } from "storybook/test";
 
+import { helpersArgTypes } from "../../../.storybook/helpers";
 import { Tooltip } from "../../index";
 
 export default {
     title: "Components/Tooltip",
     component: Tooltip,
-    argTypes: {},
+    argTypes: {
+        intent: {
+            ...helpersArgTypes.exampleIntent,
+            options: ["UNDEFINED", "primary", "accent", "success", "warning", "danger"],
+        },
+    },
 } as Meta<typeof Tooltip>;
 
 let forcedUpdateKey = 0; // @see https://github.com/storybookjs/storybook/issues/13375#issuecomment-1291011856
diff --git a/src/components/Tooltip/Tooltip.test.tsx b/src/components/Tooltip/Tooltip.test.tsx
index 79429c685..6edc90502 100644
--- a/src/components/Tooltip/Tooltip.test.tsx
+++ b/src/components/Tooltip/Tooltip.test.tsx
@@ -95,4 +95,20 @@ describe("Tooltip", () => {
         });
         expect(await screen.findByText(TooltipStory.args.content as string)).toBeVisible();
     });
+    it("should not apply the accent intent class when intent is undefined", () => {
+        render(
+            <Tooltip {...TooltipStory.args} isOpen intent={undefined}>
+                <span>target</span>
+            </Tooltip>,
+        );
+        expect(document.querySelectorAll(`.${eccgui}-intent--accent`)).toHaveLength(0);
+    });
+    it("should apply the accent intent class for the custom accent intent", () => {
+        render(
+            <Tooltip {...TooltipStory.args} isOpen intent="accent">
+                <span>target</span>
+            </Tooltip>,
+        );
+        expect(document.querySelectorAll(`.${eccgui}-intent--accent`)).toHaveLength(1);
+    });
 });
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index f46c9dcc7..211cbc03e 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -11,7 +11,7 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
 import { Markdown, MarkdownProps } from "./../../cmem/markdown/Markdown";
 
-export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
+export interface TooltipProps extends Omit<BlueprintTooltipProps, "position" | "intent"> {
     /**
      * Add dotted underline as visual indication to the target that a tooltip is attached.
      * Should be used together with text-only elements.
@@ -49,6 +49,10 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
      * For the first display of the tooltip this time adds up to `hoverOpenDelay`.
      */
     swapPlaceholderDelay?: number;
+    /**
+     *
+     */
+    intent?: BlueprintTooltipProps["intent"] | "accent";
 }
 
 export type TooltipSize = "small" | "medium" | "large";
@@ -65,6 +69,7 @@ export const Tooltip = ({
     swapPlaceholderDelay = 100,
     hoverOpenDelay = 450,
     popoverClassName,
+    intent,
     ...otherTooltipProps
 }: TooltipProps) => {
     const placeholderRef = React.useRef(null);
@@ -205,6 +210,7 @@ export const Tooltip = ({
                     popoverClassName,
                     {
                         [`${className}__content`]: className,
+                        [`${eccgui}-intent--${intent}`]: intent === "accent",
                     }
                 )
             }
@@ -218,6 +224,7 @@ export const Tooltip = ({
                             : undefined,
                 } as React.HTMLProps<HTMLElement>
             }
+            intent={intent && intent !== "accent" ? intent : undefined}
         >
             {children}
         </BlueprintTooltip>
diff --git a/src/components/Tooltip/tooltip.scss b/src/components/Tooltip/tooltip.scss
index 3e9678bee..cdd4e974f 100644
--- a/src/components/Tooltip/tooltip.scss
+++ b/src/components/Tooltip/tooltip.scss
@@ -38,6 +38,7 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default;
 }
 
 .#{$eccgui}-tooltip__content {
+
     a {
         color: inherit;
         text-decoration: none;
@@ -66,3 +67,23 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default;
     --cds-popover-background-color: #{$tooltip-background-color};
     --cds-popover-text-color: #{$tooltip-text-color};
 }
+
+.#{$ns}-popover-content {
+    .#{$ns}-tooltip.#{$ns}-intent-primary & {
+        color: $eccgui-color-primary-contrast;
+        background-color: $eccgui-color-primary;
+    }
+    .#{$ns}-tooltip.#{eccgui}-intent--accent & {
+        color: $eccgui-color-accent-contrast;
+        background-color: $eccgui-color-accent;
+    }
+}
+
+.#{$ns}-popover-arrow-fill {
+    .#{$ns}-tooltip.#{$ns}-intent-primary & {
+        fill: $eccgui-color-primary;
+    }
+    .#{$ns}-tooltip.#{eccgui}-intent--accent & {
+        fill: $eccgui-color-accent;
+    }
+}

From bba31485300e46c2e0d2cf0631846f80ac95c447 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 16:30:35 +0200
Subject: [PATCH 08/13] remove import, it is included now in dedicated
 progressbar styles

---
 src/includes/blueprintjs/_components.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/includes/blueprintjs/_components.scss b/src/includes/blueprintjs/_components.scss
index 391cb2a0d..5ea455420 100644
--- a/src/includes/blueprintjs/_components.scss
+++ b/src/includes/blueprintjs/_components.scss
@@ -3,4 +3,3 @@
 @import "~@blueprintjs/core/src/components/context-menu/context-menu";
 @import "~@blueprintjs/core/src/components/overlay/overlay";
 @import "~@blueprintjs/core/src/components/portal/portal";
-@import "~@blueprintjs/core/src/components/progress-bar/progress-bar";

From fb26d4d445650e8a01f16da3546cb49d6c10391b Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 17:07:30 +0200
Subject: [PATCH 09/13] switch behaviour for primary/accent intent colors

---
 CHANGELOG.md                                             | 2 +-
 src/components/MultiSelect/MultiSelect.tsx               | 9 ++++++---
 .../MultiSuggestField/MultiSuggestField.stories.tsx      | 2 +-
 src/components/MultiSuggestField/_multisuggestfield.scss | 8 ++++++++
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index aa25b0f5a..6cf3ffe59 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -36,7 +36,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     - `Toaster.create` is now an async function
 - `<MultiSelect />`
     - by default, if no searchPredicate or searchListPredicate is defined, the filtering is done via case-insensitive multi-word filtering.
-- `<ProgressBar />`, `<MenuItem />`, `<FieldSet />`, `<FieldItem />`, `<Tooltip />`
+- `<ProgressBar />`, `<MenuItem />`, `<FieldSet />`, `<FieldItem />`, `<Tooltip />`, `<MultiSuggestField />`
     - color for `intent="primary"` was changed to our brand color
     - new option `accent` for `intent` uses the accent color
 - `<TextField />`, `<TextArea />`
diff --git a/src/components/MultiSelect/MultiSelect.tsx b/src/components/MultiSelect/MultiSelect.tsx
index 0ffcfb098..4ee74264e 100644
--- a/src/components/MultiSelect/MultiSelect.tsx
+++ b/src/components/MultiSelect/MultiSelect.tsx
@@ -5,6 +5,7 @@ import {
     MultiSelect as BlueprintMultiSelect,
     MultiSelectProps as BlueprintMultiSelectProps,
 } from "@blueprintjs/select";
+import classNames from "classnames";
 
 import { removeExtraSpaces } from "../../common/utils/stringUtils";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
@@ -96,7 +97,7 @@ export interface MultiSuggestFieldCommonProps<T>
     /**
      * Intent state of the multi select.
      */
-    intent?: BlueprintIntent;
+    intent?: BlueprintIntent | "accent";
     /**
      * Disables the input element
      */
@@ -555,10 +556,12 @@ export function MultiSuggestField<T>({
                     "data-testid": dataTestid ? dataTestid + "_searchinput" : undefined,
                     ...inputProps,
                 } as React.InputHTMLAttributes<HTMLInputElement>,
-                className: `${eccgui}-multisuggestfield ${eccgui}-multiselect` + (className ? ` ${className}` : ""),
+                className: classNames(`${eccgui}-multisuggestfield`, `${eccgui}-multiselect`, className, {
+                    [`${eccgui}-intent--${intent}`]: intent === "accent",
+                }),
                 fill: fullWidth,
                 inputRef: inputRef,
-                intent: intent,
+                intent: intent && intent !== "accent" ? intent : undefined,
                 addOnBlur: true,
                 onKeyDown: handleOnKeyDown,
                 onKeyUp: handleOnKeyUp,
diff --git a/src/components/MultiSuggestField/MultiSuggestField.stories.tsx b/src/components/MultiSuggestField/MultiSuggestField.stories.tsx
index 028654451..5a6b97be6 100644
--- a/src/components/MultiSuggestField/MultiSuggestField.stories.tsx
+++ b/src/components/MultiSuggestField/MultiSuggestField.stories.tsx
@@ -35,7 +35,7 @@ export default {
         },
         intent: {
             ...helpersArgTypes.exampleIntent,
-            options: ["UNDEFINED", "primary", "success", "warning", "danger"],
+            options: ["UNDEFINED", "primary", "accent", "success", "warning", "danger"],
         },
     },
     args: {
diff --git a/src/components/MultiSuggestField/_multisuggestfield.scss b/src/components/MultiSuggestField/_multisuggestfield.scss
index 98196b42a..ae0f5a35d 100644
--- a/src/components/MultiSuggestField/_multisuggestfield.scss
+++ b/src/components/MultiSuggestField/_multisuggestfield.scss
@@ -10,6 +10,14 @@
 .#{$eccgui}-multisuggestfield {
     --#{$eccgui}-a11y-outline-color: #{$eccgui-color-accent};
 
+    &.#{$ns}-intent-primary {
+        @include pt-input-intent(eccgui-color-var("identity", "brand", "900"));
+
+        --#{$eccgui}-a11y-outline-color: #{$eccgui-color-primary};
+    }
+    &.#{$eccgui}-intent--accent {
+        @include pt-input-intent(eccgui-color-var("identity", "accent", "900"));
+    }
     &.#{$ns}-intent-success {
         --#{$eccgui}-a11y-outline-color: #{$eccgui-color-success-text};
     }

From 7a9f90e07613b18e33bb109a219a3e6a07219cc7 Mon Sep 17 00:00:00 2001
From: Michael Haschke <michael.haschke@eccenca.com>
Date: Tue, 7 Jul 2026 17:22:04 +0200
Subject: [PATCH 10/13] fix ProgressBar signatur definition

---
 src/components/ProgressBar/ProgressBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ProgressBar/ProgressBar.tsx b/src/components/ProgressBar/ProgressBar.tsx
index ce91a975f..f7864ec4a 100644
--- a/src/components/ProgressBar/ProgressBar.tsx
+++ b/src/components/ProgressBar/ProgressBar.tsx
@@ -11,7 +11,7 @@ export interface ProgressBarProps extends Omit<BlueprintProgressBarProps, "inten
     intent?: BlueprintProgressBarProps["intent"] | "accent";
 }
 
-export const ProgressBar = ({ className, intent, ...otherProps }) => {
+export const ProgressBar = ({ className, intent, ...otherProps }: ProgressBarProps) => {
     return (
         <BlueprintProgressBar
             className={classNames(`${eccgui}-progressbar`, className, {

From 74e1f33a79c2281a11c299c4d1eb0162153b1c74 Mon Sep 17 00:00:00 2001
From: Michael Haschke <haschek@users.noreply.github.com>
Date: Wed, 8 Jul 2026 08:41:34 +0200
Subject: [PATCH 11/13] Fix typo in SCSS var
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Jan-David Stütz <39377488+J-x-D@users.noreply.github.com>
---
 src/components/Tooltip/tooltip.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Tooltip/tooltip.scss b/src/components/Tooltip/tooltip.scss
index cdd4e974f..833b35b9a 100644
--- a/src/components/Tooltip/tooltip.scss
+++ b/src/components/Tooltip/tooltip.scss
@@ -73,7 +73,7 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default;
         color: $eccgui-color-primary-contrast;
         background-color: $eccgui-color-primary;
     }
-    .#{$ns}-tooltip.#{eccgui}-intent--accent & {
+    .#{$ns}-tooltip.#{$eccgui}-intent--accent & {
         color: $eccgui-color-accent-contrast;
         background-color: $eccgui-color-accent;
     }

From 6b5c6cb35d46e5269a2cc8f57e2136dea1039793 Mon Sep 17 00:00:00 2001
From: Michael Haschke <haschek@users.noreply.github.com>
Date: Wed, 8 Jul 2026 08:41:48 +0200
Subject: [PATCH 12/13] Fix typo in SCSS var
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Jan-David Stütz <39377488+J-x-D@users.noreply.github.com>
---
 src/components/Tooltip/tooltip.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Tooltip/tooltip.scss b/src/components/Tooltip/tooltip.scss
index 833b35b9a..3bbd4b051 100644
--- a/src/components/Tooltip/tooltip.scss
+++ b/src/components/Tooltip/tooltip.scss
@@ -83,7 +83,7 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default;
     .#{$ns}-tooltip.#{$ns}-intent-primary & {
         fill: $eccgui-color-primary;
     }
-    .#{$ns}-tooltip.#{eccgui}-intent--accent & {
+    .#{$ns}-tooltip.#{$eccgui}-intent--accent & {
         fill: $eccgui-color-accent;
     }
 }

From 5bced47dfe7c755c83eeda6a992ae5b907c72d80 Mon Sep 17 00:00:00 2001
From: Michael Haschke <haschek@users.noreply.github.com>
Date: Wed, 8 Jul 2026 08:42:11 +0200
Subject: [PATCH 13/13] Add property description
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Jan-David Stütz <39377488+J-x-D@users.noreply.github.com>
---
 src/components/Tooltip/Tooltip.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 211cbc03e..f9b3a06a9 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -50,7 +50,7 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position" | "
      */
     swapPlaceholderDelay?: number;
     /**
-     *
+     * Intent state of the tooltip.
      */
     intent?: BlueprintTooltipProps["intent"] | "accent";
 }