@eccenca/gui-elements 25.1.0-rc.4 → 25.2.0-featuredarkthemesupportcmem7503.0

package/src/includes/carbon-components/_requisits.scss

@@ -8,11 +8,13 @@
     $use-flexbox-grid: $use-flexbox-grid
 );
 @use "~@carbon/react/scss/utilities/_visually-hidden";
-// we replicate the function here because the distinct import is not ossible via @carbon/react
+
+// we replicate the function here because the distinct import is not possible via @carbon/react
 // @import "~@carbon/styles/scss/components/ui-shell/functions";
 @function mini-units($count) {
     @return 0.5rem * $count;
 }
+
 @import "~@carbon/react/scss/feature-flags";
 @import "~@carbon/react/scss/colors";
 @import "~@carbon/react/scss/theme";
@@ -21,5 +23,15 @@
     @include theme;
 }
 
+:root, .#{$eccgui}-palette--light, .#{$eccgui}-palette--dark {
+    // overwrite some custom properties
+    --#{$prefix}-focus: #{$eccgui-color-accent};
+    --#{$prefix}-icon-primary: #{$eccgui-color-workspace-text};
+    --#{$prefix}-border-subtle-00: #{eccgui-color-var("identity", "background", "700")};
+    --#{$prefix}-border-subtle: var(--#{$prefix}-border-subtle-00);
+    --#{$prefix}-icon-secondary: #{eccgui-color-var("identity", "text", "700")};
+    --#{$prefix}-icon-primary: #{eccgui-color-var("identity", "text", "900")};
+}
+
 @import "~@carbon/react/scss/spacing";
 @import "~@carbon/react/scss/utilities/z-index";

package/src/includes/carbon-components/_variables.scss

@@ -4,7 +4,7 @@
  * - see blueprint import for variables that need to be overwritten with other values
  */
 
- @use "sass:math";
+@use "sass:math";
 
 // Configuration
 
@@ -103,6 +103,7 @@ $text-primary: $eccgui-color-applicationheader-text !default;
 $text-secondary: $eccgui-color-workspace-text !default;
 $link-primary: $eccgui-color-accent !default;
 $link-primary-hover: $eccgui-color-info-text !default;
+$link-secondary: $eccgui-color-accent !default;
 $link-visited: purple !default;
 $hover-ui: $button-background-color-hover !default;
 $background-hover: $hover-ui !default;

package/src/index.scss

@@ -25,10 +25,10 @@
 // calculate blueprintjs configuration
 @import "./includes/blueprintjs/variables";
 
-// map our palette to BLueprint colors
+// map our palette to BlueprintJS colors
 @import "./includes/blueprintjs/colormap";
 
-// load blueprintjs requisists
+// load blueprintjs requisites
 @import "./includes/blueprintjs/requisits";
 
 // load blueprintjs components

package/src/test/setupTests.js

@@ -1,6 +1,6 @@
 import "regenerator-runtime/runtime";
 
-if (window.document) {
+if (typeof window !== "undefined" && window.document) {
     window.document.body.createTextRange = function () {
         return {
             setEnd: function () {},