@semcore/d3-chart 3.41.0 → 3.42.0-prerelease.2

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

@@ -12,18 +12,19 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("@semcore/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
 var _LegendItem = require("../LegendItem/LegendItem");
 var _BaseLegend2 = require("../BaseLegend");
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_11fh3_gg_.__columns-count_11fh3_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_11fh3_gg_._size_l_11fh3_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_11fh3_gg_._size_m_11fh3_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "11fh3_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_11fh3_gg_",
-  "_columns-count": "__columns-count_11fh3_gg_",
-  "__SColumnItem": "___SColumnItem_11fh3_gg_",
-  "_size_l": "_size_l_11fh3_gg_",
-  "_size_m": "_size_m_11fh3_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_zyk4s_gg_.__columns-count_zyk4s_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_zyk4s_gg_._size_l_zyk4s_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_zyk4s_gg_._size_m_zyk4s_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "zyk4s_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_zyk4s_gg_",
+  "_columns-count": "__columns-count_zyk4s_gg_",
+  "__SColumnItem": "___SColumnItem_zyk4s_gg_",
+  "_size_l": "_size_l_zyk4s_gg_",
+  "_size_m": "_size_m_zyk4s_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);

package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","_index","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}

package/lib/es6/Area.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import React from 'react';
 import { area, curveLinear, line } from 'd3-shape';
 import { Component, sstyled } from '@semcore/core';
@@ -16,17 +16,17 @@ import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolat
 import AnimatedClipPath from './AnimatedClipPath';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_h05nh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_h05nh_gg_.__color_h05nh_gg_{fill:var(--color_h05nh)}.___SArea_h05nh_gg_.__pattern_h05nh_gg_{fill:var(--pattern_h05nh);fill-opacity:.7}.___SArea_h05nh_gg_.__transparent_h05nh_gg_{opacity:.3}.___SAreaLine_h05nh_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_h05nh_gg_.__color_h05nh_gg_{stroke:var(--color_h05nh)}.___SAreaLine_h05nh_gg_.__transparent_h05nh_gg_{opacity:.3}.___SAreaLine_h05nh_gg_,.___SArea_h05nh_gg_{transition-property:d;transition-duration:var(--duration_h05nh);transition-timing-function:ease-in-out}.___SNull_h05nh_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_h05nh_gg_.__hide_h05nh_gg_{display:none}" /*__inner_css_end__*/, "h05nh_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_h05nh_gg_",
-  "_color": "__color_h05nh_gg_",
-  "--color": "--color_h05nh",
-  "_pattern": "__pattern_h05nh_gg_",
-  "--pattern": "--pattern_h05nh",
-  "_transparent": "__transparent_h05nh_gg_",
-  "__SAreaLine": "___SAreaLine_h05nh_gg_",
-  "--duration": "--duration_h05nh",
-  "__SNull": "___SNull_h05nh_gg_",
-  "_hide": "__hide_h05nh_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_l031e_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_l031e_gg_.__color_l031e_gg_{fill:var(--color_l031e)}.___SArea_l031e_gg_.__pattern_l031e_gg_{fill:var(--pattern_l031e);fill-opacity:.7}.___SArea_l031e_gg_.__transparent_l031e_gg_{opacity:.3}.___SAreaLine_l031e_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_l031e_gg_.__color_l031e_gg_{stroke:var(--color_l031e)}.___SAreaLine_l031e_gg_.__transparent_l031e_gg_{opacity:.3}.___SAreaLine_l031e_gg_,.___SArea_l031e_gg_{transition-property:d;transition-duration:var(--duration_l031e);transition-timing-function:ease-in-out}.___SNull_l031e_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_l031e_gg_.__hide_l031e_gg_{display:none}" /*__inner_css_end__*/, "l031e_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_l031e_gg_",
+  "_color": "__color_l031e_gg_",
+  "--color": "--color_l031e",
+  "_pattern": "__pattern_l031e_gg_",
+  "--pattern": "--pattern_l031e",
+  "_transparent": "__transparent_l031e_gg_",
+  "__SAreaLine": "___SAreaLine_l031e_gg_",
+  "--duration": "--duration_l031e",
+  "__SNull": "___SNull_l031e_gg_",
+  "_hide": "__hide_l031e_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   _inherits(AreaRoot, _Component);

package/lib/es6/Axis.js

