@semcore/d3-chart 2.9.1 → 2.11.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.11.0] - 2023-03-13
+
+### Changed
+
+- Much improved a11y summary generation for `Radar` chart.
+
+## [2.10.0] - 2023-03-07
+
+### Added
+
+- Added footer in `Tooltip`.
+
 ## [2.9.1] - 2023-03-06
 
 ### Fixed

package/README.md

@@ -6,7 +6,7 @@
 
 > This component is part of the Intergalactic design system
 
-### 📖 [Component documentation](https://developer.semrush.com/intergalactic/data-display/d3-chart/)
+### 📖 [Component documentation](https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-code/)
 
 ### 🏠 [Design system](https://developer.semrush.com/intergalactic/)
 

package/lib/cjs/Area.js

@@ -42,19 +42,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_1ufaz_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1ufaz_gg_.__color_1ufaz_gg_{fill:var(--color_1ufaz)}.___SArea_1ufaz_gg_.__transparent_1ufaz_gg_{opacity:.3}.___SAreaLine_1ufaz_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1ufaz_gg_.__color_1ufaz_gg_{stroke:var(--color_1ufaz)}.___SAreaLine_1ufaz_gg_.__transparent_1ufaz_gg_{opacity:.3}.___SAreaLine_1ufaz_gg_,.___SArea_1ufaz_gg_{transition-property:d;transition-duration:var(--duration_1ufaz);transition-timing-function:ease-in-out}.___SNull_1ufaz_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1ufaz_gg_.__hide_1ufaz_gg_{display:none}"
+".___SArea_1s7ja_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1s7ja_gg_.__color_1s7ja_gg_{fill:var(--color_1s7ja)}.___SArea_1s7ja_gg_.__transparent_1s7ja_gg_{opacity:.3}.___SAreaLine_1s7ja_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1s7ja_gg_.__color_1s7ja_gg_{stroke:var(--color_1s7ja)}.___SAreaLine_1s7ja_gg_.__transparent_1s7ja_gg_{opacity:.3}.___SAreaLine_1s7ja_gg_,.___SArea_1s7ja_gg_{transition-property:d;transition-duration:var(--duration_1s7ja);transition-timing-function:ease-in-out}.___SNull_1s7ja_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1s7ja_gg_.__hide_1s7ja_gg_{display:none}"
 /*__inner_css_end__*/
-, "1ufaz_gg_")
+, "1s7ja_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1ufaz_gg_",
-  "_color": "__color_1ufaz_gg_",
-  "--color": "--color_1ufaz",
-  "_transparent": "__transparent_1ufaz_gg_",
-  "__SAreaLine": "___SAreaLine_1ufaz_gg_",
-  "--duration": "--duration_1ufaz",
-  "__SNull": "___SNull_1ufaz_gg_",
-  "_hide": "__hide_1ufaz_gg_"
+  "__SArea": "___SArea_1s7ja_gg_",
+  "_color": "__color_1s7ja_gg_",
+  "--color": "--color_1s7ja",
+  "_transparent": "__transparent_1s7ja_gg_",
+  "__SAreaLine": "___SAreaLine_1s7ja_gg_",
+  "--duration": "--duration_1s7ja",
+  "__SNull": "___SNull_1s7ja_gg_",
+  "_hide": "__hide_1s7ja_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Axis.js

