@semcore/d3-chart 3.0.0-beta.0 → 3.0.0-beta.1

package/lib/cjs/Area.js

@@ -21,15 +21,15 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_r49jl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_r49jl_gg_.__color_r49jl_gg_{fill:var(--color_r49jl)}.___SArea_r49jl_gg_.__transparent_r49jl_gg_{opacity:.3}.___SAreaLine_r49jl_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_r49jl_gg_.__color_r49jl_gg_{stroke:var(--color_r49jl)}.___SAreaLine_r49jl_gg_.__transparent_r49jl_gg_{opacity:.3}.___SAreaLine_r49jl_gg_,.___SArea_r49jl_gg_{transition-property:d;transition-duration:var(--duration_r49jl);transition-timing-function:ease-in-out}.___SNull_r49jl_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_r49jl_gg_.__hide_r49jl_gg_{display:none}" /*__inner_css_end__*/, "r49jl_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_r49jl_gg_",
-  "_color": "__color_r49jl_gg_",
-  "--color": "--color_r49jl",
-  "_transparent": "__transparent_r49jl_gg_",
-  "__SAreaLine": "___SAreaLine_r49jl_gg_",
-  "--duration": "--duration_r49jl",
-  "__SNull": "___SNull_r49jl_gg_",
-  "_hide": "__hide_r49jl_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_113x8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_113x8_gg_.__color_113x8_gg_{fill:var(--color_113x8)}.___SArea_113x8_gg_.__transparent_113x8_gg_{opacity:.3}.___SAreaLine_113x8_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_113x8_gg_.__color_113x8_gg_{stroke:var(--color_113x8)}.___SAreaLine_113x8_gg_.__transparent_113x8_gg_{opacity:.3}.___SAreaLine_113x8_gg_,.___SArea_113x8_gg_{transition-property:d;transition-duration:var(--duration_113x8);transition-timing-function:ease-in-out}.___SNull_113x8_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_113x8_gg_.__hide_113x8_gg_{display:none}" /*__inner_css_end__*/, "113x8_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_113x8_gg_",
+  "_color": "__color_113x8_gg_",
+  "--color": "--color_113x8",
+  "_transparent": "__transparent_113x8_gg_",
+  "__SAreaLine": "___SAreaLine_113x8_gg_",
+  "--duration": "--duration_113x8",
+  "__SNull": "___SNull_113x8_gg_",
+  "_hide": "__hide_113x8_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AreaRoot, _Component);

package/lib/cjs/Axis.js

@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_tzama_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_tzama_gg_.__hide_tzama_gg_,.___STick_tzama_gg_.__hide_tzama_gg_{display:none}.___STick_tzama_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_tzama_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_tzama_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_tzama)}.___STitle_tzama_gg_._position_top_tzama_gg_{text-anchor:middle}.___STitle_tzama_gg_._position_bottom_tzama_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_tzama_gg_._position_left_tzama_gg_,.___STitle_tzama_gg_._position_right_tzama_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_tzama_gg_._position_left_tzama_gg_.__verticalWritingMode_tzama_gg_,.___STitle_tzama_gg_._position_right_tzama_gg_.__verticalWritingMode_tzama_gg_{writing-mode:vertical-rl;transform:none}.___STick_tzama_gg_._position_top_tzama_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_tzama_gg_._position_bottom_tzama_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_tzama_gg_._position_right_tzama_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_tzama_gg_._position_left_tzama_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_tzama_gg_._position_custom_0_tzama_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_tzama_gg_._position_custom_1_tzama_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "tzama_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_tzama_gg_",
-  "_hide": "__hide_tzama_gg_",
-  "__STick": "___STick_tzama_gg_",
-  "__SGrid": "___SGrid_tzama_gg_",
-  "__STitle": "___STitle_tzama_gg_",
-  "--transform-origin": "--transform-origin_tzama",
-  "_position_top": "_position_top_tzama_gg_",
-  "_position_bottom": "_position_bottom_tzama_gg_",
-  "_position_right": "_position_right_tzama_gg_",
-  "_position_left": "_position_left_tzama_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_tzama_gg_",
-  "_position_custom_0": "_position_custom_0_tzama_gg_",
-  "_position_custom_1": "_position_custom_1_tzama_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_rna6f_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_rna6f_gg_.__hide_rna6f_gg_,.___STick_rna6f_gg_.__hide_rna6f_gg_{display:none}.___STick_rna6f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_rna6f_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_rna6f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_rna6f)}.___STitle_rna6f_gg_._position_top_rna6f_gg_{text-anchor:middle}.___STitle_rna6f_gg_._position_bottom_rna6f_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_rna6f_gg_._position_left_rna6f_gg_,.___STitle_rna6f_gg_._position_right_rna6f_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_rna6f_gg_._position_left_rna6f_gg_.__verticalWritingMode_rna6f_gg_,.___STitle_rna6f_gg_._position_right_rna6f_gg_.__verticalWritingMode_rna6f_gg_{writing-mode:vertical-rl;transform:none}.___STick_rna6f_gg_._position_top_rna6f_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_rna6f_gg_._position_bottom_rna6f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_rna6f_gg_._position_right_rna6f_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_rna6f_gg_._position_left_rna6f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_rna6f_gg_._position_custom_0_rna6f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_rna6f_gg_._position_custom_1_rna6f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "rna6f_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_rna6f_gg_",
+  "_hide": "__hide_rna6f_gg_",
+  "__STick": "___STick_rna6f_gg_",
+  "__SGrid": "___SGrid_rna6f_gg_",
+  "__STitle": "___STitle_rna6f_gg_",
+  "--transform-origin": "--transform-origin_rna6f",
+  "_position_top": "_position_top_rna6f_gg_",
+  "_position_bottom": "_position_bottom_rna6f_gg_",
+  "_position_right": "_position_right_rna6f_gg_",
+  "_position_left": "_position_left_rna6f_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_rna6f_gg_",
+  "_position_custom_0": "_position_custom_0_rna6f_gg_",
+  "_position_custom_1": "_position_custom_1_rna6f_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/cjs/Bar.js