@@ -5,27 +5,27 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
 import React from 'react';
 import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_u59d6_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_u59d6_gg_.__hide_u59d6_gg_,.___STick_u59d6_gg_.__hide_u59d6_gg_{display:none}.___STick_u59d6_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_u59d6_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_u59d6_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_u59d6)}.___STitle_u59d6_gg_._position_top_u59d6_gg_{text-anchor:middle}.___STitle_u59d6_gg_._position_bottom_u59d6_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_u59d6_gg_._position_left_u59d6_gg_,.___STitle_u59d6_gg_._position_right_u59d6_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_u59d6_gg_._position_left_u59d6_gg_.__verticalWritingMode_u59d6_gg_,.___STitle_u59d6_gg_._position_right_u59d6_gg_.__verticalWritingMode_u59d6_gg_{writing-mode:vertical-rl;transform:none}.___STick_u59d6_gg_._position_top_u59d6_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_u59d6_gg_._position_bottom_u59d6_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_u59d6_gg_._position_right_u59d6_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_u59d6_gg_._position_left_u59d6_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_u59d6_gg_._position_custom_0_u59d6_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_u59d6_gg_._position_custom_1_u59d6_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "u59d6_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_u59d6_gg_",
-  "_hide": "__hide_u59d6_gg_",
-  "__STick": "___STick_u59d6_gg_",
-  "__SGrid": "___SGrid_u59d6_gg_",
-  "__STitle": "___STitle_u59d6_gg_",
-  "--transform-origin": "--transform-origin_u59d6",
-  "_position_top": "_position_top_u59d6_gg_",
-  "_position_bottom": "_position_bottom_u59d6_gg_",
-  "_position_right": "_position_right_u59d6_gg_",
-  "_position_left": "_position_left_u59d6_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_u59d6_gg_",
-  "_position_custom_0": "_position_custom_0_u59d6_gg_",
-  "_position_custom_1": "_position_custom_1_u59d6_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_1kj2y_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1kj2y_gg_.__hide_1kj2y_gg_,.___STick_1kj2y_gg_.__hide_1kj2y_gg_{display:none}.___STick_1kj2y_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1kj2y_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1kj2y_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1kj2y)}.___STitle_1kj2y_gg_._position_top_1kj2y_gg_{text-anchor:middle}.___STitle_1kj2y_gg_._position_bottom_1kj2y_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1kj2y_gg_._position_left_1kj2y_gg_,.___STitle_1kj2y_gg_._position_right_1kj2y_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1kj2y_gg_._position_left_1kj2y_gg_.__verticalWritingMode_1kj2y_gg_,.___STitle_1kj2y_gg_._position_right_1kj2y_gg_.__verticalWritingMode_1kj2y_gg_{writing-mode:vertical-rl;transform:none}.___STick_1kj2y_gg_._position_top_1kj2y_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1kj2y_gg_._position_bottom_1kj2y_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1kj2y_gg_._position_right_1kj2y_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1kj2y_gg_._position_left_1kj2y_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1kj2y_gg_._position_custom_0_1kj2y_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1kj2y_gg_._position_custom_1_1kj2y_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "1kj2y_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_1kj2y_gg_",
+  "_hide": "__hide_1kj2y_gg_",
+  "__STick": "___STick_1kj2y_gg_",
+  "__SGrid": "___SGrid_1kj2y_gg_",
+  "__STitle": "___STitle_1kj2y_gg_",
+  "--transform-origin": "--transform-origin_1kj2y",
+  "_position_top": "_position_top_1kj2y_gg_",
+  "_position_bottom": "_position_bottom_1kj2y_gg_",
+  "_position_right": "_position_right_1kj2y_gg_",
+  "_position_left": "_position_left_1kj2y_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_1kj2y_gg_",
+  "_position_custom_0": "_position_custom_0_1kj2y_gg_",
+  "_position_custom_1": "_position_custom_1_1kj2y_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import React from 'react';
 import { transition } from 'd3-transition';
 import { Component, sstyled } from '@semcore/core';
@@ -14,16 +14,16 @@ import AnimatedClipPath from './AnimatedClipPath';
 import { scaleToBand, roundedPath } from './utils';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_2qkyq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_2qkyq);transition-timing-function:ease-in-out}.___SBar_2qkyq_gg_.__color_2qkyq_gg_{fill:var(--color_2qkyq)}.___SBar_2qkyq_gg_.__pattern_2qkyq_gg_.__color_2qkyq_gg_{fill:var(--pattern_2qkyq);stroke:var(--color_2qkyq);stroke-width:1px}.___SBar_2qkyq_gg_.__hide_2qkyq_gg_{display:none}.___SBar_2qkyq_gg_.__transparent_2qkyq_gg_{opacity:.3}.___SBackground_2qkyq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}" /*__inner_css_end__*/, "2qkyq_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_2qkyq_gg_",
