@semcore/d3-chart 16.4.0 → 16.4.1-prerelease.0

package/lib/es6/Dots.js

@@ -7,16 +7,16 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*!__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDots_153y5_gg_ .___SDot_153y5_gg_{transition-duration:var(--duration_153y5)}.___SDot_153y5_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_153y5_gg_.__hide_153y5_gg_{display:none}.___SDot_153y5_gg_.__color_153y5_gg_{fill:var(--color_153y5)}.___SDot_153y5_gg_.__transparent_153y5_gg_{opacity:.3}", /*__inner_css_end__*/"153y5_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDots_ehbvg_gg_ .___SDot_ehbvg_gg_{transition-duration:var(--duration_ehbvg)}.___SDot_ehbvg_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_ehbvg_gg_.__hide_ehbvg_gg_{display:none}.___SDot_ehbvg_gg_.__color_ehbvg_gg_{fill:var(--color_ehbvg)}.___SDot_ehbvg_gg_.__transparent_ehbvg_gg_{opacity:.3}", /*__inner_css_end__*/"ehbvg_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDot": "___SDot_153y5_gg_",
-  "_hide": "__hide_153y5_gg_",
-  "_color": "__color_153y5_gg_",
-  "--color": "--color_153y5",
-  "_transparent": "__transparent_153y5_gg_",
-  "__SDots": "___SDots_153y5_gg_",
-  "--duration": "--duration_153y5"
+  "__SDot": "___SDot_ehbvg_gg_",
+  "_hide": "__hide_ehbvg_gg_",
+  "_color": "__color_ehbvg_gg_",
+  "--color": "--color_ehbvg",
+  "_transparent": "__transparent_ehbvg_gg_",
+  "__SDots": "___SDots_ehbvg_gg_",
+  "--duration": "--duration_ehbvg"
 });
 import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
 function Dots(props) {

package/lib/es6/HorizontalBar.js

@@ -12,24 +12,24 @@ import AnimatedClipPath from './AnimatedClipPath';
 import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_1u73j_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1u73j);transition-timing-function:ease-in-out}.___SBar_1u73j_gg_.__color_1u73j_gg_{fill:var(--color_1u73j)}.___SBar_1u73j_gg_.__pattern_1u73j_gg_.__color_1u73j_gg_{fill:var(--pattern_1u73j);stroke:var(--color_1u73j);stroke-width:1px}.___SBar_1u73j_gg_.__hide_1u73j_gg_{display:none}.___SBar_1u73j_gg_.__transparent_1u73j_gg_{opacity:.3}.___SBackground_1u73j_gg_.__onClick_1u73j_gg_,.___SBar_1u73j_gg_.__onClick_1u73j_gg_{cursor:pointer}.___SBackground_1u73j_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1u73j_gg_{display:flex;justify-content:space-between}.___SBarLabel_1u73j_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1u73j_gg_,.___SBarPercent_1u73j_gg_,.___SBarValue_1u73j_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1u73j_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1u73j_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1u73j_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"1u73j_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_18fuh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_18fuh);transition-timing-function:ease-in-out}.___SBar_18fuh_gg_.__color_18fuh_gg_{fill:var(--color_18fuh)}.___SBar_18fuh_gg_.__pattern_18fuh_gg_.__color_18fuh_gg_{fill:var(--pattern_18fuh);stroke:var(--color_18fuh);stroke-width:1px}.___SBar_18fuh_gg_.__hide_18fuh_gg_{display:none}.___SBar_18fuh_gg_.__transparent_18fuh_gg_{opacity:.3}.___SBackground_18fuh_gg_.__onClick_18fuh_gg_,.___SBar_18fuh_gg_.__onClick_18fuh_gg_{cursor:pointer}.___SBackground_18fuh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_18fuh_gg_{display:flex;justify-content:space-between}.___SBarLabel_18fuh_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_18fuh_gg_,.___SBarPercent_18fuh_gg_,.___SBarValue_18fuh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_18fuh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_18fuh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_18fuh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"18fuh_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBar": "___SBar_1u73j_gg_",
-  "--duration": "--duration_1u73j",
-  "_color": "__color_1u73j_gg_",
-  "--color": "--color_1u73j",
-  "_pattern": "__pattern_1u73j_gg_",
-  "--pattern": "--pattern_1u73j",
-  "_hide": "__hide_1u73j_gg_",
-  "_transparent": "__transparent_1u73j_gg_",
-  "_onClick": "__onClick_1u73j_gg_",
-  "__SBackground": "___SBackground_1u73j_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_1u73j_gg_",
-  "__SBarLabel": "___SBarLabel_1u73j_gg_",
-  "__SBarPercent": "___SBarPercent_1u73j_gg_",
-  "__SBarValue": "___SBarValue_1u73j_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1u73j_gg_"
+  "__SBar": "___SBar_18fuh_gg_",
+  "--duration": "--duration_18fuh",
+  "_color": "__color_18fuh_gg_",
+  "--color": "--color_18fuh",
+  "_pattern": "__pattern_18fuh_gg_",
+  "--pattern": "--pattern_18fuh",
+  "_hide": "__hide_18fuh_gg_",
+  "_transparent": "__transparent_18fuh_gg_",
+  "_onClick": "__onClick_18fuh_gg_",
+  "__SBackground": "___SBackground_18fuh_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_18fuh_gg_",
+  "__SBarLabel": "___SBarLabel_18fuh_gg_",
+  "__SBarPercent": "___SBarPercent_18fuh_gg_",
+  "__SBarValue": "___SBarValue_18fuh_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_18fuh_gg_"
 });
 import { scaleToBand, roundedPath } from './utils';
 export var MIN_WIDTH = 2;

package/lib/es6/Hover.js

