cx 26.2.2 → 26.2.3

package/src/charts/ScatterGraph.scss

@@ -1,24 +1,27 @@
 @use "sass:map";
+@use "sass:math";
+@use "../util/scss/besm.scss" as *;
+@use "../util/scss/include.scss" as *;
+@use "../util/scss/add-rules.scss" as *;
+@use "../util/scss/clockwise.scss" as *;
+@use "./variables" as *;
 
-
-@mixin cx-scattergraph(
-   $name: 'scattergraph',
-   $besm: $cx-besm
-) {
+@mixin cx-scattergraph($name: "scattergraph", $besm: $cx-besm) {
    $block: map.get($besm, block);
    $element: map.get($besm, element);
    $state: map.get($besm, state);
 
    .#{$element}#{$name}-shape {
-      fill: rgb(128, 128, 128);
+      fill: $cx-default-chart-marker-color;
+      stroke-width: $cx-default-chart-marker-stroke-width;
       opacity: 0.8;
 
       &.#{$state}selected {
-         stroke-width: 2px;
+         stroke-width: $cx-default-chart-selected-stroke-width;
       }
    }
 }
 
-@if (cx-should-include('cx/charts/ScatterGraph')) {
+@if (cx-should-include("cx/charts/ScatterGraph")) {
    @include cx-scattergraph();
-}
+}

package/src/charts/axis/Axis.scss

@@ -1,23 +1,24 @@
+@use "../variables" as *;
 
 @mixin cxb-axis() {
    shape-rendering: crispEdges;
 }
 
 @mixin cxe-axis-ticks() {
-   stroke: $cx-axis-ticks-stroke;
+   stroke: $cx-default-chart-axis-tick-color;
    stroke-width: 1px;
 }
 
 @mixin cxe-axis-line() {
-   stroke: $cx-axis-line-stroke;
+   stroke: $cx-default-chart-axis-line-color;
    stroke-width: 1px;
 }
 
 @mixin cxe-axis-label() {
-   font-size: smaller;
-   fill: currentColor;
+   font-size: $cx-default-chart-axis-label-font-size;
+   fill: $cx-default-chart-axis-label-color;
 }
 
 @mixin cxe-axis-label-offset() {
    visibility: hidden;
-}
+}

package/src/charts/axis/CategoryAxis.scss

@@ -1,10 +1,12 @@
 @use "sass:map";
-
-
-@mixin cx-categoryaxis(
-   $name: 'categoryaxis',
-   $besm: $cx-besm
-) {
+@use "sass:math";
+@use "../../util/scss/add-rules.scss" as *;
+@use "../../util/scss/clockwise.scss" as *;
+@use "../../util/scss/besm.scss" as *;
+@use "../../util/scss/include.scss" as *;
+@use "./Axis.scss" as *;
+
+@mixin cx-categoryaxis($name: "categoryaxis", $besm: $cx-besm) {
    $block: map.get($besm, block);
    $element: map.get($besm, element);
    $state: map.get($besm, state);
@@ -30,6 +32,6 @@
    }
 }
 
-@if (cx-should-include('cx/charts/CategoryAxis')) {
+@if (cx-should-include("cx/charts/CategoryAxis")) {
    @include cx-categoryaxis();
-}
+}

package/src/charts/axis/NumericAxis.scss

@@ -1,10 +1,13 @@
+@use "sass:math";
+@use "../../util/scss/add-rules.scss" as *;
+@use "../../util/scss/clockwise.scss" as *;
+@use "../../util/scss/besm.scss" as *;
+@use "../../util/scss/include.scss" as *;
+@use "./Axis.scss" as *;
 
 @use "sass:map";
 
-@mixin cx-numericaxis(
-   $name: 'numericaxis',
-   $besm: $cx-besm
-) {
+@mixin cx-numericaxis($name: "numericaxis", $besm: $cx-besm) {
    $block: map.get($besm, block);
    $element: map.get($besm, element);
    $state: map.get($besm, state);
@@ -30,6 +33,6 @@
    }
 }
 
-@if (cx-should-include('cx/charts/NumericAxis')) {
+@if (cx-should-include("cx/charts/NumericAxis")) {
    @include cx-numericaxis();
-}
+}

package/src/charts/axis/TimeAxis.scss

@@ -1,9 +1,12 @@
 @use "sass:map";
+@use "sass:math";
+@use "../../util/scss/besm.scss" as *;
+@use "../../util/scss/include.scss" as *;
+@use "../../util/scss/add-rules.scss" as *;
+@use "../../util/scss/clockwise.scss" as *;
+@use "./Axis.scss" as *;
 
-@mixin cx-timeaxis(
-   $name: 'timeaxis',
-   $besm: $cx-besm
-) {
+@mixin cx-timeaxis($name: "timeaxis", $besm: $cx-besm) {
    $block: map.get($besm, block);
    $element: map.get($besm, element);
    $state: map.get($besm, state);
@@ -29,6 +32,6 @@
    }
 }
 
-@if (cx-should-include('cx/charts/TimeAxis')) {
+@if (cx-should-include("cx/charts/TimeAxis")) {
    @include cx-timeaxis();
-}
+}