@@ -19,14 +19,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1napr_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1napr);transition-timing-function:ease-in-out}.___SBar_1napr_gg_.__color_1napr_gg_{fill:var(--color_1napr)}.___SBar_1napr_gg_.__hide_1napr_gg_{display:none}.___SBar_1napr_gg_.__transparent_1napr_gg_{opacity:.3}.___SBackground_1napr_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1napr_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1napr_gg_",
-  "--duration": "--duration_1napr",
-  "_color": "__color_1napr_gg_",
-  "--color": "--color_1napr",
-  "_hide": "__hide_1napr_gg_",
-  "_transparent": "__transparent_1napr_gg_",
-  "__SBackground": "___SBackground_1napr_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1ywra_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ywra);transition-timing-function:ease-in-out}.___SBar_1ywra_gg_.__color_1ywra_gg_{fill:var(--color_1ywra)}.___SBar_1ywra_gg_.__hide_1ywra_gg_{display:none}.___SBar_1ywra_gg_.__transparent_1ywra_gg_{opacity:.3}.___SBackground_1ywra_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ywra_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1ywra_gg_",
+  "--duration": "--duration_1ywra",
+  "_color": "__color_1ywra_gg_",
+  "--color": "--color_1ywra",
+  "_hide": "__hide_1ywra_gg_",
+  "_transparent": "__transparent_1ywra_gg_",
+  "__SBackground": "___SBackground_1ywra_gg_"
 });
 var MIN_HEIGHT = 2;
 exports.MIN_HEIGHT = MIN_HEIGHT;

package/lib/cjs/Bubble.js

@@ -25,16 +25,16 @@ var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_1e0t7_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_1e0t7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1e0t7_gg_:hover{opacity:.8}}.___SBubble_1e0t7_gg_.__color_1e0t7_gg_{fill:var(--color_1e0t7)}.___SBubble_1e0t7_gg_.__transparent_1e0t7_gg_{opacity:.3}.___SCenter_1e0t7_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1e0t7_gg_.__color_1e0t7_gg_{stroke:var(--color_1e0t7)}.___SCenter_1e0t7_gg_.__transparent_1e0t7_gg_{opacity:.3}.___SLabel_1e0t7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1e0t7_gg_._position_right_1e0t7_gg_{text-anchor:end}.___SLabel_1e0t7_gg_._position_left_1e0t7_gg_{text-anchor:start}.___SLabel_1e0t7_gg_.__color_1e0t7_gg_{fill:var(--color_1e0t7)}.___SLabel_1e0t7_gg_.__transparent_1e0t7_gg_{opacity:.3}" /*__inner_css_end__*/, "1e0t7_gg_") /*__reshadow_css_end__*/, {
-  "__SBubble": "___SBubble_1e0t7_gg_",
-  "--duration": "--duration_1e0t7",
-  "_color": "__color_1e0t7_gg_",
-  "--color": "--color_1e0t7",
-  "_transparent": "__transparent_1e0t7_gg_",
-  "__SCenter": "___SCenter_1e0t7_gg_",
-  "__SLabel": "___SLabel_1e0t7_gg_",
-  "_position_right": "_position_right_1e0t7_gg_",
-  "_position_left": "_position_left_1e0t7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_1fggl_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_1fggl);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1fggl_gg_:hover{opacity:.8}}.___SBubble_1fggl_gg_.__color_1fggl_gg_{fill:var(--color_1fggl)}.___SBubble_1fggl_gg_.__transparent_1fggl_gg_{opacity:.3}.___SCenter_1fggl_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1fggl_gg_.__color_1fggl_gg_{stroke:var(--color_1fggl)}.___SCenter_1fggl_gg_.__transparent_1fggl_gg_{opacity:.3}.___SLabel_1fggl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1fggl_gg_._position_right_1fggl_gg_{text-anchor:end}.___SLabel_1fggl_gg_._position_left_1fggl_gg_{text-anchor:start}.___SLabel_1fggl_gg_.__color_1fggl_gg_{fill:var(--color_1fggl)}.___SLabel_1fggl_gg_.__transparent_1fggl_gg_{opacity:.3}" /*__inner_css_end__*/, "1fggl_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_1fggl_gg_",
+  "--duration": "--duration_1fggl",
+  "_color": "__color_1fggl_gg_",
+  "--color": "--color_1fggl",
+  "_transparent": "__transparent_1fggl_gg_",
+  "__SCenter": "___SCenter_1fggl_gg_",
+  "__SLabel": "___SLabel_1fggl_gg_",
+  "_position_right": "_position_right_1fggl_gg_",
+  "_position_left": "_position_left_1fggl_gg_"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(BubbleRoot, _Component);

