...

Author: mstijak

.claude/settings.local.json

@@ -39,7 +39,8 @@
       "Bash(wc -l \"D:\\\\Code\\\\CxJS\\\\cxjs\\\\packages\\\\cx\\\\src\"/**/*.scss)",
       "Bash(git grep:*)",
       "Bash(node build/index.js:*)",
-      "Bash(npx sass:*)"
+      "Bash(npx sass:*)",
+      "mcp__playwright__browser_close"
     ],
     "deny": [],
     "ask": []

packages/cx/src/charts/palette.scss

@@ -1,32 +1,8 @@
-@use "../util/scss/besm.scss" as *;
-@use "../util/scss/include.scss" as *;
-
-//https://www.materialui.co/colors
-//normal:200 900
-//hover:100 700
-//selected: 300 900
-//disabled: 0 100
+// Use root entry points to get configured values
+@use "../variables" as *;
 @use "sass:map";
 @use "sass:list";
 
-$cx-default-palette-colors: rgba(244, 67, 54, 1) rgba(233, 30, 99, 1) rgba(156, 39, 176, 1) rgba(103, 58, 183, 1)
-   rgba(63, 81, 181, 1) rgba(33, 150, 243, 1) rgba(3, 169, 244, 1) rgba(0, 188, 212, 1) rgba(0, 150, 136, 1)
-   rgba(76, 175, 80, 1) rgba(139, 195, 74, 1) rgba(205, 220, 57, 1) rgba(255, 235, 59, 1) rgba(255, 193, 7, 1)
-   rgba(255, 152, 0, 1) rgba(255, 87, 34, 1) !default;
-
-$cx-default-palette-fill-whiten: 60% !default;
-$cx-default-palette-fill-hover-whiten: 50% !default;
-$cx-default-palette-fill-selected-whiten: 20% !default;
-$cx-default-palette-fill-disabled-whiten: 90% !default;
-
-$cx-default-palette-fill-blacken: 0% !default;
-$cx-default-palette-fill-hover-blacken: 0% !default;
-$cx-default-palette-fill-selected-blacken: 0% !default;
-$cx-default-palette-fill-disabled-blacken: 0% !default;
-
-$cx-default-palette-stroke-whiten: 0% !default;
-$cx-default-palette-stroke-blacken: 10% !default;
-
 @mixin cx-palette(
    $palette-colors: $cx-default-palette-colors,
    $palette-fill-whiten: $cx-default-palette-fill-whiten,

packages/cx/src/charts/palette.variables.scss

@@ -0,0 +1,23 @@
+//https://www.materialui.co/colors
+//normal:200 900
+//hover:100 700
+//selected: 300 900
+//disabled: 0 100
+
+$cx-default-palette-colors: rgba(244, 67, 54, 1) rgba(233, 30, 99, 1) rgba(156, 39, 176, 1) rgba(103, 58, 183, 1)
+   rgba(63, 81, 181, 1) rgba(33, 150, 243, 1) rgba(3, 169, 244, 1) rgba(0, 188, 212, 1) rgba(0, 150, 136, 1)
+   rgba(76, 175, 80, 1) rgba(139, 195, 74, 1) rgba(205, 220, 57, 1) rgba(255, 235, 59, 1) rgba(255, 193, 7, 1)
+   rgba(255, 152, 0, 1) rgba(255, 87, 34, 1) !default;
+
+$cx-default-palette-fill-whiten: 60% !default;
+$cx-default-palette-fill-hover-whiten: 50% !default;
+$cx-default-palette-fill-selected-whiten: 20% !default;
+$cx-default-palette-fill-disabled-whiten: 90% !default;
+
+$cx-default-palette-fill-blacken: 0% !default;
+$cx-default-palette-fill-hover-blacken: 0% !default;
+$cx-default-palette-fill-selected-blacken: 0% !default;
+$cx-default-palette-fill-disabled-blacken: 0% !default;
+
+$cx-default-palette-stroke-whiten: 0% !default;
+$cx-default-palette-stroke-blacken: 10% !default;

packages/cx/src/charts/variables.scss

@@ -1,5 +1,5 @@
 @forward "axis/variables";
-@forward "palette";
+@forward "palette.variables";
 @use "sass:map";
 
 @use "../util/scss/include.scss" as *;

packages/cx/src/util/scss/include.scss

@@ -1,3 +1,4 @@
+@forward "colors";
 @use "call-once" as *;
 @use "colors" as *;
 @use "sass:map";