@semcore/d3-chart 3.60.2 → 3.61.0-prerelease.1

package/lib/es6/Tooltip.js

@@ -21,17 +21,17 @@ import createElement from './createElement';
 import { getChartDefaultColorName } from './utils';
 import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
 /*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_bqgny_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_bqgny_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_bqgny_gg_{display:flex;align-items:center}.___SDot_bqgny_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_bqgny_gg_.__color_bqgny_gg_{background-color:var(--color_bqgny);width:8px;height:8px;border-radius:50%}.___SFooter_bqgny_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"bqgny_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1mmbh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));padding:var(--intergalactic-spacing-3x, 12px)}@supports (color:color(display-p3 0 0 0)){.___STooltip_1mmbh_gg_{border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___STooltip_1mmbh_gg_{border:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1mmbh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-bottom:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0)){.___STitle_1mmbh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1mmbh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_1mmbh_gg_{display:flex;align-items:center}.___SDot_1mmbh_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1mmbh_gg_.__color_1mmbh_gg_{background-color:var(--color_1mmbh);width:8px;height:8px;border-radius:50%}.___SFooter_1mmbh_gg_{background:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1mmbh_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__STooltip": "___STooltip_bqgny_gg_",
-  "__STitle": "___STitle_bqgny_gg_",
-  "__SDotGroup": "___SDotGroup_bqgny_gg_",
-  "__SDot": "___SDot_bqgny_gg_",
-  "__SDotCircle": "___SDotCircle_bqgny_gg_",
-  "_color": "__color_bqgny_gg_",
-  "--color": "--color_bqgny",
-  "__SFooter": "___SFooter_bqgny_gg_"
+  "__STooltip": "___STooltip_1mmbh_gg_",
+  "__STitle": "___STitle_1mmbh_gg_",
+  "__SDotGroup": "___SDotGroup_1mmbh_gg_",
+  "__SDot": "___SDot_1mmbh_gg_",
+  "__SDotCircle": "___SDotCircle_1mmbh_gg_",
+  "_color": "__color_1mmbh_gg_",
+  "--color": "--color_1mmbh",
+  "__SFooter": "___SFooter_1mmbh_gg_"
 });
 import { PatternSymbol } from './Pattern';
 

package/lib/es6/Venn.js

@@ -20,17 +20,17 @@ import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*!__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_11le9_gg_,.___SIntersection_11le9_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_11le9_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_11le9);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_11le9_gg_:hover{fill-opacity:.7}}.___SCircle_11le9_gg_.__color_11le9_gg_{fill:var(--color_11le9)}.___SCircle_11le9_gg_.__pattern_11le9_gg_.__color_11le9_gg_{fill:var(--pattern_11le9);fill-opacity:.7;stroke:var(--color_11le9);stroke-width:1px}@media (hover:hover){.___SCircle_11le9_gg_.__pattern_11le9_gg_.__color_11le9_gg_:hover{fill-opacity:.85}}.___SCircle_11le9_gg_.__transparent_11le9_gg_{opacity:.3}.___SIntersection_11le9_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_11le9_gg_:hover{fill-opacity:.1}}.___SIntersection_11le9_gg_.__transparent_11le9_gg_{opacity:.3}", /*__inner_css_end__*/"11le9_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_17mhn_gg_,.___SIntersection_17mhn_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_17mhn_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_17mhn);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_17mhn_gg_:hover{fill-opacity:.7}}.___SCircle_17mhn_gg_.__color_17mhn_gg_{fill:var(--color_17mhn)}.___SCircle_17mhn_gg_.__pattern_17mhn_gg_.__color_17mhn_gg_{fill:var(--pattern_17mhn);fill-opacity:.7;stroke:var(--color_17mhn);stroke-width:1px}@media (hover:hover){.___SCircle_17mhn_gg_.__pattern_17mhn_gg_.__color_17mhn_gg_:hover{fill-opacity:.85}}.___SCircle_17mhn_gg_.__transparent_17mhn_gg_{opacity:.3}.___SIntersection_17mhn_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_17mhn_gg_:hover{fill-opacity:.1}}.___SIntersection_17mhn_gg_.__transparent_17mhn_gg_{opacity:.3}", /*__inner_css_end__*/"17mhn_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCircle": "___SCircle_11le9_gg_",
-  "_color": "__color_11le9_gg_",
-  "--color": "--color_11le9",
-  "_transparent": "__transparent_11le9_gg_",
-  "__SIntersection": "___SIntersection_11le9_gg_",
-  "--duration": "--duration_11le9",
-  "_pattern": "__pattern_11le9_gg_",
-  "--pattern": "--pattern_11le9"
+  "__SCircle": "___SCircle_17mhn_gg_",
+  "_color": "__color_17mhn_gg_",
+  "--color": "--color_17mhn",
+  "_transparent": "__transparent_17mhn_gg_",
+  "__SIntersection": "___SIntersection_17mhn_gg_",
+  "--duration": "--duration_17mhn",
+  "_pattern": "__pattern_17mhn_gg_",
+  "--pattern": "--pattern_17mhn"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   _inherits(VennRoot, _Component);