package/lib/cjs/Donut.js

@@ -27,13 +27,13 @@ var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent"];
 /*__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_h73x7_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_h73x7_gg_.__color_h73x7_gg_{fill:var(--color_h73x7)}.___SPie_h73x7_gg_.__transparent_h73x7_gg_{opacity:.3}.___SEmptyData_h73x7_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_h73x7_gg_.__color_h73x7_gg_{fill:var(--color_h73x7)}.___SLabel_h73x7_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "h73x7_gg_") /*__reshadow_css_end__*/, {
-  "__SPie": "___SPie_h73x7_gg_",
-  "_color": "__color_h73x7_gg_",
-  "--color": "--color_h73x7",
-  "_transparent": "__transparent_h73x7_gg_",
-  "__SEmptyData": "___SEmptyData_h73x7_gg_",
-  "__SLabel": "___SLabel_h73x7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_s10f8_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_s10f8_gg_.__color_s10f8_gg_{fill:var(--color_s10f8)}.___SPie_s10f8_gg_.__transparent_s10f8_gg_{opacity:.3}.___SEmptyData_s10f8_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_s10f8_gg_.__color_s10f8_gg_{fill:var(--color_s10f8)}.___SLabel_s10f8_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "s10f8_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_s10f8_gg_",
+  "_color": "__color_s10f8_gg_",
+  "--color": "--color_s10f8",
+  "_transparent": "__transparent_s10f8_gg_",
+  "__SEmptyData": "___SEmptyData_s10f8_gg_",
+  "__SLabel": "___SLabel_s10f8_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 function transitionAnglePie(_ref4) {

package/lib/cjs/Dots.js

@@ -14,15 +14,15 @@ var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_18iwa_gg_ .___SDot_18iwa_gg_{transition-duration:var(--duration_18iwa)}.___SDot_18iwa_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_18iwa_gg_.__hide_18iwa_gg_{display:none}.___SDot_18iwa_gg_.__active_18iwa_gg_{r:8px}.___SDot_18iwa_gg_.__color_18iwa_gg_{fill:var(--color_18iwa)}.___SDot_18iwa_gg_.__transparent_18iwa_gg_{opacity:.3}" /*__inner_css_end__*/, "18iwa_gg_") /*__reshadow_css_end__*/, {
-  "__SDots": "___SDots_18iwa_gg_",
-  "__SDot": "___SDot_18iwa_gg_",
-  "--duration": "--duration_18iwa",
-  "_hide": "__hide_18iwa_gg_",
-  "_active": "__active_18iwa_gg_",
-  "_color": "__color_18iwa_gg_",
-  "--color": "--color_18iwa",
-  "_transparent": "__transparent_18iwa_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_1h9a8_gg_ .___SDot_1h9a8_gg_{transition-duration:var(--duration_1h9a8)}.___SDot_1h9a8_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_1h9a8_gg_.__hide_1h9a8_gg_{display:none}.___SDot_1h9a8_gg_.__active_1h9a8_gg_{r:8px}.___SDot_1h9a8_gg_.__color_1h9a8_gg_{fill:var(--color_1h9a8)}.___SDot_1h9a8_gg_.__transparent_1h9a8_gg_{opacity:.3}" /*__inner_css_end__*/, "1h9a8_gg_") /*__reshadow_css_end__*/, {
+  "__SDots": "___SDots_1h9a8_gg_",
+  "__SDot": "___SDot_1h9a8_gg_",
+  "--duration": "--duration_1h9a8",
+  "_hide": "__hide_1h9a8_gg_",
+  "_active": "__active_1h9a8_gg_",
+  "_color": "__color_1h9a8_gg_",
+  "--color": "--color_1h9a8",
+  "_transparent": "__transparent_1h9a8_gg_"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 function Dots(props) {

package/lib/cjs/HorizontalBar.js

@@ -18,14 +18,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1napr_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1napr);transition-timing-function:ease-in-out}.___SBar_1napr_gg_.__color_1napr_gg_{fill:var(--color_1napr)}.___SBar_1napr_gg_.__hide_1napr_gg_{display:none}.___SBar_1napr_gg_.__transparent_1napr_gg_{opacity:.3}.___SBackground_1napr_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1napr_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1napr_gg_",
-  "--duration": "--duration_1napr",
-  "_color": "__color_1napr_gg_",
-  "--color": "--color_1napr",
-  "_hide": "__hide_1napr_gg_",
-  "_transparent": "__transparent_1napr_gg_",
-  "__SBackground": "___SBackground_1napr_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1ywra_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ywra);transition-timing-function:ease-in-out}.___SBar_1ywra_gg_.__color_1ywra_gg_{fill:var(--color_1ywra)}.___SBar_1ywra_gg_.__hide_1ywra_gg_{display:none}.___SBar_1ywra_gg_.__transparent_1ywra_gg_{opacity:.3}.___SBackground_1ywra_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ywra_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1ywra_gg_",
+  "--duration": "--duration_1ywra",
+  "_color": "__color_1ywra_gg_",
+  "--color": "--color_1ywra",
+  "_hide": "__hide_1ywra_gg_",
+  "_transparent": "__transparent_1ywra_gg_",
+  "__SBackground": "___SBackground_1ywra_gg_"
 });
 var MIN_WIDTH = 2;
 exports.MIN_WIDTH = MIN_WIDTH;

