@semcore/d3-chart 2.5.5 → 2.6.0

package/lib/es6/ScatterPlot.js

@@ -30,16 +30,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_16jia_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_16jia);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_16jia_gg_:hover{opacity:.8}.___SScatterPlot_16jia_gg_.__color_16jia_gg_{fill:var(--color_16jia)}.___SValue_16jia_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_16jia_gg_.__color_16jia_gg_{stroke:var(--color_16jia)}"
+".___SScatterPlot_16r5l_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_16r5l);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_16r5l_gg_:hover{opacity:.8}.___SScatterPlot_16r5l_gg_.__color_16r5l_gg_{fill:var(--color_16r5l)}.___SValue_16r5l_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50,10px);stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SValue_16r5l_gg_.__color_16r5l_gg_{stroke:var(--color_16r5l)}"
 /*__inner_css_end__*/
-, "16jia_gg_")
+, "16r5l_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_16jia_gg_",
-  "--duration": "--duration_16jia",
-  "_color": "__color_16jia_gg_",
-  "--color": "--color_16jia",
-  "__SValue": "___SValue_16jia_gg_"
+  "__SScatterPlot": "___SScatterPlot_16r5l_gg_",
+  "--duration": "--duration_16r5l",
+  "_color": "__color_16r5l_gg_",
+  "--color": "--color_16r5l",
+  "__SValue": "___SValue_16r5l_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_1r57d_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_1r57d_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_1r57d_gg_{display:flex;align-items:center}.___SDot_1r57d_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_1r57d_gg_.__color_1r57d_gg_{background:var(--color_1r57d)}"
+".___STooltip_17u9r_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral,#fff);border-radius:var(--intergalactic-rounded-medium,6px);border:1px solid var(--intergalactic-border-secondary,#e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper,0 1px 12px 0 rgba(25,27,35,.15));padding:var(--intergalactic-spacing-3x,12px)}.___STitle_17u9r_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_17u9r_gg_{display:flex;align-items:center}.___SDot_17u9r_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_17u9r_gg_.__color_17u9r_gg_{background:var(--color_17u9r)}"
 /*__inner_css_end__*/
-, "1r57d_gg_")
+, "17u9r_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_1r57d_gg_",
-  "__STitle": "___STitle_1r57d_gg_",
-  "__SDotGroup": "___SDotGroup_1r57d_gg_",
-  "__SDot": "___SDot_1r57d_gg_",
-  "_color": "__color_1r57d_gg_",
-  "--color": "--color_1r57d"
+  "__STooltip": "___STooltip_17u9r_gg_",
+  "__STitle": "___STitle_17u9r_gg_",
+  "__SDotGroup": "___SDotGroup_17u9r_gg_",
+  "__SDot": "___SDot_17u9r_gg_",
+  "_color": "__color_17u9r_gg_",
+  "--color": "--color_17u9r"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Venn.js

@@ -26,16 +26,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1kjqu_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1kjqu);transition-timing-function:ease-in-out}.___SCircle_1kjqu_gg_:hover{fill-opacity:.7}.___SCircle_1kjqu_gg_.__color_1kjqu_gg_{fill:var(--color_1kjqu)}.___SIntersection_1kjqu_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1kjqu_gg_:hover{fill-opacity:.1}"
+".___SCircle_g31rb_gg_{fill:var(--intergalactic-chart-palette-order-green,#59ddaa);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_g31rb);transition-timing-function:ease-in-out}.___SCircle_g31rb_gg_:hover{fill-opacity:.7}.___SCircle_g31rb_gg_.__color_g31rb_gg_{fill:var(--color_g31rb)}.___SIntersection_g31rb_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_g31rb_gg_:hover{fill-opacity:.1}"
 /*__inner_css_end__*/
-, "1kjqu_gg_")
+, "g31rb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1kjqu_gg_",
-  "--duration": "--duration_1kjqu",
-  "_color": "__color_1kjqu_gg_",
-  "--color": "--color_1kjqu",
-  "__SIntersection": "___SIntersection_1kjqu_gg_"
+  "__SCircle": "___SCircle_g31rb_gg_",
+  "--duration": "--duration_g31rb",
+  "_color": "__color_g31rb_gg_",
+  "--color": "--color_g31rb",
+  "__SIntersection": "___SIntersection_g31rb_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/a11y/PlotA11yModule.js

