Merge branch 'develop' into feature/reusableRuleBlocks-CMEM-1590

# Conflicts:
#	CHANGELOG.md

Author: andreas-schultz

CHANGELOG.md

@@ -25,6 +25,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 - `<MultiSelect />`
     - border of the BlueprintJS `Tag` elements were fixed
+- `<CodeEditor />`
+    - `readOnly` appearance uses same borders like read-only text fields and it does not display a blinking cursor
+- `<Button />`, `<IconButton />`
+    - outlines for focus by keyboard navigation are better recognizable on buttons with colored backgrounds (intent states)
 - `extendedTooltip` of a handle in the ReactFlow (v12) component does not show the tooltip.
 
 ### Changed

src/components/Button/button.scss

@@ -116,6 +116,11 @@ $button-intents: (
             @include pt-button-intent(map.get($button-intents, $intentvalue)...);
         }
 
+        &:focus-visible {
+            box-shadow: inset 0 0 0 $eccgui-size-inline-whitespace * 0.6
+                #{eccgui-color-var("identity", "background", "100")} !important;
+        }
+
         &.#{$ns}-minimal,
         &.#{$ns}-outlined {
             color: list.nth(map.get($button-intents, $intentvalue), 1);

src/components/Icon/icon.scss

@@ -55,6 +55,12 @@ svg.#{$eccgui}-icon {
     & > .#{$eccgui}-tooltip__wrapper + .#{$ns}-button-text {
         margin-left: 0;
     }
+
+    &[class*="#{$ns}-intent-"] {
+        .#{$eccgui}-tooltip__wrapper [tabindex="0"] {
+            outline-color: currentcolor;
+        }
+    }
 }
 
 .#{$eccgui}-menu__item {

src/extensions/codemirror/_codemirror.scss

@@ -64,6 +64,18 @@ $eccgui-size-codeeditor-toolbar-height: $button-height !default;
             padding: 0;
         }
 
+        &:has(.cm-content[aria-readonly="true"]) {
+            box-shadow: inset 0 0 0 1px $pt-divider-black;
+
+            &:focus {
+                box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;
+            }
+
+            .cm-cursor {
+                display: none;
+            }
+        }
+
         &[class*="#{$eccgui}-intent--"] {
             animation-duration: 1s;
             animation-delay: 0.5s;