package/lib/cjs/Hover.js

@@ -21,9 +21,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_rr651_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_rr651_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "rr651_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_rr651_gg_",
-  "__SHoverRect": "___SHoverRect_rr651_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1myii_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1myii_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1myii_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_1myii_gg_",
+  "__SHoverRect": "___SHoverRect_1myii_gg_"
 });
 var Hover = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Hover, _Component);

package/lib/cjs/Line.js

@@ -20,14 +20,14 @@ var _utils = require("./utils");
 var _Dots = _interopRequireDefault(require("./Dots"));
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_1g2ct_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1g2ct);transition-timing-function:ease-in-out}.___SLine_1g2ct_gg_.__color_1g2ct_gg_{stroke:var(--color_1g2ct)}.___SLine_1g2ct_gg_.__hide_1g2ct_gg_{display:none}.___SLine_1g2ct_gg_.__transparent_1g2ct_gg_{opacity:.3}.___SNull_1g2ct_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1g2ct_gg_.__hide_1g2ct_gg_{display:none}" /*__inner_css_end__*/, "1g2ct_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_1g2ct_gg_",
-  "--duration": "--duration_1g2ct",
-  "_color": "__color_1g2ct_gg_",
-  "--color": "--color_1g2ct",
-  "_hide": "__hide_1g2ct_gg_",
-  "_transparent": "__transparent_1g2ct_gg_",
-  "__SNull": "___SNull_1g2ct_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_1hhbi_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1hhbi);transition-timing-function:ease-in-out}.___SLine_1hhbi_gg_.__color_1hhbi_gg_{stroke:var(--color_1hhbi)}.___SLine_1hhbi_gg_.__hide_1hhbi_gg_{display:none}.___SLine_1hhbi_gg_.__transparent_1hhbi_gg_{opacity:.3}.___SNull_1hhbi_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1hhbi_gg_.__hide_1hhbi_gg_{display:none}" /*__inner_css_end__*/, "1hhbi_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_1hhbi_gg_",
+  "--duration": "--duration_1hhbi",
+  "_color": "__color_1hhbi_gg_",
+  "--color": "--color_1hhbi",
+  "_hide": "__hide_1hhbi_gg_",
+  "_transparent": "__transparent_1hhbi_gg_",
+  "__SNull": "___SNull_1hhbi_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);

package/lib/cjs/Plot.js

@@ -23,9 +23,9 @@ var _utils = require("./utils");
 var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _hints = require("./a11y/hints");
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_x5eva_gg_{overflow:hidden}.___SPlot_x5eva_gg_:active,.___SPlot_x5eva_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_x5eva_gg_.__keyboardFocused_x5eva_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.5))}" /*__inner_css_end__*/, "x5eva_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_x5eva_gg_",
-  "_keyboardFocused": "__keyboardFocused_x5eva_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_vz6af_gg_{overflow:hidden}.___SPlot_vz6af_gg_:active,.___SPlot_vz6af_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_vz6af_gg_.__keyboardFocused_vz6af_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.5))}" /*__inner_css_end__*/, "vz6af_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_vz6af_gg_",
+  "_keyboardFocused": "__keyboardFocused_vz6af_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PlotRoot, _Component);

package/lib/cjs/Radar.js