@@ -36,23 +36,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_ha9sc_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_ha9sc_gg_.__hide_ha9sc_gg_,.___STick_ha9sc_gg_.__hide_ha9sc_gg_{display:none}.___STick_ha9sc_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_ha9sc_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_ha9sc_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_ha9sc)}.___STitle_ha9sc_gg_._position_top_ha9sc_gg_{text-anchor:middle}.___STitle_ha9sc_gg_._position_bottom_ha9sc_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_ha9sc_gg_._position_left_ha9sc_gg_,.___STitle_ha9sc_gg_._position_right_ha9sc_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_ha9sc_gg_._position_top_ha9sc_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_ha9sc_gg_._position_bottom_ha9sc_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_ha9sc_gg_._position_right_ha9sc_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_ha9sc_gg_._position_left_ha9sc_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_ha9sc_gg_._position_custom_0_ha9sc_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_ha9sc_gg_._position_custom_1_ha9sc_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_uaozb_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_uaozb_gg_.__hide_uaozb_gg_,.___STick_uaozb_gg_.__hide_uaozb_gg_{display:none}.___STick_uaozb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_uaozb_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_uaozb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_uaozb)}.___STitle_uaozb_gg_._position_top_uaozb_gg_{text-anchor:middle}.___STitle_uaozb_gg_._position_bottom_uaozb_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_uaozb_gg_._position_left_uaozb_gg_,.___STitle_uaozb_gg_._position_right_uaozb_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_uaozb_gg_._position_top_uaozb_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_uaozb_gg_._position_bottom_uaozb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_uaozb_gg_._position_right_uaozb_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_uaozb_gg_._position_left_uaozb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_uaozb_gg_._position_custom_0_uaozb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_uaozb_gg_._position_custom_1_uaozb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "ha9sc_gg_")
+, "uaozb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_ha9sc_gg_",
-  "_hide": "__hide_ha9sc_gg_",
-  "__STick": "___STick_ha9sc_gg_",
-  "__SGrid": "___SGrid_ha9sc_gg_",
-  "__STitle": "___STitle_ha9sc_gg_",
-  "--transform-origin": "--transform-origin_ha9sc",
-  "_position_top": "_position_top_ha9sc_gg_",
-  "_position_bottom": "_position_bottom_ha9sc_gg_",
-  "_position_right": "_position_right_ha9sc_gg_",
-  "_position_left": "_position_left_ha9sc_gg_",
-  "_position_custom_0": "_position_custom_0_ha9sc_gg_",
-  "_position_custom_1": "_position_custom_1_ha9sc_gg_"
+  "__SAxis": "___SAxis_uaozb_gg_",
+  "_hide": "__hide_uaozb_gg_",
+  "__STick": "___STick_uaozb_gg_",
+  "__SGrid": "___SGrid_uaozb_gg_",
+  "__STitle": "___STitle_uaozb_gg_",
+  "--transform-origin": "--transform-origin_uaozb",
+  "_position_top": "_position_top_uaozb_gg_",
+  "_position_bottom": "_position_bottom_uaozb_gg_",
+  "_position_right": "_position_right_uaozb_gg_",
+  "_position_left": "_position_left_uaozb_gg_",
+  "_position_custom_0": "_position_custom_0_uaozb_gg_",
+  "_position_custom_1": "_position_custom_1_uaozb_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/cjs/Bar.js

@@ -38,18 +38,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_17k9j_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_17k9j);transition-timing-function:ease-in-out}.___SBar_17k9j_gg_.__color_17k9j_gg_{fill:var(--color_17k9j)}.___SBar_17k9j_gg_.__hide_17k9j_gg_{display:none}.___SBar_17k9j_gg_.__transparent_17k9j_gg_{opacity:.3}.___SBackground_17k9j_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
+".___SBar_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1jtbl);transition-timing-function:ease-in-out}.___SBar_1jtbl_gg_.__color_1jtbl_gg_{fill:var(--color_1jtbl)}.___SBar_1jtbl_gg_.__hide_1jtbl_gg_{display:none}.___SBar_1jtbl_gg_.__transparent_1jtbl_gg_{opacity:.3}.___SBackground_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
 /*__inner_css_end__*/
