Merge pull request #3813 from Wai-Technologies/user/sagar/bug-3808-raaghu-design-system-text-editor-map-ai-typing-section-issues

Resolved Bug 3808 : Design System > Components> React 18 > Text Editor > Dark theme state control is not working.

Author: VenuKG

raaghu-components/rds-comp-map/rds-comp-map.scss

@@ -183,11 +183,9 @@
   }
 
   &--heatmap {
-    background: linear-gradient(0deg, var(--rds-comp-map-heatmap-0), var(--rds-comp-map-heatmap-0)),
-      radial-gradient(50.38% 50.38% at 30.5% 6.53%, var(--rds-comp-map-heatmap-1) 0%, var(--rds-comp-map-heatmap-2) 33%, var(--rds-comp-map-heatmap-3) 67.18%, var(--rds-comp-map-heatmap-4) 100%),
-      radial-gradient(61.69% 61.69% at 78.5% 19.32%, var(--rds-comp-map-heatmap-5) 0%, var(--rds-comp-map-heatmap-6) 38.26%, var(--rds-comp-map-heatmap-7) 100%),
-      radial-gradient(36.18% 63.42% at 35.64% 37.56%, var(--rds-comp-map-heatmap-8) 0%, var(--rds-comp-map-heatmap-9) 44.15%, rgba(181, 228, 62, 0) 100%),
-      radial-gradient(18.75% 43.04% at 26.5% 80.97%, var(--rds-comp-map-heatmap-10) 0%, var(--rds-comp-map-heatmap-11) 50%, rgba(252, 71, 3, 0) 100%);
+    /* Heatmap colors are applied to country fills only; keep container on theme background */
+    background-color: var(--rds-bg, transparent) !important;
+    background-image: none;
 
     .rds-comp-map__label {
       color: var(--rds-text, #333);

raaghu-components/rds-comp-text-editor/rds-comp-text-editor.scss

@@ -313,6 +313,14 @@ body.dark-theme .rds-comp-text-editor {
   border-color: var(--rds-border-default, rgba(255, 255, 255, 0.18));
   color: var(--rds-neutral-0, #fff);
 
+  &.rds-comp-text-editor--active {
+    border-color: var(--rds-color-primary, var(--rds-primary-main));
+  }
+
+  &.rds-comp-text-editor--error {
+    border-color: var(--rds-color-error, var(--rds-error-main));
+  }
+
   &.rds-comp-text-editor--disabled {
     background-color: var(--rds-color-disabled-surface-dark, #2b2f3a);
     border-color: var(--rds-border-default, rgba(255, 255, 255, 0.16));