package/lib/es6/a11y/PlotA11yModule.js

@@ -10,10 +10,10 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
 /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1kd8z_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1kd8z_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"1kd8z_gg_"),
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1a5d0_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1a5d0_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"1a5d0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yModule": "___SPlotA11yModule_1kd8z_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1a5d0_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -9,10 +9,10 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_yv5r3_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;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);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_yv5r3_gg_:focus,.___SPlotA11yView_yv5r3_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_yv5r3_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_yv5r3_gg_ table,.___SPlotA11yView_yv5r3_gg_ td,.___SPlotA11yView_yv5r3_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"yv5r3_gg_"),
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_lksxo_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0)){.___SPlotA11yView_lksxo_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_lksxo_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_lksxo_gg_:focus,.___SPlotA11yView_lksxo_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_lksxo_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_lksxo_gg_ table,.___SPlotA11yView_lksxo_gg_ td,.___SPlotA11yView_lksxo_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SPlotA11yView_lksxo_gg_ table,.___SPlotA11yView_lksxo_gg_ td,.___SPlotA11yView_lksxo_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_lksxo_gg_ table,.___SPlotA11yView_lksxo_gg_ td,.___SPlotA11yView_lksxo_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"lksxo_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yView": "___SPlotA11yView_yv5r3_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_lksxo_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -10,12 +10,12 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
 /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_w4y6a_gg_._direction_row_w4y6a_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_w4y6a_gg_._direction_column_w4y6a_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"w4y6a_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_ii5gp_gg_._direction_row_ii5gp_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_ii5gp_gg_._direction_column_ii5gp_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"ii5gp_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendFlex": "___SLegendFlex_w4y6a_gg_",
-  "_direction_row": "_direction_row_w4y6a_gg_",
-  "_direction_column": "_direction_column_w4y6a_gg_"
+  "__SLegendFlex": "___SLegendFlex_ii5gp_gg_",
+  "_direction_row": "_direction_row_ii5gp_gg_",
+  "_direction_column": "_direction_column_ii5gp_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from '@semcore/divider';

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -19,25 +19,25 @@ import { Flex, Box } from '@semcore/flex-box';
 import Checkbox from '@semcore/checkbox';
 import { Text as TypographyText } from '@semcore/typography';
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1978v_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1978v_gg_:hover{cursor:pointer}.___SLegendItem_1978v_gg_.__disabled_1978v_gg_:hover{cursor:default}}.___SPointShape_1978v_gg_.__color_1978v_gg_{background-color:var(--color_1978v);margin-right:8px;flex-shrink:0}.___SPointShape_1978v_gg_._shape_Circle_1978v_gg_._size_l_1978v_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Circle_1978v_gg_._size_m_1978v_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Line_1978v_gg_._size_l_1978v_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1978v_gg_._shape_Line_1978v_gg_._size_m_1978v_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1978v_gg_._shape_Square_1978v_gg_._size_l_1978v_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Square_1978v_gg_._size_m_1978v_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Pattern_1978v_gg_{background-color:transparent;margin-right:4px}.___SIcon_1978v_gg_{line-height:0;margin-right:4px}.___SIcon_1978v_gg_._size_l_1978v_gg_{margin-top:4px}.___SIcon_1978v_gg_._size_m_1978v_gg_{margin-top:2px}.___SLabel_1978v_gg_{min-width:0}.___SAdditionalLabel_1978v_gg_._size_l_1978v_gg_,.___SCount_1978v_gg_._size_l_1978v_gg_,.___SLabel_1978v_gg_._size_l_1978v_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1978v_gg_._size_m_1978v_gg_,.___SCount_1978v_gg_._size_m_1978v_gg_,.___SLabel_1978v_gg_._size_m_1978v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1978v_gg_,.___SCount_1978v_gg_{margin-left:4px}.___SAdditionalLabel_1978v_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1978v_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1978v_gg_._size_l_1978v_gg_::before{margin-top:10px}.___SAdditionalLabel_1978v_gg_._size_m_1978v_gg_::before{margin-top:8px}.___SPatternSymbol_1978v_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1978v_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1n97b_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1n97b_gg_:hover{cursor:pointer}.___SLegendItem_1n97b_gg_.__disabled_1n97b_gg_:hover{cursor:default}}.___SPointShape_1n97b_gg_.__color_1n97b_gg_{background-color:var(--color_1n97b);margin-right:8px;flex-shrink:0}.___SPointShape_1n97b_gg_._shape_Circle_1n97b_gg_._size_l_1n97b_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1n97b_gg_._shape_Circle_1n97b_gg_._size_m_1n97b_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1n97b_gg_._shape_Line_1n97b_gg_._size_l_1n97b_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1n97b_gg_._shape_Line_1n97b_gg_._size_m_1n97b_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1n97b_gg_._shape_Square_1n97b_gg_._size_l_1n97b_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1n97b_gg_._shape_Square_1n97b_gg_._size_m_1n97b_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1n97b_gg_._shape_Pattern_1n97b_gg_{background-color:transparent;margin-right:4px}.___SIcon_1n97b_gg_{line-height:0;margin-right:4px}.___SIcon_1n97b_gg_._size_l_1n97b_gg_{margin-top:4px}.___SIcon_1n97b_gg_._size_m_1n97b_gg_{margin-top:2px}.___SLabel_1n97b_gg_{min-width:0}.___SAdditionalLabel_1n97b_gg_._size_l_1n97b_gg_,.___SCount_1n97b_gg_._size_l_1n97b_gg_,.___SLabel_1n97b_gg_._size_l_1n97b_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1n97b_gg_._size_m_1n97b_gg_,.___SCount_1n97b_gg_._size_m_1n97b_gg_,.___SLabel_1n97b_gg_._size_m_1n97b_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1n97b_gg_,.___SCount_1n97b_gg_{margin-left:4px}.___SAdditionalLabel_1n97b_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1n97b_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0)){.___SAdditionalLabel_1n97b_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_1n97b_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_1n97b_gg_._size_l_1n97b_gg_::before{margin-top:10px}.___SAdditionalLabel_1n97b_gg_._size_m_1n97b_gg_::before{margin-top:8px}.___SPatternSymbol_1n97b_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1n97b_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_1978v_gg_",
-  "_disabled": "__disabled_1978v_gg_",
-  "__SPointShape": "___SPointShape_1978v_gg_",
-  "_color": "__color_1978v_gg_",
-  "--color": "--color_1978v",
-  "_shape_Circle": "_shape_Circle_1978v_gg_",
-  "_size_l": "_size_l_1978v_gg_",
-  "_size_m": "_size_m_1978v_gg_",
-  "_shape_Line": "_shape_Line_1978v_gg_",
-  "_shape_Square": "_shape_Square_1978v_gg_",
-  "_shape_Pattern": "_shape_Pattern_1978v_gg_",
-  "__SIcon": "___SIcon_1978v_gg_",
-  "__SLabel": "___SLabel_1978v_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1978v_gg_",
-  "__SCount": "___SCount_1978v_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_1978v_gg_"
+  "__SLegendItem": "___SLegendItem_1n97b_gg_",
+  "_disabled": "__disabled_1n97b_gg_",
+  "__SPointShape": "___SPointShape_1n97b_gg_",
+  "_color": "__color_1n97b_gg_",
+  "--color": "--color_1n97b",
+  "_shape_Circle": "_shape_Circle_1n97b_gg_",
+  "_size_l": "_size_l_1n97b_gg_",
+  "_size_m": "_size_m_1n97b_gg_",
+  "_shape_Line": "_shape_Line_1n97b_gg_",
+  "_shape_Square": "_shape_Square_1n97b_gg_",
+  "_shape_Pattern": "_shape_Pattern_1n97b_gg_",
+  "__SIcon": "___SIcon_1n97b_gg_",
+  "__SLabel": "___SLabel_1n97b_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1n97b_gg_",
+  "__SCount": "___SCount_1n97b_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1n97b_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';

package/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css

@@ -109,7 +109,7 @@ SAdditionalLabel {
 SAdditionalLabel::before {
   content: '';
   display: inline-block;
-  background-color: var(--intergalactic-text-secondary, #6c6e79);
+  background-color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   height: 4px;
   width: 4px;
   border-radius: 2px;

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -11,14 +11,14 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 /*!__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_fpkuy_gg_.__columns-count_fpkuy_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_fpkuy_gg_._size_l_fpkuy_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_fpkuy_gg_._size_m_fpkuy_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"fpkuy_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_pnwul_gg_.__columns-count_pnwul_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_pnwul_gg_._size_l_pnwul_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_pnwul_gg_._size_m_pnwul_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"pnwul_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendTable": "___SLegendTable_fpkuy_gg_",
-  "_columns-count": "__columns-count_fpkuy_gg_",
-  "__SColumnItem": "___SColumnItem_fpkuy_gg_",
-  "_size_l": "_size_l_fpkuy_gg_",
-  "_size_m": "_size_m_fpkuy_gg_"
+  "__SLegendTable": "___SLegendTable_pnwul_gg_",
+  "_columns-count": "__columns-count_pnwul_gg_",
+  "__SColumnItem": "___SColumnItem_pnwul_gg_",
+  "_size_l": "_size_l_pnwul_gg_",
+  "_size_m": "_size_m_pnwul_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

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

@@ -1,7 +1,7 @@
 @import './var.css';
 
 SArea {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   fill-opacity: 0.2;
 }
 
@@ -19,7 +19,7 @@ SArea[transparent] {
 }
 
 SAreaLine {
-  stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   stroke-width: 3;
   fill: transparent;
 }
@@ -41,7 +41,7 @@ SAreaLine {
 
 SNull {
   fill: transparent;
-  stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
+  stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
   stroke-dasharray: 4;
 }
 

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

@@ -1,5 +1,5 @@
 SAxis {
-  stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
+  stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
 }
 
 SAxis[hide] {
@@ -8,7 +8,7 @@ SAxis[hide] {
 
 STick {
   font-size: var(--intergalactic-fs-100, 12px);
-  fill: var(--intergalactic-chart-grid-text-label, #6c6e79);
+  fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
 }
 
 STick[hide] {
@@ -17,12 +17,12 @@ STick[hide] {
 
 SGrid {
   fill: transparent;
-  stroke: var(--intergalactic-border-secondary, #e0e1e9);
+  stroke: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
 }
 
 STitle {
   font-size: var(--intergalactic-fs-100, 12px);
-  fill: var(--intergalactic-text-hint, #6c6e79);
+  fill: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
   transform-origin: var(--transform-origin);
 }
 

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

@@ -1,7 +1,7 @@
 @import './var.css';
 
 SBar {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   transition-property: height, width, y;
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
@@ -30,7 +30,7 @@ SBar[onClick] {
 }
 
 SBackground {
-  fill: var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);
+  fill: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
 }
 SBackground[onClick] {
   cursor: pointer;
@@ -41,13 +41,13 @@ SBarAnnotation {
   justify-content: space-between;
 }
 SBarLabel {
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   margin-right: auto;
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
 }
 SBarPercent {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   margin-right: var(--intergalactic-spacing-2x, 8px);
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
@@ -56,11 +56,11 @@ SBarValue {
   min-width: 52px;
   display: flex;
   justify-content: flex-end;
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
   text-align: right;
 }
 SCompactHorizontalBarHoverRect {
-  fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
+  fill: var(--intergalactic-chart-grid-bar-chart-hover, oklch(0.177 0.033 175.6 / 0.028));
 }

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

@@ -1,8 +1,8 @@
 @import './var.css';
 
 SBubble {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
+  stroke: var(--intergalactic-chart-grid-border, #fff);
   stroke-width: 2px;
   transition-property: cx, cy;
   transition-duration: var(--duration);
@@ -32,7 +32,7 @@ SCenter {
   text-anchor: middle;
   /* disable-tokens-validator */
   font-size: calc(var(--intergalactic-fs-100, 12px) - 1px);
-  stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
 }
 
 SCenter[color] {
@@ -44,7 +44,7 @@ SCenter[transparent] {
 }
 
 SLabel {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
 }
 
 SLabel[position='right'] {

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

@@ -1,8 +1,8 @@
 @import './var.css';
 
 SPie {
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  stroke: var(--intergalactic-chart-grid-border, #fff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
 }
 
 SPie[color] {
@@ -20,7 +20,7 @@ SPie[transparent] {
 }
 
 SEmptyData {
-  fill: var(--intergalactic-chart-palette-order-null, #e0e1e9);
+  fill: var(--intergalactic-chart-palette-order-null, oklch(0.9 0.002 177));
 }
 
 SEmptyData[color] {

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

@@ -8,8 +8,8 @@ SDots {
 
 SDot {
   stroke-width: 1px;
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  stroke: var(--intergalactic-chart-grid-border, #fff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   transition-property: cx, cy, x, y;
   transition-timing-function: ease-in-out;
 }

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

@@ -1,9 +1,9 @@
 SHoverLine {
   outline: none;
-  stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
+  stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
 }
 
 SHoverRect {
   outline: none;
-  fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
+  fill: var(--intergalactic-chart-grid-bar-chart-hover, oklch(0.177 0.033 175.6 / 0.028));
 }

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

@@ -3,7 +3,7 @@
 SLine {
   fill: transparent;
   stroke-width: 3;
-  stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   transition-property: d;
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
@@ -23,7 +23,7 @@ SLine[transparent] {
 
 SNull {
   fill: transparent;
-  stroke: var(--intergalactic-border-primary, #c4c7cf);
+  stroke: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   stroke-dasharray: 4;
 }
 
@@ -36,7 +36,7 @@ SLineArea {
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
   opacity: 0.3;
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
 }
 SLineArea[color] {
   fill: var(--color);

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

@@ -14,6 +14,6 @@ foreignObject[data-aria-only] {
 }
 
 SPlot[keyboardFocused] {
-  border: 1px solid var(--intergalactic-chart-palette-order-9, #008ff8);
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+  border: 1px solid var(--intergalactic-chart-palette-order-9, oklch(0.53 0.139 278.4));
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
 }

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

@@ -4,9 +4,9 @@ SPlotA11yView {
   user-select: none;
   pointer-events: none;
   opacity: 0;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
-  color: var(--intergalactic-text-primary, #191b23);
-  border: 3px solid var(--intergalactic-border-primary, #c4c7cf);
+  background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+  border: 3px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   font-size: var(--intergalactic-fs-50, 10px);
   /* disable-tokens-validator */
   padding: 2px;
@@ -35,5 +35,5 @@ SPlotA11yView a {
 SPlotA11yView table,
 SPlotA11yView td,
 SPlotA11yView th {
-  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
 }

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

@@ -1,19 +1,19 @@
 SAxis {
-  stroke: var(--intergalactic-chart-grid-line, #e0e1e9);
+  stroke: var(--intergalactic-chart-grid-line, oklch(0.95 0.002 180));
   stroke-width: 1;
   fill: transparent;
 }
 
 SAxisLine,
 SAxisTick {
-  stroke: var(--intergalactic-chart-grid-line, #e0e1e9);
+  stroke: var(--intergalactic-chart-grid-line, oklch(0.95 0.002 180));
   stroke-width: 1;
   stroke-dasharray: 2;
   fill: transparent;
 }
 
 SAxisLine[active] {
-  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6);
+  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, oklch(0.88 0.002 175.6));
 }
 
 SAxisLabel {
@@ -31,7 +31,7 @@ SAxisLabel[yDirection] {
 }
 
 SPolygon {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   opacity: 0.2;
 }
 
@@ -47,9 +47,9 @@ SPolygon[pattern][color] {
 
 SPolygonDot {
   stroke-width: 2px;
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  stroke: var(--intergalactic-chart-grid-border, #fff);
   r: 6px;
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
 }
 
 SPolygonDot[transparent] {
@@ -61,7 +61,7 @@ SPolygonDot[color] {
 }
 
 SPolygonLine {
-  stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   stroke-width: 3;
   fill: transparent;
 }
@@ -76,5 +76,5 @@ SPolygonLine[color] {
 
 SPieRect {
   outline: none;
-  fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
+  fill: var(--intergalactic-chart-grid-bar-chart-hover, oklch(0.177 0.033 175.6 / 0.028));
 }

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

@@ -2,11 +2,11 @@
 
 SRadian {
   cursor: pointer;
-  fill: var(--intergalactic-text-large-info, #008ff8);
+  fill: var(--intergalactic-text-large-info, oklch(0.53 0.214 263.4));
 }
 
 SLine {
-  stroke: var(--intergalactic-text-large-info, #008ff8);
+  stroke: var(--intergalactic-text-large-info, oklch(0.53 0.214 263.4));
 }
 
 SLine[stroke] {
@@ -22,7 +22,7 @@ SCap {
 }
 
 SCap[pattern] {
-  stroke: var(--intergalactic-chart-grid-border, #ffffff);
+  stroke: var(--intergalactic-chart-grid-border, #fff);
   stroke-width: 1px;
 }
 

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

@@ -1,11 +1,11 @@
 SReferenceLine {
   fill: none;
-  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6);
+  stroke: var(--intergalactic-chart-grid-y-accent-hover-line, oklch(0.88 0.002 175.6));
 }
 
 STitle {
   font-size: var(--intergalactic-fs-100, 12px);
-  fill: var(--intergalactic-chart-grid-text-label, #6c6e79);
+  fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
   transform-origin: var(--transform-origin);
 }
 
@@ -31,13 +31,13 @@ STitle[position='left'] {
 }
 
 SBackground {
-  fill: var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2));
+  fill: var(--intergalactic-chart-grid-period-bg, oklch(0.96 0.001 180));
 }
 SStripes {
   fill: var(--fill);
 }
 
 SStripesPatternPath {
-  stroke: var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));
+  stroke: var(--intergalactic-chart-grid-period-pattern, oklch(0.95 0.002 180));
   stroke-width: 1px;
 }

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

@@ -1,7 +1,7 @@
 @import './var.css';
 
 SScatterPlot {
-  fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.153 278.4));
   transition-property: cx, cy;
   transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
@@ -29,7 +29,7 @@ SScatterPlot[transparent] {
 SValue {
   text-anchor: middle;
   font-size: var(--intergalactic-fs-50, 10px);
-  stroke: var(--intergalactic-chart-palette-order-9, #008ff8);
+  stroke: var(--intergalactic-chart-palette-order-9, oklch(0.53 0.139 278.4));
 }
 
 SValue[color] {

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

@@ -4,16 +4,16 @@ STooltip {
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
   position: relative;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   border-radius: var(--intergalactic-popper-rounded, 6px);
-  border: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+  border: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
   box-sizing: border-box;
-  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+  box-shadow: var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px oklch(0.176 0.033 175.7 / 0.07));
   padding: var(--intergalactic-spacing-3x, 12px);
 }
 
 STitle {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   margin-bottom: var(--intergalactic-spacing-2x, 8px);
 }
 
@@ -35,7 +35,7 @@ SDotCircle[color] {
 
 
 SFooter {
-  background: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+  background: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
   padding: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);
   border-radius: 0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);
   margin: var(--intergalactic-spacing-3x, 12px) calc(-1 * var(--intergalactic-spacing-3x, 12px)) calc(-1 * var(--intergalactic-spacing-3x, 12px));

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

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