-, "17k9j_gg_")
+, "1jtbl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_17k9j_gg_",
-  "--duration": "--duration_17k9j",
-  "_color": "__color_17k9j_gg_",
-  "--color": "--color_17k9j",
-  "_hide": "__hide_17k9j_gg_",
-  "_transparent": "__transparent_17k9j_gg_",
-  "__SBackground": "___SBackground_17k9j_gg_"
+  "__SBar": "___SBar_1jtbl_gg_",
+  "--duration": "--duration_1jtbl",
+  "_color": "__color_1jtbl_gg_",
+  "--color": "--color_1jtbl",
+  "_hide": "__hide_1jtbl_gg_",
+  "_transparent": "__transparent_1jtbl_gg_",
+  "__SBackground": "___SBackground_1jtbl_gg_"
 });
 
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {

package/lib/cjs/Bubble.js

@@ -48,20 +48,20 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_4ptlv_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_4ptlv);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_4ptlv_gg_:hover{opacity:.8}}.___SBubble_4ptlv_gg_.__color_4ptlv_gg_{fill:var(--color_4ptlv)}.___SBubble_4ptlv_gg_.__transparent_4ptlv_gg_{opacity:.3}.___SCenter_4ptlv_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_4ptlv_gg_.__color_4ptlv_gg_{stroke:var(--color_4ptlv)}.___SCenter_4ptlv_gg_.__transparent_4ptlv_gg_{opacity:.3}.___SLabel_4ptlv_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_4ptlv_gg_._position_right_4ptlv_gg_{text-anchor:end}.___SLabel_4ptlv_gg_._position_left_4ptlv_gg_{text-anchor:start}.___SLabel_4ptlv_gg_.__color_4ptlv_gg_{fill:var(--color_4ptlv)}.___SLabel_4ptlv_gg_.__transparent_4ptlv_gg_{opacity:.3}"
+".___SBubble_82aux_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_82aux);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_82aux_gg_:hover{opacity:.8}}.___SBubble_82aux_gg_.__color_82aux_gg_{fill:var(--color_82aux)}.___SBubble_82aux_gg_.__transparent_82aux_gg_{opacity:.3}.___SCenter_82aux_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_82aux_gg_.__color_82aux_gg_{stroke:var(--color_82aux)}.___SCenter_82aux_gg_.__transparent_82aux_gg_{opacity:.3}.___SLabel_82aux_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_82aux_gg_._position_right_82aux_gg_{text-anchor:end}.___SLabel_82aux_gg_._position_left_82aux_gg_{text-anchor:start}.___SLabel_82aux_gg_.__color_82aux_gg_{fill:var(--color_82aux)}.___SLabel_82aux_gg_.__transparent_82aux_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "4ptlv_gg_")
+, "82aux_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_4ptlv_gg_",
-  "--duration": "--duration_4ptlv",
-  "_color": "__color_4ptlv_gg_",
-  "--color": "--color_4ptlv",
-  "_transparent": "__transparent_4ptlv_gg_",
-  "__SCenter": "___SCenter_4ptlv_gg_",
-  "__SLabel": "___SLabel_4ptlv_gg_",
-  "_position_right": "_position_right_4ptlv_gg_",
-  "_position_left": "_position_left_4ptlv_gg_"
+  "__SBubble": "___SBubble_82aux_gg_",
+  "--duration": "--duration_82aux",
+  "_color": "__color_82aux_gg_",
+  "--color": "--color_82aux",
+  "_transparent": "__transparent_82aux_gg_",
+  "__SCenter": "___SCenter_82aux_gg_",
+  "__SLabel": "___SLabel_82aux_gg_",
+  "_position_right": "_position_right_82aux_gg_",
+  "_position_left": "_position_left_82aux_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Donut.js

@@ -52,17 +52,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_1jx7s_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1jx7s_gg_.__color_1jx7s_gg_{fill:var(--color_1jx7s)}.___SPie_1jx7s_gg_.__transparent_1jx7s_gg_{opacity:.3}.___SEmptyData_1jx7s_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1jx7s_gg_.__color_1jx7s_gg_{fill:var(--color_1jx7s)}.___SLabel_1jx7s_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_19hde_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_19hde_gg_.__color_19hde_gg_{fill:var(--color_19hde)}.___SPie_19hde_gg_.__transparent_19hde_gg_{opacity:.3}.___SEmptyData_19hde_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_19hde_gg_.__color_19hde_gg_{fill:var(--color_19hde)}.___SLabel_19hde_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "1jx7s_gg_")
+, "19hde_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1jx7s_gg_",
-  "_color": "__color_1jx7s_gg_",
-  "--color": "--color_1jx7s",
-  "_transparent": "__transparent_1jx7s_gg_",
-  "__SEmptyData": "___SEmptyData_1jx7s_gg_",
-  "__SLabel": "___SLabel_1jx7s_gg_"
+  "__SPie": "___SPie_19hde_gg_",
+  "_color": "__color_19hde_gg_",
+  "--color": "--color_19hde",
+  "_transparent": "__transparent_19hde_gg_",
+  "__SEmptyData": "___SEmptyData_19hde_gg_",
+  "__SLabel": "___SLabel_19hde_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/cjs/Dots.js