-  "--duration": "--duration_2qkyq",
-  "_color": "__color_2qkyq_gg_",
-  "--color": "--color_2qkyq",
-  "_pattern": "__pattern_2qkyq_gg_",
-  "--pattern": "--pattern_2qkyq",
-  "_hide": "__hide_2qkyq_gg_",
-  "_transparent": "__transparent_2qkyq_gg_",
-  "__SBackground": "___SBackground_2qkyq_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_18ney_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_18ney);transition-timing-function:ease-in-out}.___SBar_18ney_gg_.__color_18ney_gg_{fill:var(--color_18ney)}.___SBar_18ney_gg_.__pattern_18ney_gg_.__color_18ney_gg_{fill:var(--pattern_18ney);stroke:var(--color_18ney);stroke-width:1px}.___SBar_18ney_gg_.__hide_18ney_gg_{display:none}.___SBar_18ney_gg_.__transparent_18ney_gg_{opacity:.3}.___SBackground_18ney_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}" /*__inner_css_end__*/, "18ney_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_18ney_gg_",
+  "--duration": "--duration_18ney",
+  "_color": "__color_18ney_gg_",
+  "--color": "--color_18ney",
+  "_pattern": "__pattern_18ney_gg_",
+  "--pattern": "--pattern_18ney",
+  "_hide": "__hide_18ney_gg_",
+  "_transparent": "__transparent_18ney_gg_",
+  "__SBackground": "___SBackground_18ney_gg_"
 });
 export var MIN_HEIGHT = 2;
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {

package/lib/es6/Bubble.js

@@ -6,7 +6,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { transition } from 'd3-transition';
@@ -17,18 +17,18 @@ import { getBubbleChartValueScale, measureText } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1jsma_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_1jsma);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1jsma_gg_:hover{opacity:.8}}.___SBubble_1jsma_gg_.__color_1jsma_gg_{fill:var(--color_1jsma)}.___SBubble_1jsma_gg_.__pattern_1jsma_gg_.__color_1jsma_gg_{fill:var(--pattern_1jsma);stroke:var(--color_1jsma);stroke-width:1px}.___SBubble_1jsma_gg_.__transparent_1jsma_gg_{opacity:.3}.___SCenter_1jsma_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1jsma_gg_.__color_1jsma_gg_{stroke:var(--color_1jsma)}.___SCenter_1jsma_gg_.__transparent_1jsma_gg_{opacity:.3}.___SLabel_1jsma_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1jsma_gg_._position_right_1jsma_gg_{text-anchor:end}.___SLabel_1jsma_gg_._position_left_1jsma_gg_{text-anchor:start}.___SLabel_1jsma_gg_.__color_1jsma_gg_{fill:var(--color_1jsma)}.___SLabel_1jsma_gg_.__transparent_1jsma_gg_{opacity:.3}" /*__inner_css_end__*/, "1jsma_gg_") /*__reshadow_css_end__*/, {
-  "__SBubble": "___SBubble_1jsma_gg_",
-  "_color": "__color_1jsma_gg_",
-  "--color": "--color_1jsma",
-  "_pattern": "__pattern_1jsma_gg_",
-  "--pattern": "--pattern_1jsma",
-  "_transparent": "__transparent_1jsma_gg_",
-  "__SCenter": "___SCenter_1jsma_gg_",
-  "__SLabel": "___SLabel_1jsma_gg_",
-  "_position_right": "_position_right_1jsma_gg_",
-  "_position_left": "_position_left_1jsma_gg_",
-  "--duration": "--duration_1jsma"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_6m8k6_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_6m8k6);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_6m8k6_gg_:hover{opacity:.8}}.___SBubble_6m8k6_gg_.__color_6m8k6_gg_{fill:var(--color_6m8k6)}.___SBubble_6m8k6_gg_.__pattern_6m8k6_gg_.__color_6m8k6_gg_{fill:var(--pattern_6m8k6);stroke:var(--color_6m8k6);stroke-width:1px}.___SBubble_6m8k6_gg_.__transparent_6m8k6_gg_{opacity:.3}.___SCenter_6m8k6_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_6m8k6_gg_.__color_6m8k6_gg_{stroke:var(--color_6m8k6)}.___SCenter_6m8k6_gg_.__transparent_6m8k6_gg_{opacity:.3}.___SLabel_6m8k6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_6m8k6_gg_._position_right_6m8k6_gg_{text-anchor:end}.___SLabel_6m8k6_gg_._position_left_6m8k6_gg_{text-anchor:start}.___SLabel_6m8k6_gg_.__color_6m8k6_gg_{fill:var(--color_6m8k6)}.___SLabel_6m8k6_gg_.__transparent_6m8k6_gg_{opacity:.3}" /*__inner_css_end__*/, "6m8k6_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_6m8k6_gg_",
+  "_color": "__color_6m8k6_gg_",
+  "--color": "--color_6m8k6",
+  "_pattern": "__pattern_6m8k6_gg_",
+  "--pattern": "--pattern_6m8k6",
+  "_transparent": "__transparent_6m8k6_gg_",
+  "__SCenter": "___SCenter_6m8k6_gg_",
+  "__SLabel": "___SLabel_6m8k6_gg_",
+  "_position_right": "_position_right_6m8k6_gg_",
+  "_position_left": "_position_left_6m8k6_gg_",
+  "--duration": "--duration_6m8k6"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   _inherits(BubbleRoot, _Component);