@@ -15,11 +15,11 @@ import trottle from '@semcore/core/lib/utils/rafTrottle';
 import React from 'react';
 import createElement from './createElement';
 /*!__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHoverLine_gc5pl_gg_,.___SHoverLine_gc5pl_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_gc5pl_gg_,.___SHoverRect_gc5pl_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"gc5pl_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHoverLine_qon0k_gg_,.___SHoverLine_qon0k_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_qon0k_gg_,.___SHoverRect_qon0k_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"qon0k_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHoverLine": "___SHoverLine_gc5pl_gg_",
-  "__SHoverRect": "___SHoverRect_gc5pl_gg_"
+  "__SHoverLine": "___SHoverLine_qon0k_gg_",
+  "__SHoverRect": "___SHoverRect_qon0k_gg_"
 });
 import Tooltip from './Tooltip';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';

package/lib/es6/Line.js

@@ -15,17 +15,17 @@ import createElement from './createElement';
 import Dots from './Dots';
 import { resolvePatternDasharray } from './Pattern';
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_jqqyf_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_jqqyf);transition-timing-function:ease-in-out}.___SLine_jqqyf_gg_.__color_jqqyf_gg_{stroke:var(--color_jqqyf)}.___SLine_jqqyf_gg_.__hide_jqqyf_gg_{display:none}.___SLine_jqqyf_gg_.__transparent_jqqyf_gg_{opacity:.3}.___SNull_jqqyf_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_jqqyf_gg_.__hide_jqqyf_gg_{display:none}.___SLineArea_jqqyf_gg_{transition-property:d;transition-duration:var(--duration_jqqyf);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_jqqyf_gg_.__color_jqqyf_gg_{fill:var(--color_jqqyf)}", /*__inner_css_end__*/"jqqyf_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_iam2f_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_iam2f);transition-timing-function:ease-in-out}.___SLine_iam2f_gg_.__color_iam2f_gg_{stroke:var(--color_iam2f)}.___SLine_iam2f_gg_.__hide_iam2f_gg_{display:none}.___SLine_iam2f_gg_.__transparent_iam2f_gg_{opacity:.3}.___SNull_iam2f_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_iam2f_gg_.__hide_iam2f_gg_{display:none}.___SLineArea_iam2f_gg_{transition-property:d;transition-duration:var(--duration_iam2f);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_iam2f_gg_.__color_iam2f_gg_{fill:var(--color_iam2f)}", /*__inner_css_end__*/"iam2f_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLine": "___SLine_jqqyf_gg_",
-  "--duration": "--duration_jqqyf",
-  "_color": "__color_jqqyf_gg_",
-  "--color": "--color_jqqyf",
-  "_hide": "__hide_jqqyf_gg_",
-  "_transparent": "__transparent_jqqyf_gg_",
-  "__SNull": "___SNull_jqqyf_gg_",
-  "__SLineArea": "___SLineArea_jqqyf_gg_"
+  "__SLine": "___SLine_iam2f_gg_",
+  "--duration": "--duration_iam2f",
+  "_color": "__color_iam2f_gg_",
+  "--color": "--color_iam2f",
+  "_hide": "__hide_iam2f_gg_",
+  "_transparent": "__transparent_iam2f_gg_",
+  "__SNull": "___SNull_iam2f_gg_",
+  "__SLineArea": "___SLineArea_iam2f_gg_"
 });
 import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolateValue, getChartDefaultColorName, eventToPoint, invert } from './utils';
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Plot.js

@@ -17,11 +17,11 @@ import React from 'react';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 /*!__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_irjhg_gg_{overflow:hidden}.___SPlot_irjhg_gg_:focus{outline:0}.___SPlot_irjhg_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_irjhg_gg_.__keyboardFocused_irjhg_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}", /*__inner_css_end__*/"irjhg_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_t1tww_gg_{overflow:hidden}.___SPlot_t1tww_gg_:focus{outline:0}.___SPlot_t1tww_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_t1tww_gg_.__keyboardFocused_t1tww_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}", /*__inner_css_end__*/"t1tww_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlot": "___SPlot_irjhg_gg_",
-  "_keyboardFocused": "__keyboardFocused_irjhg_gg_"
+  "__SPlot": "___SPlot_t1tww_gg_",
+  "_keyboardFocused": "__keyboardFocused_t1tww_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { eventToPoint, uniqueId } from './utils';

package/lib/es6/Radar.js

@@ -19,27 +19,27 @@ import React, { cloneElement } from 'react';
 import createElement from './createElement';
 import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*!__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxisLine_22h5e_gg_,.___SAxisTick_22h5e_gg_,.___SAxis_22h5e_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_22h5e_gg_,.___SAxisTick_22h5e_gg_{stroke-dasharray:2}.___SAxisLine_22h5e_gg_.__active_22h5e_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_22h5e_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_22h5e_gg_.__xDirection_22h5e_gg_{text-anchor:var(--xDirection_22h5e)}.___SAxisLabel_22h5e_gg_.__yDirection_22h5e_gg_{dominant-baseline:var(--yDirection_22h5e)}.___SPolygonDot_22h5e_gg_,.___SPolygon_22h5e_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_22h5e_gg_{opacity:.2}.___SPolygon_22h5e_gg_.__color_22h5e_gg_{fill:var(--color_22h5e)}.___SPolygon_22h5e_gg_.__pattern_22h5e_gg_.__color_22h5e_gg_{fill:var(--pattern_22h5e);stroke:var(--color_22h5e);stroke-width:1px}.___SPolygonDot_22h5e_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_22h5e_gg_.__transparent_22h5e_gg_{opacity:.3}.___SPolygonDot_22h5e_gg_.__color_22h5e_gg_{fill:var(--color_22h5e)}.___SPolygonLine_22h5e_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_22h5e_gg_.__transparent_22h5e_gg_{opacity:.3}.___SPolygonLine_22h5e_gg_.__color_22h5e_gg_{stroke:var(--color_22h5e)}.___SPieRect_22h5e_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"22h5e_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxisLine_f2n8f_gg_,.___SAxisTick_f2n8f_gg_,.___SAxis_f2n8f_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_f2n8f_gg_,.___SAxisTick_f2n8f_gg_{stroke-dasharray:2}.___SAxisLine_f2n8f_gg_.__active_f2n8f_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_f2n8f_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_f2n8f_gg_.__xDirection_f2n8f_gg_{text-anchor:var(--xDirection_f2n8f)}.___SAxisLabel_f2n8f_gg_.__yDirection_f2n8f_gg_{dominant-baseline:var(--yDirection_f2n8f)}.___SPolygonDot_f2n8f_gg_,.___SPolygon_f2n8f_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_f2n8f_gg_{opacity:.2}.___SPolygon_f2n8f_gg_.__color_f2n8f_gg_{fill:var(--color_f2n8f)}.___SPolygon_f2n8f_gg_.__pattern_f2n8f_gg_.__color_f2n8f_gg_{fill:var(--pattern_f2n8f);stroke:var(--color_f2n8f);stroke-width:1px}.___SPolygonDot_f2n8f_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_f2n8f_gg_.__transparent_f2n8f_gg_{opacity:.3}.___SPolygonDot_f2n8f_gg_.__color_f2n8f_gg_{fill:var(--color_f2n8f)}.___SPolygonLine_f2n8f_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_f2n8f_gg_.__transparent_f2n8f_gg_{opacity:.3}.___SPolygonLine_f2n8f_gg_.__color_f2n8f_gg_{stroke:var(--color_f2n8f)}.___SPieRect_f2n8f_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"f2n8f_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SAxis": "___SAxis_22h5e_gg_",