@@ -28,19 +28,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_emg5p_gg_ .___SDot_emg5p_gg_{transition-duration:var(--duration_emg5p)}.___SDot_emg5p_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_emg5p_gg_.__hide_emg5p_gg_{display:none}.___SDot_emg5p_gg_.__active_emg5p_gg_{r:8px}.___SDot_emg5p_gg_.__color_emg5p_gg_{fill:var(--color_emg5p)}.___SDot_emg5p_gg_.__transparent_emg5p_gg_{opacity:.3}"
+".___SDots_15qs1_gg_ .___SDot_15qs1_gg_{transition-duration:var(--duration_15qs1)}.___SDot_15qs1_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_15qs1_gg_.__hide_15qs1_gg_{display:none}.___SDot_15qs1_gg_.__active_15qs1_gg_{r:8px}.___SDot_15qs1_gg_.__color_15qs1_gg_{fill:var(--color_15qs1)}.___SDot_15qs1_gg_.__transparent_15qs1_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "emg5p_gg_")
+, "15qs1_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_emg5p_gg_",
-  "__SDot": "___SDot_emg5p_gg_",
-  "--duration": "--duration_emg5p",
-  "_hide": "__hide_emg5p_gg_",
-  "_active": "__active_emg5p_gg_",
-  "_color": "__color_emg5p_gg_",
-  "--color": "--color_emg5p",
-  "_transparent": "__transparent_emg5p_gg_"
+  "__SDots": "___SDots_15qs1_gg_",
+  "__SDot": "___SDot_15qs1_gg_",
+  "--duration": "--duration_15qs1",
+  "_hide": "__hide_15qs1_gg_",
+  "_active": "__active_15qs1_gg_",
+  "_color": "__color_15qs1_gg_",
+  "--color": "--color_15qs1",
+  "_transparent": "__transparent_15qs1_gg_"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 

package/lib/cjs/HorizontalBar.js

@@ -36,18 +36,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_17k9j_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_17k9j);transition-timing-function:ease-in-out}.___SBar_17k9j_gg_.__color_17k9j_gg_{fill:var(--color_17k9j)}.___SBar_17k9j_gg_.__hide_17k9j_gg_{display:none}.___SBar_17k9j_gg_.__transparent_17k9j_gg_{opacity:.3}.___SBackground_17k9j_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
+".___SBar_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1jtbl);transition-timing-function:ease-in-out}.___SBar_1jtbl_gg_.__color_1jtbl_gg_{fill:var(--color_1jtbl)}.___SBar_1jtbl_gg_.__hide_1jtbl_gg_{display:none}.___SBar_1jtbl_gg_.__transparent_1jtbl_gg_{opacity:.3}.___SBackground_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
 /*__inner_css_end__*/
-, "17k9j_gg_")
+, "1jtbl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_17k9j_gg_",
-  "--duration": "--duration_17k9j",
-  "_color": "__color_17k9j_gg_",
-  "--color": "--color_17k9j",
-  "_hide": "__hide_17k9j_gg_",
-  "_transparent": "__transparent_17k9j_gg_",
-  "__SBackground": "___SBackground_17k9j_gg_"
+  "__SBar": "___SBar_1jtbl_gg_",
+  "--duration": "--duration_1jtbl",
+  "_color": "__color_1jtbl_gg_",
+  "--color": "--color_1jtbl",
+  "_hide": "__hide_1jtbl_gg_",
+  "_transparent": "__transparent_1jtbl_gg_",
+  "__SBackground": "___SBackground_1jtbl_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Hover.js

@@ -38,13 +38,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_1beyk_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1beyk_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
+".___SHoverLine_5k49a_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_5k49a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
 /*__inner_css_end__*/