package/lib/es6/Donut.js

@@ -7,7 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
 import React from 'react';
@@ -23,15 +23,15 @@ import { getChartDefaultColorName } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_x8qgc_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_x8qgc_gg_.__color_x8qgc_gg_{fill:var(--color_x8qgc)}.___SPie_x8qgc_gg_.__pattern_x8qgc_gg_.__color_x8qgc_gg_{fill:var(--pattern_x8qgc);stroke:var(--color_x8qgc);stroke-width:1px}.___SPie_x8qgc_gg_.__transparent_x8qgc_gg_{opacity:.3}.___SEmptyData_x8qgc_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_x8qgc_gg_.__color_x8qgc_gg_{fill:var(--color_x8qgc)}.___SLabel_x8qgc_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "x8qgc_gg_") /*__reshadow_css_end__*/, {
-  "__SPie": "___SPie_x8qgc_gg_",
-  "_color": "__color_x8qgc_gg_",
-  "--color": "--color_x8qgc",
-  "_pattern": "__pattern_x8qgc_gg_",
-  "--pattern": "--pattern_x8qgc",
-  "_transparent": "__transparent_x8qgc_gg_",
-  "__SEmptyData": "___SEmptyData_x8qgc_gg_",
-  "__SLabel": "___SLabel_x8qgc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_v7mze_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_v7mze_gg_.__color_v7mze_gg_{fill:var(--color_v7mze)}.___SPie_v7mze_gg_.__pattern_v7mze_gg_.__color_v7mze_gg_{fill:var(--pattern_v7mze);stroke:var(--color_v7mze);stroke-width:1px}.___SPie_v7mze_gg_.__transparent_v7mze_gg_{opacity:.3}.___SEmptyData_v7mze_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_v7mze_gg_.__color_v7mze_gg_{fill:var(--color_v7mze)}.___SLabel_v7mze_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "v7mze_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_v7mze_gg_",
+  "_color": "__color_v7mze_gg_",
+  "--color": "--color_v7mze",
+  "_pattern": "__pattern_v7mze_gg_",
+  "--pattern": "--pattern_v7mze",
+  "_transparent": "__transparent_v7mze_gg_",
+  "__SEmptyData": "___SEmptyData_v7mze_gg_",
+  "__SLabel": "___SLabel_v7mze_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 function transitionAnglePie(_ref6) {

package/lib/es6/Dots.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { bisector } from 'd3-array';
 import React from 'react';
 import { sstyled } from '@semcore/core';
@@ -7,14 +7,14 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_16oyn_gg_ .___SDot_16oyn_gg_{transition-duration:var(--duration_16oyn)}.___SDot_16oyn_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_16oyn_gg_.__hide_16oyn_gg_{display:none}.___SDot_16oyn_gg_.__color_16oyn_gg_{fill:var(--color_16oyn)}.___SDot_16oyn_gg_.__transparent_16oyn_gg_{opacity:.3}" /*__inner_css_end__*/, "16oyn_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_16oyn_gg_",
-  "_hide": "__hide_16oyn_gg_",
-  "_color": "__color_16oyn_gg_",
-  "--color": "--color_16oyn",
-  "_transparent": "__transparent_16oyn_gg_",
-  "__SDots": "___SDots_16oyn_gg_",
-  "--duration": "--duration_16oyn"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_1gpgx_gg_ .___SDot_1gpgx_gg_{transition-duration:var(--duration_1gpgx)}.___SDot_1gpgx_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_1gpgx_gg_.__hide_1gpgx_gg_{display:none}.___SDot_1gpgx_gg_.__color_1gpgx_gg_{fill:var(--color_1gpgx)}.___SDot_1gpgx_gg_.__transparent_1gpgx_gg_{opacity:.3}" /*__inner_css_end__*/, "1gpgx_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_1gpgx_gg_",
+  "_hide": "__hide_1gpgx_gg_",
+  "_color": "__color_1gpgx_gg_",
+  "--color": "--color_1gpgx",
+  "_transparent": "__transparent_1gpgx_gg_",
+  "__SDots": "___SDots_1gpgx_gg_",
+  "--duration": "--duration_1gpgx"
 });
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];