@@ -28,23 +28,23 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_ecp9t_gg_,.___SAxisTick_ecp9t_gg_,.___SAxis_ecp9t_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_ecp9t_gg_,.___SAxisTick_ecp9t_gg_{stroke-dasharray:2}.___SAxisLine_ecp9t_gg_.__active_ecp9t_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_ecp9t_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_ecp9t_gg_.__xDirection_ecp9t_gg_{text-anchor:var(--xDirection_ecp9t)}.___SAxisLabel_ecp9t_gg_.__yDirection_ecp9t_gg_{dominant-baseline:var(--yDirection_ecp9t)}.___SPolygonDot_ecp9t_gg_,.___SPolygon_ecp9t_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_ecp9t_gg_{opacity:.2}.___SPolygon_ecp9t_gg_.__color_ecp9t_gg_{fill:var(--color_ecp9t)}.___SPolygonDot_ecp9t_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_ecp9t_gg_.__transparent_ecp9t_gg_{opacity:.3}.___SPolygonDot_ecp9t_gg_.__color_ecp9t_gg_{fill:var(--color_ecp9t)}.___SPolygonLine_ecp9t_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_ecp9t_gg_.__transparent_ecp9t_gg_{opacity:.3}.___SPolygonLine_ecp9t_gg_.__color_ecp9t_gg_{stroke:var(--color_ecp9t)}.___SPieRect_ecp9t_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "ecp9t_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_ecp9t_gg_",
-  "__SAxisLine": "___SAxisLine_ecp9t_gg_",
-  "__SAxisTick": "___SAxisTick_ecp9t_gg_",
-  "_active": "__active_ecp9t_gg_",
-  "__SAxisLabel": "___SAxisLabel_ecp9t_gg_",
-  "_xDirection": "__xDirection_ecp9t_gg_",
-  "--xDirection": "--xDirection_ecp9t",
-  "_yDirection": "__yDirection_ecp9t_gg_",
-  "--yDirection": "--yDirection_ecp9t",
-  "__SPolygon": "___SPolygon_ecp9t_gg_",
-  "_color": "__color_ecp9t_gg_",
-  "--color": "--color_ecp9t",
-  "__SPolygonDot": "___SPolygonDot_ecp9t_gg_",
-  "_transparent": "__transparent_ecp9t_gg_",
-  "__SPolygonLine": "___SPolygonLine_ecp9t_gg_",
-  "__SPieRect": "___SPieRect_ecp9t_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_w6n75_gg_,.___SAxisTick_w6n75_gg_,.___SAxis_w6n75_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_w6n75_gg_,.___SAxisTick_w6n75_gg_{stroke-dasharray:2}.___SAxisLine_w6n75_gg_.__active_w6n75_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_w6n75_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_w6n75_gg_.__xDirection_w6n75_gg_{text-anchor:var(--xDirection_w6n75)}.___SAxisLabel_w6n75_gg_.__yDirection_w6n75_gg_{dominant-baseline:var(--yDirection_w6n75)}.___SPolygonDot_w6n75_gg_,.___SPolygon_w6n75_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_w6n75_gg_{opacity:.2}.___SPolygon_w6n75_gg_.__color_w6n75_gg_{fill:var(--color_w6n75)}.___SPolygonDot_w6n75_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_w6n75_gg_.__transparent_w6n75_gg_{opacity:.3}.___SPolygonDot_w6n75_gg_.__color_w6n75_gg_{fill:var(--color_w6n75)}.___SPolygonLine_w6n75_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_w6n75_gg_.__transparent_w6n75_gg_{opacity:.3}.___SPolygonLine_w6n75_gg_.__color_w6n75_gg_{stroke:var(--color_w6n75)}.___SPieRect_w6n75_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "w6n75_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_w6n75_gg_",
+  "__SAxisLine": "___SAxisLine_w6n75_gg_",
+  "__SAxisTick": "___SAxisTick_w6n75_gg_",
+  "_active": "__active_w6n75_gg_",
+  "__SAxisLabel": "___SAxisLabel_w6n75_gg_",
+  "_xDirection": "__xDirection_w6n75_gg_",
+  "--xDirection": "--xDirection_w6n75",
+  "_yDirection": "__yDirection_w6n75_gg_",
+  "--yDirection": "--yDirection_w6n75",
+  "__SPolygon": "___SPolygon_w6n75_gg_",
+  "_color": "__color_w6n75_gg_",
+  "--color": "--color_w6n75",
+  "__SPolygonDot": "___SPolygonDot_w6n75_gg_",
+  "_transparent": "__transparent_w6n75_gg_",
+  "__SPolygonLine": "___SPolygonLine_w6n75_gg_",
+  "__SPieRect": "___SPieRect_w6n75_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/cjs/RadialTree.js

@@ -19,7 +19,7 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _d3Transition = require("d3-transition");
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var _color = require("@semcore/utils/lib/color");
+var _color4 = require("@semcore/utils/lib/color");
 var _assignProps = _interopRequireDefault(require("@semcore/utils/lib/assignProps"));
 var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
 var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