-, "1beyk_gg_")
+, "5k49a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1beyk_gg_",
-  "__SHoverRect": "___SHoverRect_1beyk_gg_"
+  "__SHoverLine": "___SHoverLine_5k49a_gg_",
+  "__SHoverRect": "___SHoverRect_5k49a_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/cjs/Line.js

@@ -40,18 +40,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_66i8h_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_66i8h);transition-timing-function:ease-in-out}.___SLine_66i8h_gg_.__color_66i8h_gg_{stroke:var(--color_66i8h)}.___SLine_66i8h_gg_.__hide_66i8h_gg_{display:none}.___SLine_66i8h_gg_.__transparent_66i8h_gg_{opacity:.3}.___SNull_66i8h_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_66i8h_gg_.__hide_66i8h_gg_{display:none}"
+".___SLine_1jx3n_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1jx3n);transition-timing-function:ease-in-out}.___SLine_1jx3n_gg_.__color_1jx3n_gg_{stroke:var(--color_1jx3n)}.___SLine_1jx3n_gg_.__hide_1jx3n_gg_{display:none}.___SLine_1jx3n_gg_.__transparent_1jx3n_gg_{opacity:.3}.___SNull_1jx3n_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_1jx3n_gg_.__hide_1jx3n_gg_{display:none}"
 /*__inner_css_end__*/
-, "66i8h_gg_")
+, "1jx3n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_66i8h_gg_",
-  "--duration": "--duration_66i8h",
-  "_color": "__color_66i8h_gg_",
-  "--color": "--color_66i8h",
-  "_hide": "__hide_66i8h_gg_",
-  "_transparent": "__transparent_66i8h_gg_",
-  "__SNull": "___SNull_66i8h_gg_"
+  "__SLine": "___SLine_1jx3n_gg_",
+  "--duration": "--duration_1jx3n",
+  "_color": "__color_1jx3n_gg_",
+  "--color": "--color_1jx3n",
+  "_hide": "__hide_1jx3n_gg_",
+  "_transparent": "__transparent_1jx3n_gg_",
+  "__SNull": "___SNull_1jx3n_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Plot.js

@@ -46,13 +46,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_eg1ll_gg_{overflow:hidden}.___SPlot_eg1ll_gg_:active,.___SPlot_eg1ll_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_eg1ll_gg_.__keyboardFocused_eg1ll_gg_{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.3))}"
+".___SPlot_14obl_gg_{overflow:hidden}.___SPlot_14obl_gg_:active,.___SPlot_14obl_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_14obl_gg_.__keyboardFocused_14obl_gg_{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.3))}"
 /*__inner_css_end__*/
-, "eg1ll_gg_")
+, "14obl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_eg1ll_gg_",
-  "_keyboardFocused": "__keyboardFocused_eg1ll_gg_"
+  "__SPlot": "___SPlot_14obl_gg_",
+  "_keyboardFocused": "__keyboardFocused_14obl_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Radar.js