package/lib/es6/HorizontalBar.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import React from 'react';
 import { Component, sstyled } from '@semcore/core';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
@@ -13,16 +13,16 @@ import AnimatedClipPath from './AnimatedClipPath';
 import { scaleToBand, roundedPath } from './utils';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_2qkyq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_2qkyq);transition-timing-function:ease-in-out}.___SBar_2qkyq_gg_.__color_2qkyq_gg_{fill:var(--color_2qkyq)}.___SBar_2qkyq_gg_.__pattern_2qkyq_gg_.__color_2qkyq_gg_{fill:var(--pattern_2qkyq);stroke:var(--color_2qkyq);stroke-width:1px}.___SBar_2qkyq_gg_.__hide_2qkyq_gg_{display:none}.___SBar_2qkyq_gg_.__transparent_2qkyq_gg_{opacity:.3}.___SBackground_2qkyq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}" /*__inner_css_end__*/, "2qkyq_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_2qkyq_gg_",
-  "--duration": "--duration_2qkyq",
-  "_color": "__color_2qkyq_gg_",
-  "--color": "--color_2qkyq",
-  "_pattern": "__pattern_2qkyq_gg_",
-  "--pattern": "--pattern_2qkyq",
-  "_hide": "__hide_2qkyq_gg_",
-  "_transparent": "__transparent_2qkyq_gg_",
-  "__SBackground": "___SBackground_2qkyq_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_18ney_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_18ney);transition-timing-function:ease-in-out}.___SBar_18ney_gg_.__color_18ney_gg_{fill:var(--color_18ney)}.___SBar_18ney_gg_.__pattern_18ney_gg_.__color_18ney_gg_{fill:var(--pattern_18ney);stroke:var(--color_18ney);stroke-width:1px}.___SBar_18ney_gg_.__hide_18ney_gg_{display:none}.___SBar_18ney_gg_.__transparent_18ney_gg_{opacity:.3}.___SBackground_18ney_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}" /*__inner_css_end__*/, "18ney_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_18ney_gg_",
+  "--duration": "--duration_18ney",
+  "_color": "__color_18ney_gg_",
+  "--color": "--color_18ney",
+  "_pattern": "__pattern_18ney_gg_",
+  "--pattern": "--pattern_18ney",
+  "_hide": "__hide_18ney_gg_",
+  "_transparent": "__transparent_18ney_gg_",
+  "__SBackground": "___SBackground_18ney_gg_"
 });
 export var MIN_WIDTH = 2;
 var calcPartBarX = function calcPartBarX(x, minWidth, width) {

package/lib/es6/Hover.js

@@ -6,7 +6,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_frdxm_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_frdxm_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "frdxm_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_frdxm_gg_",
-  "__SHoverRect": "___SHoverRect_frdxm_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1jex9_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1jex9_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1jex9_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_1jex9_gg_",
+  "__SHoverRect": "___SHoverRect_1jex9_gg_"
 });
 import Tooltip from './Tooltip';
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/es6/Line.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import React from 'react';
 import { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';
 import { Component, sstyled } from '@semcore/core';
@@ -15,15 +15,15 @@ import Dots from './Dots';
 import AnimatedClipPath from './AnimatedClipPath';
 import { resolvePatternDasharray } from './Pattern';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_cw2ed_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_cw2ed);transition-timing-function:ease-in-out}.___SLine_cw2ed_gg_.__color_cw2ed_gg_{stroke:var(--color_cw2ed)}.___SLine_cw2ed_gg_.__hide_cw2ed_gg_{display:none}.___SLine_cw2ed_gg_.__transparent_cw2ed_gg_{opacity:.3}.___SNull_cw2ed_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_cw2ed_gg_.__hide_cw2ed_gg_{display:none}.___SAria_cw2ed_gg_{transition-property:d;transition-duration:var(--duration_cw2ed);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_cw2ed_gg_.__color_cw2ed_gg_{fill:var(--color_cw2ed)}" /*__inner_css_end__*/, "cw2ed_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_cw2ed_gg_",
-  "--duration": "--duration_cw2ed",
-  "_color": "__color_cw2ed_gg_",
-  "--color": "--color_cw2ed",
-  "_hide": "__hide_cw2ed_gg_",
-  "_transparent": "__transparent_cw2ed_gg_",
-  "__SNull": "___SNull_cw2ed_gg_",
-  "__SAria": "___SAria_cw2ed_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1b328_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1b328);transition-timing-function:ease-in-out}.___SLine_1b328_gg_.__color_1b328_gg_{stroke:var(--color_1b328)}.___SLine_1b328_gg_.__hide_1b328_gg_{display:none}.___SLine_1b328_gg_.__transparent_1b328_gg_{opacity:.3}.___SNull_1b328_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1b328_gg_.__hide_1b328_gg_{display:none}.___SAria_1b328_gg_{transition-property:d;transition-duration:var(--duration_1b328);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_1b328_gg_.__color_1b328_gg_{fill:var(--color_1b328)}" /*__inner_css_end__*/, "1b328_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_1b328_gg_",
+  "--duration": "--duration_1b328",
+  "_color": "__color_1b328_gg_",
+  "--color": "--color_1b328",
+  "_hide": "__hide_1b328_gg_",
+  "_transparent": "__transparent_1b328_gg_",
+  "__SNull": "___SNull_1b328_gg_",
+  "__SAria": "___SAria_1b328_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/lib/es6/Plot.js

@@ -6,7 +6,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import createComponent, { Component, Root, sstyled } from '@semcore/core';
@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 import colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_vm8p4_gg_{overflow:hidden}.___SPlot_vm8p4_gg_:active,.___SPlot_vm8p4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_vm8p4_gg_.__keyboardFocused_vm8p4_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__*/, "vm8p4_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_vm8p4_gg_",
-  "_keyboardFocused": "__keyboardFocused_vm8p4_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_u5wag_gg_{overflow:hidden}.___SPlot_u5wag_gg_:active,.___SPlot_u5wag_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_u5wag_gg_.__keyboardFocused_u5wag_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__*/, "u5wag_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_u5wag_gg_",
+  "_keyboardFocused": "__keyboardFocused_u5wag_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);

package/lib/es6/Radar.js

@@ -7,7 +7,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 import React, { cloneElement } from 'react';
 import { Component, sstyled, Root } from '@semcore/core';
@@ -22,25 +22,25 @@ import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1ay94_gg_,.___SAxisTick_1ay94_gg_,.___SAxis_1ay94_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1ay94_gg_,.___SAxisTick_1ay94_gg_{stroke-dasharray:2}.___SAxisLine_1ay94_gg_.__active_1ay94_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1ay94_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1ay94_gg_.__xDirection_1ay94_gg_{text-anchor:var(--xDirection_1ay94)}.___SAxisLabel_1ay94_gg_.__yDirection_1ay94_gg_{dominant-baseline:var(--yDirection_1ay94)}.___SPolygonDot_1ay94_gg_,.___SPolygon_1ay94_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1ay94_gg_{opacity:.2}.___SPolygon_1ay94_gg_.__color_1ay94_gg_{fill:var(--color_1ay94)}.___SPolygon_1ay94_gg_.__pattern_1ay94_gg_.__color_1ay94_gg_{fill:var(--pattern_1ay94);stroke:var(--color_1ay94);stroke-width:1px}.___SPolygonDot_1ay94_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1ay94_gg_.__transparent_1ay94_gg_{opacity:.3}.___SPolygonDot_1ay94_gg_.__color_1ay94_gg_{fill:var(--color_1ay94)}.___SPolygonLine_1ay94_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1ay94_gg_.__transparent_1ay94_gg_{opacity:.3}.___SPolygonLine_1ay94_gg_.__color_1ay94_gg_{stroke:var(--color_1ay94)}.___SPieRect_1ay94_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1ay94_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_1ay94_gg_",
-  "__SAxisLine": "___SAxisLine_1ay94_gg_",
-  "__SAxisTick": "___SAxisTick_1ay94_gg_",
-  "_active": "__active_1ay94_gg_",
-  "__SAxisLabel": "___SAxisLabel_1ay94_gg_",
-  "_xDirection": "__xDirection_1ay94_gg_",
-  "--xDirection": "--xDirection_1ay94",
-  "_yDirection": "__yDirection_1ay94_gg_",
-  "--yDirection": "--yDirection_1ay94",
-  "__SPolygon": "___SPolygon_1ay94_gg_",
-  "_color": "__color_1ay94_gg_",
-  "--color": "--color_1ay94",
-  "_pattern": "__pattern_1ay94_gg_",
-  "--pattern": "--pattern_1ay94",
-  "__SPolygonDot": "___SPolygonDot_1ay94_gg_",
-  "_transparent": "__transparent_1ay94_gg_",
-  "__SPolygonLine": "___SPolygonLine_1ay94_gg_",
-  "__SPieRect": "___SPieRect_1ay94_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_p2wlz_gg_,.___SAxisTick_p2wlz_gg_,.___SAxis_p2wlz_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_p2wlz_gg_,.___SAxisTick_p2wlz_gg_{stroke-dasharray:2}.___SAxisLine_p2wlz_gg_.__active_p2wlz_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_p2wlz_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_p2wlz_gg_.__xDirection_p2wlz_gg_{text-anchor:var(--xDirection_p2wlz)}.___SAxisLabel_p2wlz_gg_.__yDirection_p2wlz_gg_{dominant-baseline:var(--yDirection_p2wlz)}.___SPolygonDot_p2wlz_gg_,.___SPolygon_p2wlz_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_p2wlz_gg_{opacity:.2}.___SPolygon_p2wlz_gg_.__color_p2wlz_gg_{fill:var(--color_p2wlz)}.___SPolygon_p2wlz_gg_.__pattern_p2wlz_gg_.__color_p2wlz_gg_{fill:var(--pattern_p2wlz);stroke:var(--color_p2wlz);stroke-width:1px}.___SPolygonDot_p2wlz_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_p2wlz_gg_.__transparent_p2wlz_gg_{opacity:.3}.___SPolygonDot_p2wlz_gg_.__color_p2wlz_gg_{fill:var(--color_p2wlz)}.___SPolygonLine_p2wlz_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_p2wlz_gg_.__transparent_p2wlz_gg_{opacity:.3}.___SPolygonLine_p2wlz_gg_.__color_p2wlz_gg_{stroke:var(--color_p2wlz)}.___SPieRect_p2wlz_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "p2wlz_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_p2wlz_gg_",
+  "__SAxisLine": "___SAxisLine_p2wlz_gg_",
+  "__SAxisTick": "___SAxisTick_p2wlz_gg_",
+  "_active": "__active_p2wlz_gg_",
+  "__SAxisLabel": "___SAxisLabel_p2wlz_gg_",
+  "_xDirection": "__xDirection_p2wlz_gg_",
+  "--xDirection": "--xDirection_p2wlz",
+  "_yDirection": "__yDirection_p2wlz_gg_",
+  "--yDirection": "--yDirection_p2wlz",
+  "__SPolygon": "___SPolygon_p2wlz_gg_",
+  "_color": "__color_p2wlz_gg_",
+  "--color": "--color_p2wlz",
+  "_pattern": "__pattern_p2wlz_gg_",
+  "--pattern": "--pattern_p2wlz",
+  "__SPolygonDot": "___SPolygonDot_p2wlz_gg_",
+  "_transparent": "__transparent_p2wlz_gg_",
+  "__SPolygonLine": "___SPolygonLine_p2wlz_gg_",
+  "__SPieRect": "___SPieRect_p2wlz_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/es6/RadialTree.js

@@ -8,7 +8,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 var _excluded = ["data"];
 import React from 'react';
 import { transition } from 'd3-transition';
@@ -21,17 +21,17 @@ import createElement from './createElement';
 import { getChartDefaultColorName, measureText } from './utils';
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1l1gs_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1l1gs_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1l1gs_gg_.__color_1l1gs_gg_{stroke:var(--color_1l1gs)}.___SLine_1l1gs_gg_.__transparent_1l1gs_gg_{opacity:.3}.___SCap_1l1gs_gg_{transition:r .1s}.___SCap_1l1gs_gg_.__pattern_1l1gs_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1l1gs_gg_.__transparent_1l1gs_gg_,.___SIcon_1l1gs_gg_.__transparent_1l1gs_gg_,.___SLabel_1l1gs_gg_.__transparent_1l1gs_gg_{opacity:.3}.___SLabel_1l1gs_gg_{fill:var(--color_1l1gs)}@media (hover:hover){.___SRadian_1l1gs_gg_:hover .___SLabel_1l1gs_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1l1gs_gg_{transition:none}}" /*__inner_css_end__*/, "1l1gs_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_1l1gs_gg_",
-  "__SLine": "___SLine_1l1gs_gg_",
-  "_color": "__color_1l1gs_gg_",
-  "--color": "--color_1l1gs",
-  "_transparent": "__transparent_1l1gs_gg_",
-  "__SCap": "___SCap_1l1gs_gg_",
-  "_pattern": "__pattern_1l1gs_gg_",
-  "__SIcon": "___SIcon_1l1gs_gg_",
-  "__SLabel": "___SLabel_1l1gs_gg_",
-  "__SLineCap": "___SLineCap_1l1gs_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_p0a62_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_p0a62_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_p0a62_gg_.__color_p0a62_gg_{stroke:var(--color_p0a62)}.___SLine_p0a62_gg_.__transparent_p0a62_gg_{opacity:.3}.___SCap_p0a62_gg_{transition:r .1s}.___SCap_p0a62_gg_.__pattern_p0a62_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_p0a62_gg_.__transparent_p0a62_gg_,.___SIcon_p0a62_gg_.__transparent_p0a62_gg_,.___SLabel_p0a62_gg_.__transparent_p0a62_gg_{opacity:.3}.___SLabel_p0a62_gg_{fill:var(--color_p0a62)}@media (hover:hover){.___SRadian_p0a62_gg_:hover .___SLabel_p0a62_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_p0a62_gg_{transition:none}}" /*__inner_css_end__*/, "p0a62_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_p0a62_gg_",
+  "__SLine": "___SLine_p0a62_gg_",
+  "_color": "__color_p0a62_gg_",
+  "--color": "--color_p0a62",
+  "_transparent": "__transparent_p0a62_gg_",
+  "__SCap": "___SCap_p0a62_gg_",
+  "_pattern": "__pattern_p0a62_gg_",
+  "__SIcon": "___SIcon_p0a62_gg_",
+  "__SLabel": "___SLabel_p0a62_gg_",
+  "__SLineCap": "___SLineCap_p0a62_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 var RadialTreeBase = /*#__PURE__*/function (_Component) {

package/lib/es6/ReferenceLine.js

@@ -5,21 +5,21 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import React from 'react';
 import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/reference-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_cyifx_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_cyifx_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_cyifx)}.___STitle_cyifx_gg_._position_top_cyifx_gg_{text-anchor:middle}.___STitle_cyifx_gg_._position_bottom_cyifx_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_cyifx_gg_._position_left_cyifx_gg_,.___STitle_cyifx_gg_._position_right_cyifx_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_cyifx_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "cyifx_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_cyifx_gg_",