@@ -27,18 +27,18 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _excluded = ["data"];
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_10i4t_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10i4t_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10i4t_gg_.__color_10i4t_gg_{stroke:var(--color_10i4t)}.___SCap_10i4t_gg_.__transparent_10i4t_gg_,.___SIcon_10i4t_gg_.__transparent_10i4t_gg_,.___SLabel_10i4t_gg_.__transparent_10i4t_gg_,.___SLine_10i4t_gg_.__transparent_10i4t_gg_{opacity:.3}.___SCap_10i4t_gg_{transition:r .1s}.___SLabel_10i4t_gg_{fill:var(--color_10i4t);cursor:var(--text-cursor_10i4t)}@media (hover:hover){.___SRadian_10i4t_gg_:hover .___SLabel_10i4t_gg_{fill:var(--color-hovered_10i4t)}}@media (prefers-reduced-motion){.___SLineCap_10i4t_gg_{transition:none}}" /*__inner_css_end__*/, "10i4t_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_10i4t_gg_",
-  "__SLine": "___SLine_10i4t_gg_",
-  "_color": "__color_10i4t_gg_",
-  "--color": "--color_10i4t",
-  "_transparent": "__transparent_10i4t_gg_",
-  "__SCap": "___SCap_10i4t_gg_",
-  "__SIcon": "___SIcon_10i4t_gg_",
-  "__SLabel": "___SLabel_10i4t_gg_",
-  "--text-cursor": "--text-cursor_10i4t",
-  "--color-hovered": "--color-hovered_10i4t",
-  "__SLineCap": "___SLineCap_10i4t_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_hozpm_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_hozpm_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_hozpm_gg_.__color_hozpm_gg_{stroke:var(--color_hozpm)}.___SCap_hozpm_gg_.__transparent_hozpm_gg_,.___SIcon_hozpm_gg_.__transparent_hozpm_gg_,.___SLabel_hozpm_gg_.__transparent_hozpm_gg_,.___SLine_hozpm_gg_.__transparent_hozpm_gg_{opacity:.3}.___SCap_hozpm_gg_{transition:r .1s}.___SLabel_hozpm_gg_{fill:var(--color_hozpm);cursor:var(--text-cursor_hozpm)}@media (hover:hover){.___SRadian_hozpm_gg_:hover .___SLabel_hozpm_gg_{fill:var(--color-hovered_hozpm)}}@media (prefers-reduced-motion){.___SLineCap_hozpm_gg_{transition:none}}" /*__inner_css_end__*/, "hozpm_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_hozpm_gg_",
+  "__SLine": "___SLine_hozpm_gg_",
+  "_color": "__color_hozpm_gg_",
+  "--color": "--color_hozpm",
+  "_transparent": "__transparent_hozpm_gg_",
+  "__SCap": "___SCap_hozpm_gg_",
+  "__SIcon": "___SIcon_hozpm_gg_",
+  "__SLabel": "___SLabel_hozpm_gg_",
+  "--text-cursor": "--text-cursor_hozpm",
+  "--color-hovered": "--color-hovered_hozpm",
+  "__SLineCap": "___SLineCap_hozpm_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 var RadialTreeBase = /*#__PURE__*/function (_Component) {
@@ -304,7 +304,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   }, {
     key: "getLineProps",
     value: function getLineProps(_ref12, index) {
-      var _$rootProps$data2, _data$color, _ref13;
+      var _$rootProps$data2, _color, _ref13;
       var $rootProps = _ref12.$rootProps;
       var data = (_$rootProps$data2 = $rootProps.data) === null || _$rootProps$data2 === void 0 ? void 0 : _$rootProps$data2[index];
       var _this$computeRadianPo2 = this.computeRadianPosition(data, index),
@@ -315,7 +315,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
       var _this$asProps5 = this.asProps,
         uid = _this$asProps5.uid,
         transparent = _this$asProps5.transparent;
-      var color = (_data$color = data.color) !== null && _data$color !== void 0 ? _data$color : this.asProps.color;
+      var color = (_color = data.color) !== null && _color !== void 0 ? _color : this.asProps.color;
       return _ref13 = {
         x1: xStart,
         y1: yStart,
@@ -328,7 +328,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   }, {
     key: "getCapProps",
     value: function getCapProps(_ref14, index) {
-      var _$rootProps$data3, _data$color2, _ref15;
+      var _$rootProps$data3, _color2, _ref15;
       var $rootProps = _ref14.$rootProps;
       var data = (_$rootProps$data3 = $rootProps.data) === null || _$rootProps$data3 === void 0 ? void 0 : _$rootProps$data3[index];
       var _this$computeRadianPo3 = this.computeRadianPosition(data, index),
@@ -338,7 +338,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
       var _this$asProps6 = this.asProps,
         uid = _this$asProps6.uid,
         transparent = _this$asProps6.transparent;
-      var color = (_data$color2 = data.color) !== null && _data$color2 !== void 0 ? _data$color2 : this.asProps.color;
+      var color = (_color2 = data.color) !== null && _color2 !== void 0 ? _color2 : this.asProps.color;
       return _ref15 = {
         x: xEnd,
         y: yEnd
@@ -347,7 +347,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   }, {
     key: "getIconProps",
     value: function getIconProps(_ref16, index) {
-      var _$rootProps$data4, _data$iconColor, _data$iconSize, _data$icon, _ref17;
+      var _$rootProps$data4, _iconColor, _iconSize, _icon, _ref17;
       var $rootProps = _ref16.$rootProps;
       var data = (_$rootProps$data4 = $rootProps.data) === null || _$rootProps$data4 === void 0 ? void 0 : _$rootProps$data4[index];
       var _this$computeRadianPo4 = this.computeRadianPosition(data, index),
@@ -355,9 +355,9 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
         yEnd = _this$computeRadianPo4.yEnd,
         isActive = _this$computeRadianPo4.isActive;
       var uid = this.asProps.uid;
-      var iconColor = (_data$iconColor = data.iconColor) !== null && _data$iconColor !== void 0 ? _data$iconColor : this.asProps.iconColor;
-      var iconSize = (_data$iconSize = data.iconSize) !== null && _data$iconSize !== void 0 ? _data$iconSize : this.asProps.iconSize;
-      var icon = (_data$icon = data.icon) !== null && _data$icon !== void 0 ? _data$icon : this.asProps.icon;
+      var iconColor = (_iconColor = data.iconColor) !== null && _iconColor !== void 0 ? _iconColor : this.asProps.iconColor;
+      var iconSize = (_iconSize = data.iconSize) !== null && _iconSize !== void 0 ? _iconSize : this.asProps.iconSize;
+      var icon = (_icon = data.icon) !== null && _icon !== void 0 ? _icon : this.asProps.icon;
       var x = xEnd - iconSize / 2;
       var y = yEnd - iconSize / 2;
       return _ref17 = {
@@ -368,7 +368,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   }, {
     key: "getLabelProps",
     value: function getLabelProps(_ref18, index) {
-      var _$rootProps$data5, _data$color3, _ref19;
+      var _$rootProps$data5, _color3, _ref20;
       var $rootProps = _ref18.$rootProps;
       var data = (_$rootProps$data5 = $rootProps.data) === null || _$rootProps$data5 === void 0 ? void 0 : _$rootProps$data5[index];
       var _this$computeRadianPo5 = this.computeRadianPosition(data, index),
@@ -380,13 +380,14 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
         uid = _this$asProps7.uid,
         textSize = _this$asProps7.textSize,
         transparent = _this$asProps7.transparent;
-      var label = data.label;
-      var color = (_data$color3 = data.color) !== null && _data$color3 !== void 0 ? _data$color3 : this.asProps.color;
-      return _ref19 = {
+      var _ref19 = data,
+        label = _ref19.label;
+      var color = (_color3 = data.color) !== null && _color3 !== void 0 ? _color3 : this.asProps.color;
+      return _ref20 = {
         x: xLabelCenter,
         y: yLabelCenter,
         angle: labelAngle
-      }, (0, _defineProperty2["default"])(_ref19, 'data-radial-animation', "".concat(uid, "-label")), (0, _defineProperty2["default"])(_ref19, 'data-radian-index', index), (0, _defineProperty2["default"])(_ref19, "label", label), (0, _defineProperty2["default"])(_ref19, "color", color), (0, _defineProperty2["default"])(_ref19, "isHorizontal", isHorizontal), (0, _defineProperty2["default"])(_ref19, "textSize", textSize), (0, _defineProperty2["default"])(_ref19, "transparent", transparent), _ref19;
+      }, (0, _defineProperty2["default"])(_ref20, 'data-radial-animation', "".concat(uid, "-label")), (0, _defineProperty2["default"])(_ref20, 'data-radian-index', index), (0, _defineProperty2["default"])(_ref20, "label", label), (0, _defineProperty2["default"])(_ref20, "color", color), (0, _defineProperty2["default"])(_ref20, "isHorizontal", isHorizontal), (0, _defineProperty2["default"])(_ref20, "textSize", textSize), (0, _defineProperty2["default"])(_ref20, "transparent", transparent), _ref20;
     }
   }, {
     key: "getRadianKey",
@@ -496,10 +497,10 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   iconSize: 16,
   textSize: 14
 });
-var InteractiveArea = function InteractiveArea(_ref20) {
+var InteractiveArea = function InteractiveArea(_ref21) {
   var _ref4;
-  var SInteractiveArea = _ref20.Element,
-    styles = _ref20.styles;
+  var SInteractiveArea = _ref21.Element,
+    styles = _ref21.styles;
   return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInteractiveArea, _ref4.cn("SInteractiveArea", {
     "stroke": 'transparent',
     "render": 'line'
@@ -508,12 +509,12 @@ var InteractiveArea = function InteractiveArea(_ref20) {
 
 /** @deprecated */
 
-var Line = function Line(_ref21) {
+var Line = function Line(_ref22) {
   var _ref5;
-  var SLine = _ref21.Element,
-    styles = _ref21.styles,
-    stroke = _ref21.stroke,
-    transparent = _ref21.transparent;
+  var SLine = _ref22.Element,
+    styles = _ref22.styles,
+    stroke = _ref22.stroke,
+    transparent = _ref22.transparent;
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLine, _ref5.cn("SLine", {
     "render": 'line',
     "stroke": stroke,
@@ -523,15 +524,15 @@ var Line = function Line(_ref21) {
 
 /** @deprecated */
 
-var Cap = function Cap(_ref22) {
+var Cap = function Cap(_ref23) {
   var _ref6;
-  var SCap = _ref22.Element,
-    styles = _ref22.styles,
-    x = _ref22.x,
-    y = _ref22.y,
-    radius = _ref22.radius,
-    color = _ref22.color,
-    transparent = _ref22.transparent;
+  var SCap = _ref23.Element,
+    styles = _ref23.styles,
+    x = _ref23.x,
+    y = _ref23.y,
+    radius = _ref23.radius,
+    color = _ref23.color,
+    transparent = _ref23.transparent;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCap, _ref6.cn("SCap", {
     "render": 'circle',
     "cx": x,
@@ -544,16 +545,16 @@ var Cap = function Cap(_ref22) {
 
 /** @deprecated */
 
-var Icon = function Icon(_ref23) {
+var Icon = function Icon(_ref24) {
   var _ref7;
-  var SIcon = _ref23.Element,
-    styles = _ref23.styles,
-    isActive = _ref23.isActive,
-    tag = _ref23.tag,
-    x = _ref23.x,
-    y = _ref23.y,
-    iconSize = _ref23.iconSize,
-    transparent = _ref23.transparent;
+  var SIcon = _ref24.Element,
+    styles = _ref24.styles,
+    isActive = _ref24.isActive,
+    tag = _ref24.tag,
+    x = _ref24.x,
+    y = _ref24.y,
+    iconSize = _ref24.iconSize,
+    transparent = _ref24.transparent;
   if (!(isActive && tag)) return null;
   var width = iconSize;
   var height = iconSize;
@@ -569,18 +570,18 @@ var Icon = function Icon(_ref23) {
 
 /** @deprecated */
 
-var Label = function Label(_ref24) {
-  var SLabel = _ref24.Element,
-    Children = _ref24.Children,
-    styles = _ref24.styles,
-    label = _ref24.label,
-    color = _ref24.color,
-    isHorizontal = _ref24.isHorizontal,
-    x = _ref24.x,
-    y = _ref24.y,
-    textSize = _ref24.textSize,
-    angle = _ref24.angle,
-    transparent = _ref24.transparent;
+var Label = function Label(_ref25) {
+  var SLabel = _ref25.Element,
+    Children = _ref25.Children,
+    styles = _ref25.styles,
+    label = _ref25.label,
+    color = _ref25.color,
+    isHorizontal = _ref25.isHorizontal,
+    x = _ref25.x,
+    y = _ref25.y,
+    textSize = _ref25.textSize,
+    angle = _ref25.angle,
+    transparent = _ref25.transparent;
   var lines = String(label).split('\n');
   var linesCount = lines.length;
   var SLabelLine = 'tspan';
@@ -590,7 +591,7 @@ var Label = function Label(_ref24) {
   var sstyles = (0, _core.sstyled)(styles);
   var sLabelStyles = sstyles.cn('SLabel', {
     color: color,
-    'color-hovered': (0, _color.shade)(color, -0.12),
+    'color-hovered': (0, _color4.shade)(color, -0.12),
     'text-cursor': isHorizontal ? 'text' : 'vertical-text',
     transparent: transparent
   });
@@ -622,17 +623,17 @@ var Radian = (0, _createElement["default"])(RadialTreeRadian, {
 
 /** @deprecated */
 
-var Title = function Title(_ref25) {
+var Title = function Title(_ref26) {
   var _ref8;
-  var STitle = _ref25.Element,
-    Children = _ref25.Children,
-    children = _ref25.children,
-    styles = _ref25.styles,
-    textSize = _ref25.textSize,
-    color = _ref25.color,
-    x = _ref25.x,
-    y = _ref25.y,
-    dataHintsHandler = _ref25.dataHintsHandler;
+  var STitle = _ref26.Element,
+    Children = _ref26.Children,
+    children = _ref26.children,
+    styles = _ref26.styles,
+    textSize = _ref26.textSize,
+    color = _ref26.color,
+    x = _ref26.x,
+    y = _ref26.y,
+    dataHintsHandler = _ref26.dataHintsHandler;
   if (typeof children === 'string') {
     dataHintsHandler.setTitle('vertical', children);
   }