@@ -51,27 +51,27 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SAxisLine_jqen1_gg_,.___SAxisTick_jqen1_gg_,.___SAxis_jqen1_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_jqen1_gg_,.___SAxisTick_jqen1_gg_{stroke-dasharray:2}.___SAxisLine_jqen1_gg_.__active_jqen1_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_jqen1_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_jqen1_gg_.__xDirection_jqen1_gg_{text-anchor:var(--xDirection_jqen1)}.___SAxisLabel_jqen1_gg_.__yDirection_jqen1_gg_{dominant-baseline:var(--yDirection_jqen1)}.___SPolygonDot_jqen1_gg_,.___SPolygon_jqen1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_jqen1_gg_{opacity:.2}.___SPolygon_jqen1_gg_.__color_jqen1_gg_{fill:var(--color_jqen1)}.___SPolygonDot_jqen1_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_jqen1_gg_.__transparent_jqen1_gg_{opacity:.3}.___SPolygonDot_jqen1_gg_.__color_jqen1_gg_{fill:var(--color_jqen1)}.___SPolygonLine_jqen1_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_jqen1_gg_.__transparent_jqen1_gg_{opacity:.3}.___SPolygonLine_jqen1_gg_.__color_jqen1_gg_{stroke:var(--color_jqen1)}.___SPieRect_jqen1_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
+".___SAxisLine_15or2_gg_,.___SAxisTick_15or2_gg_,.___SAxis_15or2_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_15or2_gg_,.___SAxisTick_15or2_gg_{stroke-dasharray:2}.___SAxisLine_15or2_gg_.__active_15or2_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_15or2_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_15or2_gg_.__xDirection_15or2_gg_{text-anchor:var(--xDirection_15or2)}.___SAxisLabel_15or2_gg_.__yDirection_15or2_gg_{dominant-baseline:var(--yDirection_15or2)}.___SPolygonDot_15or2_gg_,.___SPolygon_15or2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_15or2_gg_{opacity:.2}.___SPolygon_15or2_gg_.__color_15or2_gg_{fill:var(--color_15or2)}.___SPolygonDot_15or2_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_15or2_gg_.__transparent_15or2_gg_{opacity:.3}.___SPolygonDot_15or2_gg_.__color_15or2_gg_{fill:var(--color_15or2)}.___SPolygonLine_15or2_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_15or2_gg_.__transparent_15or2_gg_{opacity:.3}.___SPolygonLine_15or2_gg_.__color_15or2_gg_{stroke:var(--color_15or2)}.___SPieRect_15or2_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
 /*__inner_css_end__*/
-, "jqen1_gg_")
+, "15or2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_jqen1_gg_",
-  "__SAxisLine": "___SAxisLine_jqen1_gg_",
-  "__SAxisTick": "___SAxisTick_jqen1_gg_",
-  "_active": "__active_jqen1_gg_",
-  "__SAxisLabel": "___SAxisLabel_jqen1_gg_",
-  "_xDirection": "__xDirection_jqen1_gg_",
-  "--xDirection": "--xDirection_jqen1",
-  "_yDirection": "__yDirection_jqen1_gg_",
-  "--yDirection": "--yDirection_jqen1",
-  "__SPolygon": "___SPolygon_jqen1_gg_",
-  "_color": "__color_jqen1_gg_",
-  "--color": "--color_jqen1",
-  "__SPolygonDot": "___SPolygonDot_jqen1_gg_",
-  "_transparent": "__transparent_jqen1_gg_",
-  "__SPolygonLine": "___SPolygonLine_jqen1_gg_",
-  "__SPieRect": "___SPieRect_jqen1_gg_"
+  "__SAxis": "___SAxis_15or2_gg_",
+  "__SAxisLine": "___SAxisLine_15or2_gg_",
+  "__SAxisTick": "___SAxisTick_15or2_gg_",
+  "_active": "__active_15or2_gg_",
+  "__SAxisLabel": "___SAxisLabel_15or2_gg_",
+  "_xDirection": "__xDirection_15or2_gg_",
+  "--xDirection": "--xDirection_15or2",
+  "_yDirection": "__yDirection_15or2_gg_",
+  "--yDirection": "--yDirection_15or2",
+  "__SPolygon": "___SPolygon_15or2_gg_",
+  "_color": "__color_15or2_gg_",
+  "--color": "--color_15or2",
+  "__SPolygonDot": "___SPolygonDot_15or2_gg_",
+  "_transparent": "__transparent_15or2_gg_",
+  "__SPolygonLine": "___SPolygonLine_15or2_gg_",
+  "__SPieRect": "___SPieRect_15or2_gg_"
 });
 
 function getAngle(i, range, func, total) {
@@ -269,6 +269,7 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
           width = _size[0],
           height = _size[1];
 
+      this.asProps.dataHintsHandler.establishDataType('indexed-groups');
       var dataKey;
 
       _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).forEach(function (child) {
@@ -289,8 +290,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
       return _ref = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SRadar, _ref.cn("SRadar", {
         "aria-hidden": true,
         "id": this.id,
-        "render": 'g',
-        "childrenPosition": 'inside',
+        "render": "g",
+        "childrenPosition": "inside",
         "transform": "translate(".concat(width / 2, ",").concat(height / 2, ")")
       }));
     }
@@ -322,12 +323,16 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
           data = _this$asProps4.data,
           scale = _this$asProps4.scale,
           color = _this$asProps4.color,