-  "__SAxisLine": "___SAxisLine_22h5e_gg_",
-  "__SAxisTick": "___SAxisTick_22h5e_gg_",
-  "_active": "__active_22h5e_gg_",
-  "__SAxisLabel": "___SAxisLabel_22h5e_gg_",
-  "_xDirection": "__xDirection_22h5e_gg_",
-  "--xDirection": "--xDirection_22h5e",
-  "_yDirection": "__yDirection_22h5e_gg_",
-  "--yDirection": "--yDirection_22h5e",
-  "__SPolygon": "___SPolygon_22h5e_gg_",
-  "_color": "__color_22h5e_gg_",
-  "--color": "--color_22h5e",
-  "_pattern": "__pattern_22h5e_gg_",
-  "--pattern": "--pattern_22h5e",
-  "__SPolygonDot": "___SPolygonDot_22h5e_gg_",
-  "_transparent": "__transparent_22h5e_gg_",
-  "__SPolygonLine": "___SPolygonLine_22h5e_gg_",
-  "__SPieRect": "___SPieRect_22h5e_gg_"
+  "__SAxis": "___SAxis_f2n8f_gg_",
+  "__SAxisLine": "___SAxisLine_f2n8f_gg_",
+  "__SAxisTick": "___SAxisTick_f2n8f_gg_",
+  "_active": "__active_f2n8f_gg_",
+  "__SAxisLabel": "___SAxisLabel_f2n8f_gg_",
+  "_xDirection": "__xDirection_f2n8f_gg_",
+  "--xDirection": "--xDirection_f2n8f",
+  "_yDirection": "__yDirection_f2n8f_gg_",
+  "--yDirection": "--yDirection_f2n8f",
+  "__SPolygon": "___SPolygon_f2n8f_gg_",
+  "_color": "__color_f2n8f_gg_",
+  "--color": "--color_f2n8f",
+  "_pattern": "__pattern_f2n8f_gg_",
+  "--pattern": "--pattern_f2n8f",
+  "__SPolygonDot": "___SPolygonDot_f2n8f_gg_",
+  "_transparent": "__transparent_f2n8f_gg_",
+  "__SPolygonLine": "___SPolygonLine_f2n8f_gg_",
+  "__SPieRect": "___SPieRect_f2n8f_gg_"
 });
 import Tooltip from './Tooltip';
 import { eventToPoint, getChartDefaultColorName, measureText } from './utils';

package/lib/es6/RadialTree.js

@@ -19,20 +19,20 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*!__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadian_1c8r4_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1c8r4_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1c8r4_gg_.__stroke_1c8r4_gg_{stroke:var(--stroke_1c8r4)}.___SLine_1c8r4_gg_.__transparent_1c8r4_gg_{opacity:.3}.___SCap_1c8r4_gg_{transition:r .1s}.___SCap_1c8r4_gg_.__pattern_1c8r4_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1c8r4_gg_.__transparent_1c8r4_gg_,.___SIcon_1c8r4_gg_.__transparent_1c8r4_gg_,.___SLabel_1c8r4_gg_.__transparent_1c8r4_gg_{opacity:.3}.___SLabel_1c8r4_gg_{fill:var(--color_1c8r4)}@media (hover:hover){.___SRadian_1c8r4_gg_:hover .___SLabel_1c8r4_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1c8r4_gg_{transition:none}}", /*__inner_css_end__*/"1c8r4_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadian_d77f5_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_d77f5_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_d77f5_gg_.__stroke_d77f5_gg_{stroke:var(--stroke_d77f5)}.___SLine_d77f5_gg_.__transparent_d77f5_gg_{opacity:.3}.___SCap_d77f5_gg_{transition:r .1s}.___SCap_d77f5_gg_.__pattern_d77f5_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_d77f5_gg_.__transparent_d77f5_gg_,.___SIcon_d77f5_gg_.__transparent_d77f5_gg_,.___SLabel_d77f5_gg_.__transparent_d77f5_gg_{opacity:.3}.___SLabel_d77f5_gg_{fill:var(--color_d77f5)}@media (hover:hover){.___SRadian_d77f5_gg_:hover .___SLabel_d77f5_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_d77f5_gg_{transition:none}}", /*__inner_css_end__*/"d77f5_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SRadian": "___SRadian_1c8r4_gg_",
-  "__SLine": "___SLine_1c8r4_gg_",
-  "_stroke": "__stroke_1c8r4_gg_",
-  "--stroke": "--stroke_1c8r4",
-  "_transparent": "__transparent_1c8r4_gg_",
-  "__SCap": "___SCap_1c8r4_gg_",
-  "_pattern": "__pattern_1c8r4_gg_",
-  "__SIcon": "___SIcon_1c8r4_gg_",
-  "__SLabel": "___SLabel_1c8r4_gg_",
-  "--color": "--color_1c8r4",
-  "__SLineCap": "___SLineCap_1c8r4_gg_"
+  "__SRadian": "___SRadian_d77f5_gg_",
+  "__SLine": "___SLine_d77f5_gg_",
+  "_stroke": "__stroke_d77f5_gg_",
+  "--stroke": "--stroke_d77f5",
+  "_transparent": "__transparent_d77f5_gg_",
+  "__SCap": "___SCap_d77f5_gg_",
+  "_pattern": "__pattern_d77f5_gg_",
+  "__SIcon": "___SIcon_d77f5_gg_",
+  "__SLabel": "___SLabel_d77f5_gg_",
+  "--color": "--color_d77f5",
+  "__SLineCap": "___SLineCap_d77f5_gg_"
 });
 import { getChartDefaultColorName, measureText } from './utils';
 var baseAngle = -Math.PI / 2; // The top vertical line

package/lib/es6/Reference.js