@@ -20,12 +20,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_1a03l_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1a03l_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+".___SPlotA11yModule_6qnh5_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_6qnh5_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "1a03l_gg_")
+, "6qnh5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_1a03l_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_6qnh5_gg_"
 });
 import { Context as I18nContext } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -27,13 +27,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yView_8bq6x_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_8bq6x_gg_:focus,.___SPlotA11yView_8bq6x_gg_.__focus-within_8bq6x_gg_{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_8bq6x_gg_:focus,.___SPlotA11yView_8bq6x_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_8bq6x_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_8bq6x_gg_ table,.___SPlotA11yView_8bq6x_gg_ td,.___SPlotA11yView_8bq6x_gg_ th{border:1px solid #000}"
+".___SPlotA11yView_ucqp4_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23);border:3px solid var(--intergalactic-border-primary,#c4c7cf);font-size:var(--intergalactic-fs-50,10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_ucqp4_gg_:focus,.___SPlotA11yView_ucqp4_gg_.__focus-within_ucqp4_gg_{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay,500);position:relative;display:block}.___SPlotA11yView_ucqp4_gg_:focus,.___SPlotA11yView_ucqp4_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay,500);position:relative;display:block}.___SPlotA11yView_ucqp4_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_ucqp4_gg_ table,.___SPlotA11yView_ucqp4_gg_ td,.___SPlotA11yView_ucqp4_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
 /*__inner_css_end__*/
-, "8bq6x_gg_")
+, "ucqp4_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_8bq6x_gg_",
-  "_focus-within": "__focus-within_8bq6x_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_ucqp4_gg_",
+  "_focus-within": "__focus-within_ucqp4_gg_"
 });
 import { Box } from '@semcore/flex-box';
 export var PlotA11yView = function PlotA11yView(_ref3) {

package/lib/es6/style/area.shadow.css

@@ -1,7 +1,7 @@
 @import './var.css';
 
 SArea {
-  fill: var(--blue-03);
+  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
   fill-opacity: 0.2;
 }
 
@@ -10,7 +10,7 @@ SArea[color] {
 }
 
 SAreaLine {
-  stroke: var(--blue-03);
+  stroke: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
   stroke-width: 3;
   fill: transparent;
 }
@@ -28,7 +28,7 @@ SAreaLine {
 
 SNull {
   fill: transparent;
-  stroke: var(--gray-400);
+  stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
   stroke-dasharray: 4;
 }
 

package/lib/es6/style/axis.shadow.css

@@ -1,7 +1,5 @@
-@import '@semcore/utils/style/var.css';
-
 SAxis {
-  stroke: var(--gray-200);
+  stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
 }
 
 SAxis[hide] {
@@ -9,8 +7,8 @@ SAxis[hide] {
 }
 
 STick {
-  font-size: 12px;
-  fill: var(--gray-500);
+  font-size: var(--intergalactic-fs-100, 12px);
+  fill: var(--intergalactic-chart-grid-text-label, #6c6e79);
 }
 
 STick[hide] {
@@ -19,12 +17,12 @@ STick[hide] {
 
 SGrid {
   fill: transparent;
-  stroke: var(--gray-100);
+  stroke: var(--intergalactic-border-secondary, #e0e1e9);
 }
 
 STitle {
-  font-size: 12px;
-  fill: var(--gray-500);
+  font-size: var(--intergalactic-fs-100, 12px);
+  fill: var(--intergalactic-text-hint, #6c6e79);
   transform-origin: var(--transform-origin);
 }
 

package/lib/es6/style/bar.shadow.css

@@ -1,8 +1,7 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SBar {
-  fill: var(--blue-03);
+  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
   transition-property: height, width, y;
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
@@ -17,5 +16,5 @@ SBar[hide] {
 }
 
 SBackground {
-  fill: var(--gray-200);
+  fill: var(--intergalactic-chart-palette-order-other-data, #c4c7cf);
 }

package/lib/es6/style/bubble.shadow.css

@@ -1,9 +1,8 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SBubble {
-  fill: var(--blue-03);
-  stroke: #fff;
+  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
+  stroke: var(--intergalactic-chart-grid-border, #ffffff);
   stroke-width: 2px;
   transition-property: cx, cy;
   transition-duration: var(--duration);
@@ -20,8 +19,9 @@ SBubble[color] {
 
 SCenter {
   text-anchor: middle;
-  font-size: 11px;
-  stroke: var(--blue-03);
+  /* disable-tokens-validator */
+  font-size: calc(var(--intergalactic-fs-100, 12px) - 1px);
+  stroke: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
 }
 
 SCenter[color] {
@@ -29,7 +29,7 @@ SCenter[color] {
 }
 
 SLabel {
-  fill: var(--blue-03);
+  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
 }
 
 SLabel[position='right'] {

package/lib/es6/style/donut.shadow.css

@@ -1,9 +1,8 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SPie {
-  stroke: #ffffff;
-  fill: var(--blue-03);
+  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
 }
 
 SPie[color] {
@@ -11,7 +10,7 @@ SPie[color] {
 }
 
 SEmptyData {
-  fill: var(--gray-100);
+  fill: var(--intergalactic-chart-palette-order-null, #e0e1e9);
 }
 
 SEmptyData[color] {

package/lib/es6/style/dot.shadow.css

@@ -1,4 +1,3 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SDots {
@@ -9,9 +8,9 @@ SDots {
 
 SDot {
   stroke-width: 2px;
-  stroke: #fff;
+  stroke: var(--intergalactic-chart-grid-border, #ffffff);
   r: 6px;
-  fill: var(--blue-03);
+  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
   transition-property: cx, cy;
   transition-timing-function: ease-in-out;
 }

package/lib/es6/style/hover.shadow.css

@@ -1,9 +1,7 @@
-@import '@semcore/utils/style/var.css';
-
 SHoverLine {
-  stroke: var(--gray-300);
+  stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
 }
 
 SHoverRect {
-  fill: color-mod(var(--gray-200) a(30%));
+  fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
 }

package/lib/es6/style/line.shadow.css

@@ -1,10 +1,9 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SLine {
   fill: transparent;
   stroke-width: 3;
-  stroke: var(--blue-03);
+  stroke: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
   transition-property: d;
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
@@ -20,7 +19,7 @@ SLine[hide] {
 
 SNull {
   fill: transparent;
-  stroke: var(--gray-200);
+  stroke: var(-intergalactic-border-primary);
   stroke-dasharray: 4;
 }
 

package/lib/es6/style/plot.shadow.css

@@ -1,4 +1,3 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SPlot {
@@ -15,6 +14,6 @@ foreignObject[data-aria-only] {
 }
 
 SPlot[keyboardFocused] {
-  border: 1px solid var(--blue-400);
-  box-shadow: var(--keyboard-focus);
+  border: 1px solid var(--intergalactic-chart-palette-order-blue-second-order, #008ff8);
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
 }

package/lib/es6/style/plotA11yModule.shadow.css

@@ -1,4 +1,3 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SPlotA11yModule {

package/lib/es6/style/plotA11yView.shadow.css

@@ -1,14 +1,14 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SPlotA11yView {
   user-select: none;
   pointer-events: none;
   opacity: 0;
-  background-color: white;
-  color: black;
-  border: 3px solid black;
-  font-size: 10px;
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  color: var(--intergalactic-text-primary, #191b23);
+  border: 3px solid var(--intergalactic-border-primary, #c4c7cf);
+  font-size: var(--intergalactic-fs-50, 10px);
+  /* disable-tokens-validator */
   padding: 2px;
   width: 200px;
   height: 200px;
@@ -21,19 +21,19 @@ SPlotA11yView:focus {
   user-select: all;
   pointer-events: all;
   opacity: 1;
-  z-index: 100;
+  z-index: var(--intergalactic-z-index-overlay, 500);
   position: relative;
   display: block;
 }
 SPlotA11yView a {
   cursor: pointer;
   text-decoration: underline;
-  margin-bottom: 8px;
+  margin-bottom: var(--intergalactic-spacing-2x, 8px);
   display: block;
 }
 
 SPlotA11yView table,
 SPlotA11yView td,
 SPlotA11yView th {
-  border: 1px solid black;
+  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
 }

package/lib/es6/style/radial-tree.shadow.css

@@ -1,13 +1,12 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SRadian {
   cursor: pointer;
-  fill: var(--blue-04);
+  fill: var(--intergalactic-chart-palette-order-blue-second-order, #008ff8);
 }
 
 SLine {
-  stroke: var(--blue-04);
+  stroke: var(--intergalactic-chart-palette-order-blue-second-order, #008ff8);
 }
 
 SLine[color] {

package/lib/es6/style/reference-line.shadow.css

@@ -1,13 +1,11 @@
-@import '@semcore/utils/style/var.css';
-
 SReferenceLine {
   fill: none;
-  stroke: var(--gray-300);
+  stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
 }
 
 STitle {
-  font-size: var(--fs-100);
-  fill: var(--gray-500);
+  font-size: var(--intergalactic-fs-100, 12px);
+  fill: var(--intergalactic-chart-grid-text-label, #6c6e79);
   transform-origin: var(--transform-origin);
 }
 
@@ -33,5 +31,5 @@ STitle[position='left'] {
 }
 
 SBackground {
-  fill: color-mod(var(--gray-200) a(20%));
+  fill: var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2));
 }

package/lib/es6/style/scatterplot.shadow.css

@@ -1,8 +1,7 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 SScatterPlot {
-  fill: var(--blue-03);
+  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
   transition-property: cx, cy;
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
@@ -18,8 +17,8 @@ SScatterPlot[color] {
 
 SValue {
   text-anchor: middle;
-  font-size: 10px;
-  stroke: var(--blue-04);
+  font-size: var(--intergalactic-fs-50, 10px);
+  stroke: var(--intergalactic-chart-palette-order-blue-second-order, #008ff8);
 }
 
 SValue[color] {

package/lib/es6/style/tooltip.shadow.css

@@ -1,21 +1,20 @@
-@import '@semcore/utils/style/var.css';
 @import './var.css';
 
 STooltip {
-  font-size: var(--fs-100);
-  line-height: var(--lh-100);
+  font-size: var(--intergalactic-fs-100, 12px);
+  line-height: var(--intergalactic-lh-100, 133%);
   position: relative;
-  background-color: #fff;
-  border-radius: 6px;
-  border: 1px solid var(--gray-100);
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  border-radius: var(--intergalactic-rounded-medium, 6px);
+  border: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
   box-sizing: border-box;
-  box-shadow: var(--box-shadow-popper);
-  padding: 12px;
+  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+  padding: var(--intergalactic-spacing-3x, 12px);
 }
 
 STitle {
-  color: var(--gray-500);
-  margin-bottom: 8px;
+  color: var(--intergalactic-text-secondary, #6c6e79);
+  margin-bottom: var(--intergalactic-spacing-2x, 8px);
 }
 
 SDotGroup {
@@ -27,8 +26,8 @@ SDot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  margin-right: 8px;
-  background: var(--blue-03);
+  margin-right: var(--intergalactic-spacing-2x, 8px);
+  background: var(--intergalactic-icon-secondary-info, #2bb3ff);
 }
 
 SDot[color] {

package/lib/es6/style/venn.shadow.css

@@ -1,8 +1,8 @@
 @import './var.css';
 
 SCircle {
-  fill: var(--green-02);
-  stroke: #fff;
+  fill: var(--intergalactic-chart-palette-order-green, #59ddaa);
+  stroke: var(--intergalactic-chart-grid-border, #ffffff);
   stroke-width: 2px;
   fill-opacity: 0.5;
   transition-property: cx, cy;
@@ -19,7 +19,7 @@ SCircle[color] {
 }
 
 SIntersection {
-  stroke: #fff;
+  stroke: var(--intergalactic-chart-grid-border, #ffffff);
   stroke-width: 2px;
   fill-opacity: 0;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.5.5",
+  "version": "2.6.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",