-          transparent = _this$asProps4.transparent;
+          transparent = _this$asProps4.transparent,
+          dataKey = _this$asProps4.dataKey,
+          dataHintsHandler = _this$asProps4.dataHintsHandler;
       return {
         data: data,
         scale: scale,
         color: color,
-        transparent: transparent
+        transparent: transparent,
+        categoryKey: dataKey,
+        dataHintsHandler: dataHintsHandler
       };
     }
   }, {
@@ -358,7 +363,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
           color = _this$asProps6.color,
           fill = _this$asProps6.fill;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygon, _ref2.cn("SPolygon", {
-        "render": 'path',
+        "render": "path",
         "d": d3(data),
         "color": fill || color
       }));
@@ -395,7 +400,7 @@ function PolygonLine(props) {
       data = props.data,
       transparent = props.transparent;
   return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonLine, _ref3.cn("SPolygonLine", {
-    "render": 'path',
+    "render": "path",
     "d": d3(data),
     "color": color,
     "transparent": transparent
@@ -408,12 +413,14 @@ function PolygonDots(props) {
       color = props.color,
       data = props.data,
       scale = props.scale,
-      transparent = props.transparent;
+      transparent = props.transparent,
+      categoryKey = props.categoryKey;
   return data.map(function (value, i) {
     var _ref4;
 
     if (value === null || value === undefined) return;
     var radius = scale(value);
+    props.dataHintsHandler.describeGroupedValues(categoryKey, "".concat(categoryKey, ".").concat(i));
 
     var _getRadianPosition = getRadianPosition(i, radius, data.length),
         _getRadianPosition2 = (0, _slicedToArray2["default"])(_getRadianPosition, 2),
@@ -422,7 +429,7 @@ function PolygonDots(props) {
 
     return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonDot, _ref4.cn("SPolygonDot", {
       "key": i,
-      "render": 'circle',
+      "render": "circle",
       "cx": cx,
       "cy": cy,
       "color": color,
@@ -534,12 +541,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       var radius = Math.min(size[0], size[1]) / 2 - offset;
       var total = categories.length;
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxis, _ref5.cn("SAxis", {
-        "render": 'circle',
+        "render": "circle",
         "cx": 0,
         "cy": 0,
         "r": radius
       })) : /*#__PURE__*/_react["default"].createElement(SAxis, _ref5.cn("SAxis", {
-        "render": 'path',
+        "render": "path",
         "d": this.createLineRadial(radius, total)(categories)
       })), categories.map(function (category, i) {
         var _getRadianPosition3 = getRadianPosition(i, radius, total),
@@ -595,12 +602,12 @@ function AxisTicks(props) {
     });
     return _ref6 = (0, _core.sstyled)(styles), type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref6.cn("SAxisTick", {
       "key": i,
-      "render": 'circle',
+      "render": "circle",
       "cx": 0,
       "cy": 0,
       "r": radius * tick
     })) : /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref6.cn("SAxisTick", {
-      "render": 'path',
+      "render": "path",
       "key": i,
       "d": d3(categories)
     }));
@@ -629,11 +636,12 @@ function AxisLabels(props) {
     if (typeof category === 'string') {
       var _ref7;
 
+      props.dataHintsHandler.labelKey('value', i, category);
       var lines = category.split('\n');
       return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAxisLabel, _ref7.cn("SAxisLabel", {
         "key": i,
-        "render": 'text',
-        "childrenPosition": 'inside',
+        "render": "text",
+        "childrenPosition": "inside",
         "x": x,
         "y": y,
         "xDirection": xDirection,
@@ -850,14 +858,14 @@ var Hover = /*#__PURE__*/function (_Component4) {
 
           var circle = (0, _d3Shape.arc)().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
           return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref8.cn("SPieRect", {
-            "render": 'path',
+            "render": "path",
             "d": circle()
           }));
         } else {
           var _ref9;
 
           return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref9.cn("SPieRect", {
-            "render": 'path',
+            "render": "path",
             "d": (0, _d3Shape.line)()(this.getPolygon(index))
           }));
         }