@@ -11,20 +11,20 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 import createElement from './createElement';
 /*!__reshadow-styles__:"./style/reference.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SReferenceLine_1kaw4_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1kaw4_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1kaw4)}.___STitle_1kaw4_gg_._position_top_1kaw4_gg_{text-anchor:middle}.___STitle_1kaw4_gg_._position_bottom_1kaw4_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1kaw4_gg_._position_left_1kaw4_gg_,.___STitle_1kaw4_gg_._position_right_1kaw4_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1kaw4_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1kaw4_gg_{fill:var(--fill_1kaw4)}.___SStripesPatternPath_1kaw4_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}", /*__inner_css_end__*/"1kaw4_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SReferenceLine_jnzg5_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_jnzg5_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_jnzg5)}.___STitle_jnzg5_gg_._position_top_jnzg5_gg_{text-anchor:middle}.___STitle_jnzg5_gg_._position_bottom_jnzg5_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_jnzg5_gg_._position_left_jnzg5_gg_,.___STitle_jnzg5_gg_._position_right_jnzg5_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_jnzg5_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_jnzg5_gg_{fill:var(--fill_jnzg5)}.___SStripesPatternPath_jnzg5_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}", /*__inner_css_end__*/"jnzg5_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SReferenceLine": "___SReferenceLine_1kaw4_gg_",
-  "__STitle": "___STitle_1kaw4_gg_",
-  "--transform-origin": "--transform-origin_1kaw4",
-  "_position_top": "_position_top_1kaw4_gg_",
-  "_position_bottom": "_position_bottom_1kaw4_gg_",
-  "_position_right": "_position_right_1kaw4_gg_",
-  "_position_left": "_position_left_1kaw4_gg_",
-  "__SBackground": "___SBackground_1kaw4_gg_",
-  "__SStripes": "___SStripes_1kaw4_gg_",
-  "--fill": "--fill_1kaw4",
-  "__SStripesPatternPath": "___SStripesPatternPath_1kaw4_gg_"
+  "__SReferenceLine": "___SReferenceLine_jnzg5_gg_",
+  "__STitle": "___STitle_jnzg5_gg_",
+  "--transform-origin": "--transform-origin_jnzg5",
+  "_position_top": "_position_top_jnzg5_gg_",
+  "_position_bottom": "_position_bottom_jnzg5_gg_",
+  "_position_right": "_position_right_jnzg5_gg_",
+  "_position_left": "_position_left_jnzg5_gg_",
+  "__SBackground": "___SBackground_jnzg5_gg_",
+  "__SStripes": "___SStripes_jnzg5_gg_",
+  "--fill": "--fill_jnzg5",
+  "__SStripesPatternPath": "___SStripesPatternPath_jnzg5_gg_"
 });
 import { scaleOfBandwidth } from './utils';
 var side2direction = {

package/lib/es6/ScatterPlot.js

@@ -15,17 +15,17 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_6iqqd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_6iqqd);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_6iqqd_gg_:hover{opacity:.8}}.___SScatterPlot_6iqqd_gg_.__color_6iqqd_gg_{fill:var(--color_6iqqd)}.___SScatterPlot_6iqqd_gg_.__pattern_6iqqd_gg_.__color_6iqqd_gg_{fill:var(--pattern_6iqqd);stroke:var(--color_6iqqd);stroke-width:1px}.___SScatterPlot_6iqqd_gg_.__transparent_6iqqd_gg_{opacity:.3}.___SValue_6iqqd_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_6iqqd_gg_.__color_6iqqd_gg_{stroke:var(--color_6iqqd)}.___SValue_6iqqd_gg_.__transparent_6iqqd_gg_{opacity:.3}", /*__inner_css_end__*/"6iqqd_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_t0si0_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_t0si0);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_t0si0_gg_:hover{opacity:.8}}.___SScatterPlot_t0si0_gg_.__color_t0si0_gg_{fill:var(--color_t0si0)}.___SScatterPlot_t0si0_gg_.__pattern_t0si0_gg_.__color_t0si0_gg_{fill:var(--pattern_t0si0);stroke:var(--color_t0si0);stroke-width:1px}.___SScatterPlot_t0si0_gg_.__transparent_t0si0_gg_{opacity:.3}.___SValue_t0si0_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_t0si0_gg_.__color_t0si0_gg_{stroke:var(--color_t0si0)}.___SValue_t0si0_gg_.__transparent_t0si0_gg_{opacity:.3}", /*__inner_css_end__*/"t0si0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScatterPlot": "___SScatterPlot_6iqqd_gg_",
-  "_color": "__color_6iqqd_gg_",
-  "--color": "--color_6iqqd",
-  "_pattern": "__pattern_6iqqd_gg_",
-  "--pattern": "--pattern_6iqqd",
-  "_transparent": "__transparent_6iqqd_gg_",
-  "__SValue": "___SValue_6iqqd_gg_",
-  "--duration": "--duration_6iqqd"
+  "__SScatterPlot": "___SScatterPlot_t0si0_gg_",
+  "_color": "__color_t0si0_gg_",
+  "--color": "--color_t0si0",
+  "_pattern": "__pattern_t0si0_gg_",
+  "--pattern": "--pattern_t0si0",
+  "_transparent": "__transparent_t0si0_gg_",
+  "__SValue": "___SValue_t0si0_gg_",
+  "--duration": "--duration_t0si0"
 });
 import Tooltip from './Tooltip';
 import { getScatterPlotRadius } from './utils';

package/lib/es6/Tooltip.js

@@ -21,17 +21,17 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternSymbol } from './Pattern';
 /*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_r10f7_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_r10f7_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_r10f7_gg_{display:flex;align-items:center}.___SDot_r10f7_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_r10f7_gg_.__color_r10f7_gg_{background-color:var(--color_r10f7);width:8px;height:8px;border-radius:50%}.___SFooter_r10f7_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__*/"r10f7_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_1arzy_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_1arzy_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1arzy_gg_{display:flex;align-items:center}.___SDot_1arzy_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1arzy_gg_.__color_1arzy_gg_{background-color:var(--color_1arzy);width:8px;height:8px;border-radius:50%}.___SFooter_1arzy_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__*/"1arzy_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__STooltip": "___STooltip_r10f7_gg_",
-  "__STitle": "___STitle_r10f7_gg_",
-  "__SDotGroup": "___SDotGroup_r10f7_gg_",
-  "__SDot": "___SDot_r10f7_gg_",
-  "__SDotCircle": "___SDotCircle_r10f7_gg_",
-  "_color": "__color_r10f7_gg_",
-  "--color": "--color_r10f7",
-  "__SFooter": "___SFooter_r10f7_gg_"
+  "__STooltip": "___STooltip_1arzy_gg_",
+  "__STitle": "___STitle_1arzy_gg_",
+  "__SDotGroup": "___SDotGroup_1arzy_gg_",
+  "__SDot": "___SDot_1arzy_gg_",
+  "__SDotCircle": "___SDotCircle_1arzy_gg_",
+  "_color": "__color_1arzy_gg_",
+  "--color": "--color_1arzy",
+  "__SFooter": "___SFooter_1arzy_gg_"
 });
 import { getChartDefaultColorName } from './utils';
 