-  "__STitle": "___STitle_cyifx_gg_",
-  "--transform-origin": "--transform-origin_cyifx",
-  "_position_top": "_position_top_cyifx_gg_",
-  "_position_bottom": "_position_bottom_cyifx_gg_",
-  "_position_right": "_position_right_cyifx_gg_",
-  "_position_left": "_position_left_cyifx_gg_",
-  "__SBackground": "___SBackground_cyifx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_ucyln_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_ucyln_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_ucyln)}.___STitle_ucyln_gg_._position_top_ucyln_gg_{text-anchor:middle}.___STitle_ucyln_gg_._position_bottom_ucyln_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_ucyln_gg_._position_left_ucyln_gg_,.___STitle_ucyln_gg_._position_right_ucyln_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_ucyln_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "ucyln_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_ucyln_gg_",
+  "__STitle": "___STitle_ucyln_gg_",
+  "--transform-origin": "--transform-origin_ucyln",
+  "_position_top": "_position_top_ucyln_gg_",
+  "_position_bottom": "_position_bottom_ucyln_gg_",
+  "_position_right": "_position_right_ucyln_gg_",
+  "_position_left": "_position_left_ucyln_gg_",
+  "__SBackground": "___SBackground_ucyln_gg_"
 });
 var side2direction = {
   left: 'vertical',