package/lib/es6/Venn.js

@@ -18,17 +18,17 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_fy99p_gg_,.___SIntersection_fy99p_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_fy99p_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_fy99p);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_fy99p_gg_:hover{fill-opacity:.7}}.___SCircle_fy99p_gg_.__color_fy99p_gg_{fill:var(--color_fy99p)}.___SCircle_fy99p_gg_.__pattern_fy99p_gg_.__color_fy99p_gg_{fill:var(--pattern_fy99p);fill-opacity:.7;stroke:var(--color_fy99p);stroke-width:1px}@media (hover:hover){.___SCircle_fy99p_gg_.__pattern_fy99p_gg_.__color_fy99p_gg_:hover{fill-opacity:.85}}.___SCircle_fy99p_gg_.__transparent_fy99p_gg_{opacity:.3}.___SIntersection_fy99p_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_fy99p_gg_:hover{fill-opacity:.1}}.___SIntersection_fy99p_gg_.__transparent_fy99p_gg_{opacity:.3}", /*__inner_css_end__*/"fy99p_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_1uyj7_gg_,.___SIntersection_1uyj7_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1uyj7_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1uyj7);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1uyj7_gg_:hover{fill-opacity:.7}}.___SCircle_1uyj7_gg_.__color_1uyj7_gg_{fill:var(--color_1uyj7)}.___SCircle_1uyj7_gg_.__pattern_1uyj7_gg_.__color_1uyj7_gg_{fill:var(--pattern_1uyj7);fill-opacity:.7;stroke:var(--color_1uyj7);stroke-width:1px}@media (hover:hover){.___SCircle_1uyj7_gg_.__pattern_1uyj7_gg_.__color_1uyj7_gg_:hover{fill-opacity:.85}}.___SCircle_1uyj7_gg_.__transparent_1uyj7_gg_{opacity:.3}.___SIntersection_1uyj7_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1uyj7_gg_:hover{fill-opacity:.1}}.___SIntersection_1uyj7_gg_.__transparent_1uyj7_gg_{opacity:.3}", /*__inner_css_end__*/"1uyj7_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCircle": "___SCircle_fy99p_gg_",
-  "_color": "__color_fy99p_gg_",
-  "--color": "--color_fy99p",
-  "_transparent": "__transparent_fy99p_gg_",
-  "__SIntersection": "___SIntersection_fy99p_gg_",
-  "--duration": "--duration_fy99p",
-  "_pattern": "__pattern_fy99p_gg_",
-  "--pattern": "--pattern_fy99p"
+  "__SCircle": "___SCircle_1uyj7_gg_",
+  "_color": "__color_1uyj7_gg_",
+  "--color": "--color_1uyj7",
+  "_transparent": "__transparent_1uyj7_gg_",
+  "__SIntersection": "___SIntersection_1uyj7_gg_",
+  "--duration": "--duration_1uyj7",
+  "_pattern": "__pattern_1uyj7_gg_",
+  "--pattern": "--pattern_1uyj7"
 });
 import Tooltip from './Tooltip';
 import { getChartDefaultColorName } from './utils';

package/lib/es6/a11y/PlotA11yModule.js

@@ -11,10 +11,10 @@ import { Box } from '@semcore/flex-box';
 import React from 'react';
 import { normalizeLocale } from './locale';
 /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_1vwo8_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1vwo8_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"1vwo8_gg_"),
+var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_mhxh5_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_mhxh5_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"mhxh5_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yModule": "___SPlotA11yModule_1vwo8_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_mhxh5_gg_"
 });
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 var globalWasFocused = false;

package/lib/es6/a11y/PlotA11yView.js

@@ -12,10 +12,10 @@ import { makeDataSummarizationConfig } from './hints';
 import { getIntl } from './intl';
 import { summarize } from './summarize';
 /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_1qted_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_1qted_gg_:focus,.___SPlotA11yView_1qted_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_1qted_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1qted_gg_ table,.___SPlotA11yView_1qted_gg_ td,.___SPlotA11yView_1qted_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"1qted_gg_"),
+var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_in07l_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_in07l_gg_:focus,.___SPlotA11yView_in07l_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_in07l_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_in07l_gg_ table,.___SPlotA11yView_in07l_gg_ td,.___SPlotA11yView_in07l_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"in07l_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yView": "___SPlotA11yView_1qted_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_in07l_gg_"
 });
 import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
 export var PlotA11yView = function PlotA11yView(_ref3) {

package/lib/es6/component/Chart/AbstractChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractChart.type.js","names":[],"sources":["../../../../src/component/Chart/AbstractChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { FlexProps } from '@semcore/flex-box';\nimport type Icon from '@semcore/icon';\nimport type React from 'react';\n\nimport type { PatternsConfig } from '../../Pattern';\n// @ts-ignore\nimport type { PlotSummarizerConfig } from '../../Plot';\nimport type { PlotEventEmitter } from '../../utils';\nimport type { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';\nimport type { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\nexport type BaseLegendProps = BaseChartLegendProps & {\n  /**\n   * Disable hover (for transition items legend of each not hovered)\n   */\n  disableHoverItems?: boolean;\n  /**\n   * Disable selectable of data items by checkboxes in Legend\n   */\n  disableSelectItems?: boolean;\n} & (\n    | (TrendProps & {\n      /**\n         * How to render Legend - Flex view. Just list of legend items\n         */\n      legendType?: never | 'Flex';\n      /**\n         * Config for Legend items\n         */\n      legendMap?: LegendDataMap<'Flex'>;\n    })\n    | {\n      /**\n         * How to render Legend - Table view. Table of legend items with some additional information in columns\n         */\n      legendType: 'Table';\n      /**\n         * Config for Legend items\n         */\n      legendMap?: LegendDataMap<'Table'>;\n    }\n  );\n\nexport type ObjectData = Record<string, unknown>;\nexport type ListData = ObjectData[];\n\n/**\n * Chart, Legend must have an accessible names (aria-name).\n * It should describe chart or legend content.\n */\nexport type AriaNameProps = Intergalactic.RequireAtLeastOne<{\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'title'?: string;\n}>;\n\nexport type BaseChartProps<T extends ListData | ObjectData> = FlexProps &\n  AriaNameProps & {\n    /**\n     * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array\n     */\n    data: T;\n    /**\n     * Width of plot\n     */\n    plotWidth: number;\n    /**\n     * Height of plot\n     */\n    plotHeight: number;\n\n    /** Enables charts patterns that enhances charts accessibility */\n    patterns?: PatternsConfig;\n    /**\n     * Margin (for Y axis points) from left side of chart container to Y axis\n     */\n    marginY?: number;\n    /**\n     * Margin (for X axis points) from bottom of chart container to X axis\n     */\n    marginX?: number;\n    /**\n     * invert axis and show horizontal charts (only for Bars!)\n     */\n    invertAxis?: boolean;\n\n    /**\n     * Show X axis\n     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n     */\n    showXAxis?: boolean;\n    /**\n     * Show Y axis\n     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n     */\n    showYAxis?: boolean;\n    /**\n     * Map with colors for data items\n     */\n    colorMap?: Record<string, string>;\n    /**\n     * Show tooltip's.\n     * @default true\n     */\n    showTooltip?: boolean;\n    /**\n     * Show sum of values for selected point in tooltip\n     */\n    showTotalInTooltip?: boolean;\n    /**\n     * Scale for xAxis (see more in d3-scale)\n     */\n    xScale?: unknown;\n    /**\n     * Scale for yAxis (see more in d3-scale)\n     */\n    yScale?: unknown;\n    /**\n     * Count of ticks for X axis\n     */\n    xTicksCount?: number;\n    /**\n     * Count of ticks for Y axis\n     */\n    yTicksCount?: number;\n    /** Enables multiline tick labels for X axis, applicable only for band scales */\n    multilineXTicks?: boolean;\n    /** Enables multiline tick labels for Y axis, applicable only for band scales */\n    multilineYTicks?: boolean;\n    /**\n     * Group key for all array-based charts (for get keys of items for legend except that group key)\n     */\n    groupKey?: string;\n    /**\n     * function for format axis item text\n     */\n    axisXValueFormatter?: (value: unknown) => string;\n    axisYValueFormatter?: (value: unknown) => string;\n    /**\n     * Function for format text for tooltip\n     */\n    tooltipValueFormatter?: (value?: unknown) => string;\n    /**\n     * Custom event emitter. Could be useful to handle event on few charts at the same time.\n     */\n    eventEmitter?: InstanceType<typeof PlotEventEmitter>;\n    /**\n     * Config for a11y summary\n     */\n    a11yAltTextConfig?: PlotSummarizerConfig;\n\n    /**\n     * Animations duration, set 0 to disable animations\n     */\n    duration?: number;\n  } /**\n   * By default, we show the Legend for all charts with more the one data item.\n   * For hide the Legend, you should set showLegend prop to `false`.\n  */ & (\n    | {\n      /**\n         * Don't show legend\n         */\n      showLegend?: false;\n      legendProps?: never;\n    }\n    | {\n      /**\n         *  By default (if showLegend don't set), for one data item on chart,\n         *  Legend component will be hide, and show for more then 1 data item.\n         *  If set `true` - Legend component will show always.\n         */\n      showLegend?: true;\n      /**\n         * Props for Legend\n         */\n      legendProps?: Partial<BaseLegendProps>;\n    }\n  );\n\ntype LegendDataMap<T extends 'Flex' | 'Table'> = Record<\n  LegendItemKey,\n  {\n    /**\n     * Custom label for legend item (by default use keys from data item object)\n     */\n    label?: string;\n    /**\n     * Additional text after label\n     */\n    additionalInfo?: string;\n    /**\n     * Count after label\n     */\n    count?: number;\n    /**\n     * Custom Icon\n     */\n    icon?: typeof Icon;\n    /**\n     * Flag for uncheck some items by default\n     */\n    defaultChecked?: boolean;\n  } & (T extends 'Table' ? { columns?: React.ReactNode[] } : { columns?: never })\n>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"AbstractChart.type.js","names":[],"sources":["../../../../src/component/Chart/AbstractChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { FlexProps } from '@semcore/flex-box';\nimport type Icon from '@semcore/icon';\nimport type React from 'react';\n\nimport type { PatternsConfig } from '../../Pattern';\n// @ts-ignore\nimport type { PlotSummarizerConfig } from '../../Plot';\nimport type { PlotEventEmitter } from '../../utils';\nimport type { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';\nimport type { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\nexport type BaseLegendProps = BaseChartLegendProps & {\n  /**\n   * Disable hover (for transition items legend of each not hovered)\n   */\n  disableHoverItems?: boolean;\n  /**\n   * Disable selectable of data items by checkboxes in Legend\n   */\n  disableSelectItems?: boolean;\n} & (\n    | (TrendProps & {\n      /**\n         * How to render Legend - Flex view. Just list of legend items\n         */\n      legendType?: never | 'Flex';\n      /**\n         * Config for Legend items\n         */\n      legendMap?: LegendDataMap<'Flex'>;\n    })\n    | {\n      /**\n         * How to render Legend - Table view. Table of legend items with some additional information in columns\n         */\n      legendType: 'Table';\n      /**\n         * Config for Legend items\n         */\n      legendMap?: LegendDataMap<'Table'>;\n    }\n  );\n\nexport type ObjectData = Record<string, unknown>;\nexport type ListData = ObjectData[];\n\n/**\n * Chart, Legend must have an accessible names (aria-name).\n * It should describe chart or legend content.\n */\nexport type AriaNameProps = Intergalactic.RequireAtLeastOne<{\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'title'?: string;\n}>;\n\nexport type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {\n  /**\n   * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array\n   */\n  data: T;\n  /**\n   * Width of plot\n   */\n  plotWidth: number;\n  /**\n   * Height of plot\n   */\n  plotHeight: number;\n\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n  /**\n   * Margin (for Y axis points) from left side of chart container to Y axis\n   */\n  marginY?: number;\n  /**\n   * Margin (for X axis points) from bottom of chart container to X axis\n   */\n  marginX?: number;\n  /**\n   * invert axis and show horizontal charts (only for Bars!)\n   */\n  invertAxis?: boolean;\n\n  /**\n   * Show X axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showXAxis?: boolean;\n  /**\n   * Show Y axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showYAxis?: boolean;\n  /**\n   * Map with colors for data items\n   */\n  colorMap?: Record<string, string>;\n  /**\n   * Show tooltip's.\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Show sum of values for selected point in tooltip\n   */\n  showTotalInTooltip?: boolean;\n  /**\n   * Scale for xAxis (see more in d3-scale)\n   */\n  xScale?: unknown;\n  /**\n   * Scale for yAxis (see more in d3-scale)\n   */\n  yScale?: unknown;\n  /**\n   * Count of ticks for X axis\n   */\n  xTicksCount?: number;\n  /**\n   * Count of ticks for Y axis\n   */\n  yTicksCount?: number;\n  /** Enables multiline tick labels for X axis, applicable only for band scales */\n  multilineXTicks?: boolean;\n  /** Enables multiline tick labels for Y axis, applicable only for band scales */\n  multilineYTicks?: boolean;\n  /**\n   * Group key for all array-based charts (for get keys of items for legend except that group key)\n   */\n  groupKey?: string;\n  /**\n   * function for format axis item text\n   */\n  axisXValueFormatter?: (value: unknown) => string;\n  axisYValueFormatter?: (value: unknown) => string;\n  /**\n   * Function for format text for tooltip\n   */\n  tooltipValueFormatter?: (value?: unknown) => string;\n  /**\n   * Custom event emitter. Could be useful to handle event on few charts at the same time.\n   */\n  eventEmitter?: InstanceType<typeof PlotEventEmitter>;\n  /**\n   * Config for a11y summary\n   */\n  a11yAltTextConfig?: PlotSummarizerConfig;\n\n  /**\n   * Animations duration, set 0 to disable animations\n   */\n  duration?: number;\n  /**\n   * Flag to show/hide legend\n   */\n  showLegend?: boolean;\n  /**\n   * Props for Legend\n   */\n  legendProps?: Partial<BaseLegendProps>;\n} & (\n  | {\n  /**\n   * Don't show legend\n   */\n    showLegend?: false;\n    legendProps?: never;\n  }\n  | {\n  /**\n   *  By default (if showLegend don't set), for one data item on chart,\n   *  Legend component will be hide, and show for more then 1 data item.\n   *  If set `true` - Legend component will show always.\n   */\n    showLegend?: true;\n    /**\n   * Props for Legend\n   */\n    legendProps?: Partial<BaseLegendProps>;\n  }\n  );\n\ntype LegendDataMap<T extends 'Flex' | 'Table'> = Record<\n  LegendItemKey,\n  {\n    /**\n     * Custom label for legend item (by default use keys from data item object)\n     */\n    label?: string;\n    /**\n     * Additional text after label\n     */\n    additionalInfo?: string;\n    /**\n     * Count after label\n     */\n    count?: number;\n    /**\n     * Custom Icon\n     */\n    icon?: typeof Icon;\n    /**\n     * Flag for uncheck some items by default\n     */\n    defaultChecked?: boolean;\n  } & (T extends 'Table' ? { columns?: React.ReactNode[] } : { columns?: never })\n>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Chart/AreaChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.type.js","names":[],"sources":["../../../../src/component/Chart/AreaChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport type { CurveFactory } from 'd3-shape';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type AreaChartProps = BaseChartProps<AreaChartData> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether to display dots on the area chart lines */\n  showDots?: boolean;\n  /** D3 curve factory for line interpolation (e.g., curveLinear, curveCardinal) */\n  curve?: CurveFactory;\n  /**  Enables stacked area chart mode */\n  stacked?: boolean;\n  /** Callback triggered when a user clicks on a chart at a position corresponding to a data item */\n  onClickArea?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type AreaChartType = Intergalactic.Component<typeof Flex, AreaChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"AreaChart.type.js","names":[],"sources":["../../../../src/component/Chart/AreaChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport type { CurveFactory } from 'd3-shape';\n\nimport type { AriaNameProps, BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type AreaChartProps = BaseChartProps<AreaChartData> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether to display dots on the area chart lines */\n  showDots?: boolean;\n  /** D3 curve factory for line interpolation (e.g., curveLinear, curveCardinal) */\n  curve?: CurveFactory;\n  /**  Enables stacked area chart mode */\n  stacked?: boolean;\n  /** Callback triggered when a user clicks on a chart at a position corresponding to a data item */\n  onClickArea?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type AreaChartType = Intergalactic.Component<typeof Flex, Intergalactic.InternalTypings.EfficientOmit<AreaChartProps, 'showLegend'> & { showLegend?: boolean } & AriaNameProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Chart/BarChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport type React from 'react';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number;\n  y: number;\n};\n\ntype BarKey = string;\n\nexport type BarChartData = Array<Record<BarKey, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether bars are grouped side-by-side or stacked */\n  type?: 'stack' | 'group';\n  /** Optional trend line data to overlay on the bars */\n  trend?: Record<LegendItemKey, TrendItem[]>;\n  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport type React from 'react';\n\nimport type { AriaNameProps, BaseChartProps } from './AbstractChart.type';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number | string;\n  y: number | string;\n};\n\ntype BarKey = string;\n\nexport type BarChartData = Array<Record<BarKey, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether bars are grouped side-by-side or stacked */\n  type?: 'stack' | 'group';\n  /** Optional trend line data to overlay on the bars */\n  trend?: Record<LegendItemKey, TrendItem[]>;\n  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps & AriaNameProps>;\n"],"mappings":"","ignoreList":[]}

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

@@ -13,12 +13,12 @@ import Divider from '@semcore/divider';
 import { Flex } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_1huw2_gg_._direction_row_1huw2_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1huw2_gg_._direction_column_1huw2_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"1huw2_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_13qix_gg_._direction_row_13qix_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_13qix_gg_._direction_column_13qix_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"13qix_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendFlex": "___SLegendFlex_1huw2_gg_",
-  "_direction_row": "_direction_row_1huw2_gg_",
-  "_direction_column": "_direction_column_1huw2_gg_"
+  "__SLegendFlex": "___SLegendFlex_13qix_gg_",
+  "_direction_row": "_direction_row_13qix_gg_",
+  "_direction_column": "_direction_column_13qix_gg_"
 });
 import { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';
 import { BaseLegend } from '../BaseLegend';

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

@@ -21,25 +21,25 @@ import { Flex, Box } from '@semcore/flex-box';
 import { Text as TypographyText } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_pmd7n_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_pmd7n_gg_:hover{cursor:pointer}.___SLegendItem_pmd7n_gg_.__disabled_pmd7n_gg_:hover{cursor:default}}.___SPointShape_pmd7n_gg_.__color_pmd7n_gg_{background-color:var(--color_pmd7n);margin-right:8px;flex-shrink:0}.___SPointShape_pmd7n_gg_._shape_Circle_pmd7n_gg_._size_l_pmd7n_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_pmd7n_gg_._shape_Circle_pmd7n_gg_._size_m_pmd7n_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_pmd7n_gg_._shape_Line_pmd7n_gg_._size_l_pmd7n_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_pmd7n_gg_._shape_Line_pmd7n_gg_._size_m_pmd7n_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_pmd7n_gg_._shape_Square_pmd7n_gg_._size_l_pmd7n_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_pmd7n_gg_._shape_Square_pmd7n_gg_._size_m_pmd7n_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_pmd7n_gg_._shape_Pattern_pmd7n_gg_{background-color:transparent;margin-right:4px}.___SIcon_pmd7n_gg_{line-height:0;margin-right:4px}.___SIcon_pmd7n_gg_._size_l_pmd7n_gg_{margin-top:4px}.___SIcon_pmd7n_gg_._size_m_pmd7n_gg_{margin-top:2px}.___SLabel_pmd7n_gg_{min-width:0}.___SAdditionalLabel_pmd7n_gg_._size_l_pmd7n_gg_,.___SCount_pmd7n_gg_._size_l_pmd7n_gg_,.___SLabel_pmd7n_gg_._size_l_pmd7n_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_pmd7n_gg_._size_m_pmd7n_gg_,.___SCount_pmd7n_gg_._size_m_pmd7n_gg_,.___SLabel_pmd7n_gg_._size_m_pmd7n_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_pmd7n_gg_,.___SCount_pmd7n_gg_{margin-left:4px}.___SAdditionalLabel_pmd7n_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_pmd7n_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_pmd7n_gg_._size_l_pmd7n_gg_::before{margin-top:10px}.___SAdditionalLabel_pmd7n_gg_._size_m_pmd7n_gg_::before{margin-top:8px}.___SPatternSymbol_pmd7n_gg_{transform:scale(.8)}", /*__inner_css_end__*/"pmd7n_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1mf3o_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1mf3o_gg_:hover{cursor:pointer}.___SLegendItem_1mf3o_gg_.__disabled_1mf3o_gg_:hover{cursor:default}}.___SPointShape_1mf3o_gg_.__color_1mf3o_gg_{background-color:var(--color_1mf3o);margin-right:8px;flex-shrink:0}.___SPointShape_1mf3o_gg_._shape_Circle_1mf3o_gg_._size_l_1mf3o_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1mf3o_gg_._shape_Circle_1mf3o_gg_._size_m_1mf3o_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1mf3o_gg_._shape_Line_1mf3o_gg_._size_l_1mf3o_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1mf3o_gg_._shape_Line_1mf3o_gg_._size_m_1mf3o_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1mf3o_gg_._shape_Square_1mf3o_gg_._size_l_1mf3o_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1mf3o_gg_._shape_Square_1mf3o_gg_._size_m_1mf3o_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1mf3o_gg_._shape_Pattern_1mf3o_gg_{background-color:transparent;margin-right:4px}.___SIcon_1mf3o_gg_{line-height:0;margin-right:4px}.___SIcon_1mf3o_gg_._size_l_1mf3o_gg_{margin-top:4px}.___SIcon_1mf3o_gg_._size_m_1mf3o_gg_{margin-top:2px}.___SLabel_1mf3o_gg_{min-width:0}.___SAdditionalLabel_1mf3o_gg_._size_l_1mf3o_gg_,.___SCount_1mf3o_gg_._size_l_1mf3o_gg_,.___SLabel_1mf3o_gg_._size_l_1mf3o_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1mf3o_gg_._size_m_1mf3o_gg_,.___SCount_1mf3o_gg_._size_m_1mf3o_gg_,.___SLabel_1mf3o_gg_._size_m_1mf3o_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1mf3o_gg_,.___SCount_1mf3o_gg_{margin-left:4px}.___SAdditionalLabel_1mf3o_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1mf3o_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1mf3o_gg_._size_l_1mf3o_gg_::before{margin-top:10px}.___SAdditionalLabel_1mf3o_gg_._size_m_1mf3o_gg_::before{margin-top:8px}.___SPatternSymbol_1mf3o_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1mf3o_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_pmd7n_gg_",
-  "_disabled": "__disabled_pmd7n_gg_",
-  "__SPointShape": "___SPointShape_pmd7n_gg_",
-  "_color": "__color_pmd7n_gg_",
-  "--color": "--color_pmd7n",
-  "_shape_Circle": "_shape_Circle_pmd7n_gg_",
-  "_size_l": "_size_l_pmd7n_gg_",
-  "_size_m": "_size_m_pmd7n_gg_",
-  "_shape_Line": "_shape_Line_pmd7n_gg_",
-  "_shape_Square": "_shape_Square_pmd7n_gg_",
-  "_shape_Pattern": "_shape_Pattern_pmd7n_gg_",
-  "__SIcon": "___SIcon_pmd7n_gg_",
-  "__SLabel": "___SLabel_pmd7n_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_pmd7n_gg_",
-  "__SCount": "___SCount_pmd7n_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_pmd7n_gg_"
+  "__SLegendItem": "___SLegendItem_1mf3o_gg_",
+  "_disabled": "__disabled_1mf3o_gg_",
+  "__SPointShape": "___SPointShape_1mf3o_gg_",
+  "_color": "__color_1mf3o_gg_",
+  "--color": "--color_1mf3o",
+  "_shape_Circle": "_shape_Circle_1mf3o_gg_",
+  "_size_l": "_size_l_1mf3o_gg_",
+  "_size_m": "_size_m_1mf3o_gg_",
+  "_shape_Line": "_shape_Line_1mf3o_gg_",
+  "_shape_Square": "_shape_Square_1mf3o_gg_",
+  "_shape_Pattern": "_shape_Pattern_1mf3o_gg_",
+  "__SIcon": "___SIcon_1mf3o_gg_",
+  "__SLabel": "___SLabel_1mf3o_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1mf3o_gg_",
+  "__SCount": "___SCount_1mf3o_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1mf3o_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import { PatternSymbol } from '../../../Pattern';
@@ -216,7 +216,7 @@ function Shape(props) {
     return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, _ref9.cn("Checkbox", {
       "size": size,
       "checked": checked,
-      "theme": checked ? color : undefined,
+      "theme": color,
       "onChange": onChange,
       "onFocus": onFocus,
       "onBlur": onBlur,