@semcore/d3-chart 2.3.0 → 2.3.3

package/lib/es6/Line.js

@@ -25,17 +25,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_9w56p_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_9w56p);transition-timing-function:ease-in-out}.___SLine_9w56p_gg_.__color_9w56p_gg_{stroke:var(--color_9w56p)}.___SLine_9w56p_gg_.__hide_9w56p_gg_{display:none}.___SNull_9w56p_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_9w56p_gg_.__hide_9w56p_gg_{display:none}"
+".___SLine_kchdh_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_kchdh);transition-timing-function:ease-in-out}.___SLine_kchdh_gg_.__color_kchdh_gg_{stroke:var(--color_kchdh)}.___SLine_kchdh_gg_.__hide_kchdh_gg_{display:none}.___SNull_kchdh_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_kchdh_gg_.__hide_kchdh_gg_{display:none}"
 /*__inner_css_end__*/
-, "9w56p_gg_")
+, "kchdh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_9w56p_gg_",
-  "--duration": "--duration_9w56p",
-  "_color": "__color_9w56p_gg_",
-  "--color": "--color_9w56p",
-  "_hide": "__hide_9w56p_gg_",
-  "__SNull": "___SNull_9w56p_gg_"
+  "__SLine": "___SLine_kchdh_gg_",
+  "--duration": "--duration_kchdh",
+  "_color": "__color_kchdh_gg_",
+  "--color": "--color_kchdh",
+  "_hide": "__hide_kchdh_gg_",
+  "__SNull": "___SNull_kchdh_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Plot.js

@@ -28,13 +28,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_191w8_gg_{overflow:hidden}.___SPlot_191w8_gg_:active,.___SPlot_191w8_gg_:focus{outline:0;text-decoration:none}.___SPlot_191w8_gg_.__keyboardFocused_191w8_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
+".___SPlot_19avt_gg_{overflow:hidden}.___SPlot_19avt_gg_:active,.___SPlot_19avt_gg_:focus{outline:0;text-decoration:none}.___SPlot_19avt_gg_.__keyboardFocused_19avt_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "191w8_gg_")
+, "19avt_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_191w8_gg_",
-  "_keyboardFocused": "__keyboardFocused_191w8_gg_"
+  "__SPlot": "___SPlot_19avt_gg_",
+  "_keyboardFocused": "__keyboardFocused_19avt_gg_"
 });
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';

package/lib/es6/RadialTree.js

@@ -31,20 +31,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_ou6di_gg_{cursor:pointer;fill:#008ff8}.___SLine_ou6di_gg_{stroke:#008ff8}.___SLine_ou6di_gg_.__color_ou6di_gg_{stroke:var(--color_ou6di)}.___SCap_ou6di_gg_{transition:r .1s}.___SLabel_ou6di_gg_{fill:var(--color_ou6di);cursor:var(--text-cursor_ou6di)}.___SRadian_ou6di_gg_:hover .___SLabel_ou6di_gg_{fill:var(--color-hovered_ou6di)}@media (prefers-reduced-motion){.___SLineCap_ou6di_gg_{transition:none}}"
+".___SRadian_1o4v8_gg_{cursor:pointer;fill:#008ff8}.___SLine_1o4v8_gg_{stroke:#008ff8}.___SLine_1o4v8_gg_.__color_1o4v8_gg_{stroke:var(--color_1o4v8)}.___SCap_1o4v8_gg_{transition:r .1s}.___SLabel_1o4v8_gg_{fill:var(--color_1o4v8);cursor:var(--text-cursor_1o4v8)}.___SRadian_1o4v8_gg_:hover .___SLabel_1o4v8_gg_{fill:var(--color-hovered_1o4v8)}@media (prefers-reduced-motion){.___SLineCap_1o4v8_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "ou6di_gg_")
+, "1o4v8_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_ou6di_gg_",
-  "__SLine": "___SLine_ou6di_gg_",
-  "_color": "__color_ou6di_gg_",
-  "--color": "--color_ou6di",
-  "__SCap": "___SCap_ou6di_gg_",
-  "__SLabel": "___SLabel_ou6di_gg_",
-  "--text-cursor": "--text-cursor_ou6di",
-  "--color-hovered": "--color-hovered_ou6di",
-  "__SLineCap": "___SLineCap_ou6di_gg_"
+  "__SRadian": "___SRadian_1o4v8_gg_",
+  "__SLine": "___SLine_1o4v8_gg_",
+  "_color": "__color_1o4v8_gg_",
+  "--color": "--color_1o4v8",
+  "__SCap": "___SCap_1o4v8_gg_",
+  "__SLabel": "___SLabel_1o4v8_gg_",
+  "--text-cursor": "--text-cursor_1o4v8",
+  "--color-hovered": "--color-hovered_1o4v8",
+  "__SLineCap": "___SLineCap_1o4v8_gg_"
 });
 import { shade } from '@semcore/utils/lib/color';
 import { measureText } from './utils';

package/lib/es6/ReferenceLine.js

@@ -25,19 +25,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_qm4p7_gg_{fill:none;stroke:#a9abb6}.___STitle_qm4p7_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_qm4p7)}.___STitle_qm4p7_gg_._position_top_qm4p7_gg_{text-anchor:middle}.___STitle_qm4p7_gg_._position_bottom_qm4p7_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_qm4p7_gg_._position_right_qm4p7_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_qm4p7_gg_._position_left_qm4p7_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_qm4p7_gg_{fill:rgba(196,199,207,.2)}"
+".___SReferenceLine_1vkzh_gg_{fill:none;stroke:#a9abb6}.___STitle_1vkzh_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1vkzh)}.___STitle_1vkzh_gg_._position_top_1vkzh_gg_{text-anchor:middle}.___STitle_1vkzh_gg_._position_bottom_1vkzh_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1vkzh_gg_._position_right_1vkzh_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1vkzh_gg_._position_left_1vkzh_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1vkzh_gg_{fill:rgba(196,199,207,.2)}"
 /*__inner_css_end__*/
-, "qm4p7_gg_")
+, "1vkzh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_qm4p7_gg_",
-  "__STitle": "___STitle_qm4p7_gg_",
-  "--transform-origin": "--transform-origin_qm4p7",
-  "_position_top": "_position_top_qm4p7_gg_",
-  "_position_bottom": "_position_bottom_qm4p7_gg_",
-  "_position_right": "_position_right_qm4p7_gg_",
-  "_position_left": "_position_left_qm4p7_gg_",
-  "__SBackground": "___SBackground_qm4p7_gg_"
+  "__SReferenceLine": "___SReferenceLine_1vkzh_gg_",
+  "__STitle": "___STitle_1vkzh_gg_",
+  "--transform-origin": "--transform-origin_1vkzh",
+  "_position_top": "_position_top_1vkzh_gg_",
+  "_position_bottom": "_position_bottom_1vkzh_gg_",
+  "_position_right": "_position_right_1vkzh_gg_",
+  "_position_left": "_position_left_1vkzh_gg_",
+  "__SBackground": "___SBackground_1vkzh_gg_"
 });
 var MAP_ORIENTATION = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -29,16 +29,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_6q8uc_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_6q8uc);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_6q8uc_gg_:hover{opacity:.8}.___SScatterPlot_6q8uc_gg_.__color_6q8uc_gg_{fill:var(--color_6q8uc)}.___SValue_6q8uc_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_6q8uc_gg_.__color_6q8uc_gg_{stroke:var(--color_6q8uc)}"
+".___SScatterPlot_1e5hy_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1e5hy);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1e5hy_gg_:hover{opacity:.8}.___SScatterPlot_1e5hy_gg_.__color_1e5hy_gg_{fill:var(--color_1e5hy)}.___SValue_1e5hy_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1e5hy_gg_.__color_1e5hy_gg_{stroke:var(--color_1e5hy)}"
 /*__inner_css_end__*/
-, "6q8uc_gg_")
+, "1e5hy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_6q8uc_gg_",
-  "--duration": "--duration_6q8uc",
-  "_color": "__color_6q8uc_gg_",
-  "--color": "--color_6q8uc",
-  "__SValue": "___SValue_6q8uc_gg_"
+  "__SScatterPlot": "___SScatterPlot_1e5hy_gg_",
+  "--duration": "--duration_1e5hy",
+  "_color": "__color_1e5hy_gg_",
+  "--color": "--color_1e5hy",
+  "__SValue": "___SValue_1e5hy_gg_"
 });
 import ClipPath from './ClipPath';
 

package/lib/es6/StackBar.js

@@ -4,7 +4,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -16,29 +15,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { stack as d3Stack } from 'd3-shape';
-import { Component, css, __css__ } from '@semcore/core';
+import { Component } from '@semcore/core';
 import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
 import createElement from './createElement';
 import Bar from './Bar';
 import HorizontalBar from './HorizontalBar';
-
-/*__reshadow-styles__:"./style/bar.shadow.css"*/
-var _ref = (
-/*__reshadow_css_start__*/
-__css__(
-/*__inner_css_start__*/
-".___SBar_10lsq_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_10lsq_gg_.__color_10lsq_gg_{fill:var(--color)}.___SBar_10lsq_gg_.__hide_10lsq_gg_{display:none}.___SBackground_10lsq_gg_{fill:#c4c7cf}"
-/*__inner_css_end__*/
-, "1960sua_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SBar": "___SBar_10lsq_gg_",
-  "_color": "__color_10lsq_gg_",
-  "_hide": "__hide_10lsq_gg_",
-  "__SBackground": "___SBackground_10lsq_gg_"
-}),
-    style = _extends({}, _ref);
-
+import style from './style/bar.shadow.css';
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 var XY0 = Symbol('XY0');
 
@@ -80,10 +62,10 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getBarProps",
-    value: function getBarProps(_ref2) {
+    value: function getBarProps(_ref) {
       var _this = this;
 
-      var y = _ref2.y;
+      var y = _ref.y;
       var _this$asProps2 = this.asProps,
           x = _this$asProps2.x,
           r = _this$asProps2.r;
@@ -111,10 +93,10 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getHorizontalBarProps",
-    value: function getHorizontalBarProps(_ref3) {
+    value: function getHorizontalBarProps(_ref2) {
       var _this2 = this;
 
-      var x = _ref3.x;
+      var x = _ref2.x;
       var _this$asProps3 = this.asProps,
           y = _this$asProps3.y,
           r = _this$asProps3.r;

package/lib/es6/StackBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackBar.js","names":["React","stack","d3Stack","Component","getOriginChildren","createElement","Bar","HorizontalBar","DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","keys","toArray","reduce","acc","child","isValidElement","type","StackBar","props","hide","push","y","x","r","seriesIndex","series","findIndex","s","key","rBar","map","i","slice","some","bar","y0","groupKey","x0","Element","getSeries","dataHintsHandler","establishDataType","style"],"sources":["../../src/StackBar.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack, r: 2 };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        if (\n          React.isValidElement(child) &&\n          child.type === StackBar.HorizontalBar &&\n          !child.props.hide\n        ) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === y);\n    // or [] if hide bar\n    const series = this.series[seriesIndex] || [];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n      r: rBar,\n      groupKey: x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === x);\n    const series = this.series[seriesIndex];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n      r: rBar,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return <Element aria-hidden render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"mappings":"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"}
+{"version":3,"file":"StackBar.js","names":["React","stack","d3Stack","Component","getOriginChildren","createElement","Bar","HorizontalBar","style","DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","keys","toArray","reduce","acc","child","isValidElement","type","StackBar","props","hide","push","y","x","r","seriesIndex","series","findIndex","s","key","rBar","map","i","slice","some","bar","y0","groupKey","x0","Element","getSeries","dataHintsHandler","establishDataType"],"sources":["../../src/StackBar.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack, r: 2 };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        if (\n          React.isValidElement(child) &&\n          child.type === StackBar.HorizontalBar &&\n          !child.props.hide\n        ) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === y);\n    // or [] if hide bar\n    const series = this.series[seriesIndex] || [];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n      r: rBar,\n      groupKey: x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === x);\n    const series = this.series[seriesIndex];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n      r: rBar,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return <Element aria-hidden render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"mappings":"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"}

package/lib/es6/StackedArea.js

@@ -4,7 +4,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -16,29 +15,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { stack as d3Stack } from 'd3-shape';
-import { Component, css, __css__ } from '@semcore/core';
+import { Component } from '@semcore/core';
 import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
 import createElement from './createElement';
 import Area from './Area';
-
-/*__reshadow-styles__:"./style/area.shadow.css"*/
-var _ref = (
-/*__reshadow_css_start__*/
-__css__(
-/*__inner_css_start__*/
-".___SArea_nd3n2_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_nd3n2_gg_.__color_nd3n2_gg_{fill:var(--color)}.___SAreaLine_nd3n2_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_nd3n2_gg_.__color_nd3n2_gg_{stroke:var(--color)}.___SArea_nd3n2_gg_,.___SAreaLine_nd3n2_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_nd3n2_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_nd3n2_gg_.__hide_nd3n2_gg_{display:none}"
-/*__inner_css_end__*/
-, "dcjdau_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SArea": "___SArea_nd3n2_gg_",
-  "_color": "__color_nd3n2_gg_",
-  "__SAreaLine": "___SAreaLine_nd3n2_gg_",
-  "__SNull": "___SNull_nd3n2_gg_",
-  "_hide": "__hide_nd3n2_gg_"
-}),
-    style = _extends({}, _ref);
-
+import style from './style/area.shadow.css';
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 var Y0 = Symbol('Y0');
 
@@ -76,8 +57,8 @@ var StackedAreaRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getAreaProps",
-    value: function getAreaProps(_ref2) {
-      var y = _ref2.y;
+    value: function getAreaProps(_ref) {
+      var y = _ref.y;
       var x = this.asProps.x; // or [] if hide area
 
       var series = this.series.find(function (s) {

package/lib/es6/StackedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedArea.js","names":["React","stack","d3Stack","Component","getOriginChildren","createElement","Area","DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","keys","toArray","reduce","acc","child","isValidElement","type","StackedArea","props","hide","push","y","reverse","x","series","find","s","key","map","y0","Element","getSeries","style"],"sources":["../../src/StackedArea.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    // or [] if hide area\n    const series = this.series.find((s) => s.key === y) || [];\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        // if null is passed in the data, then we pass it, because d3 null leads to 0\n        [y]: s.data[y] === null ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element aria-hidden render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAK,IAAIC,OAAlB,QAAiC,UAAjC;AACA,SAASC,SAAT,sBAA0B,eAA1B;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;AAIA,IAAMC,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;;WAWJ,qBAAY;MACV,oBAAkC,KAAKC,OAAvC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBZ,KAAxB,iBAAwBA,KAAxB;;MAEA,IAAIA,KAAK,CAACM,gBAAD,CAAT,EAA6B;QAC3B,IAAMO,IAAI,GAAGd,KAAK,CAACY,QAAN,CAAeG,OAAf,CAAuBX,iBAAiB,CAACQ,QAAD,CAAxC,EAAoDI,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;UACtF,IAAI,cAAAlB,KAAK,CAACmB,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACf,IAA1D,IAAkE,CAACY,KAAK,CAACI,KAAN,CAAYC,IAAnF,EAAyF;YACvFN,GAAG,CAACO,IAAJ,CAASN,KAAK,CAACI,KAAN,CAAYG,CAArB;UACD;;UACD,OAAOR,GAAP;QACD,CALY,EAKV,EALU,CAAb;QAMAhB,KAAK,CAACa,IAAN,CAAWA,IAAI,CAACY,OAAL,EAAX;MACD;;MAED,OAAOzB,KAAK,CAACY,IAAD,CAAZ;IACD;;;WAED,6BAAoB;MAAA,IAALY,CAAK,SAALA,CAAK;MAClB,IAAQE,CAAR,GAAc,KAAKhB,OAAnB,CAAQgB,CAAR,CADkB,CAElB;;MACA,IAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;QAAA,OAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;MAAA,CAAjB,KAAwC,EAAvD;MACA,OAAO;QACLZ,IAAI,EAAEe,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;UAAA;;UAAA,uCACZA,CAAC,CAACjB,IADU,6DAGdY,CAHc,EAGVK,CAAC,CAACjB,IAAF,CAAOY,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,mCAIdrB,EAJc,EAITqB,CAAC,CAAC,CAAD,CAJQ;QAAA,CAAX,CADD;QAOLG,EAAE,EAAExB,EAPC;QAQLkB,CAAC,EAADA;MARK,CAAP;IAUD;;;WAED,kBAAS;MACP,IAAMO,OAAO,GAAG,KAAKA,OAArB;MACA,KAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;MACA,oBAAO,oBAAC,OAAD;QAAS,mBAAT;QAAqB,MAAM,EAAC,GAA5B;QAAgC,MAAM,EAAE,KAAKP;MAA7C,EAAP;IACD;;;;EA/C2BzB,S;;gBAAxBO,e,iBACiB,a;;gBADjBA,e,WAGW0B,K;;gBAHX1B,e,kBAKkB,YAAM;EAC1B,IAAMT,KAAK,GAAGC,OAAO,EAArB;EACAD,KAAK,CAACM,gBAAD,CAAL,GAA0B,IAA1B;EACA,OAAO;IAAEN,KAAK,EAALA;EAAF,CAAP;AACD,C;;AAyCH,IAAMoB,WAAW,GAAGhB,aAAa,CAACK,eAAD,EAAkB;EAAEJ,IAAI,EAAJA;AAAF,CAAlB,CAAjC;AAEA,eAAee,WAAf"}
+{"version":3,"file":"StackedArea.js","names":["React","stack","d3Stack","Component","getOriginChildren","createElement","Area","style","DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","keys","toArray","reduce","acc","child","isValidElement","type","StackedArea","props","hide","push","y","reverse","x","series","find","s","key","map","y0","Element","getSeries"],"sources":["../../src/StackedArea.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    // or [] if hide area\n    const series = this.series.find((s) => s.key === y) || [];\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        // if null is passed in the data, then we pass it, because d3 null leads to 0\n        [y]: s.data[y] === null ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element aria-hidden render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAK,IAAIC,OAAlB,QAAiC,UAAjC;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,OAAOC,KAAP,MAAkB,yBAAlB;AAEA,IAAMC,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;;WAWJ,qBAAY;MACV,oBAAkC,KAAKC,OAAvC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBb,KAAxB,iBAAwBA,KAAxB;;MAEA,IAAIA,KAAK,CAACO,gBAAD,CAAT,EAA6B;QAC3B,IAAMO,IAAI,GAAGf,KAAK,CAACa,QAAN,CAAeG,OAAf,CAAuBZ,iBAAiB,CAACS,QAAD,CAAxC,EAAoDI,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;UACtF,IAAI,cAAAnB,KAAK,CAACoB,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAAChB,IAA1D,IAAkE,CAACa,KAAK,CAACI,KAAN,CAAYC,IAAnF,EAAyF;YACvFN,GAAG,CAACO,IAAJ,CAASN,KAAK,CAACI,KAAN,CAAYG,CAArB;UACD;;UACD,OAAOR,GAAP;QACD,CALY,EAKV,EALU,CAAb;QAMAjB,KAAK,CAACc,IAAN,CAAWA,IAAI,CAACY,OAAL,EAAX;MACD;;MAED,OAAO1B,KAAK,CAACa,IAAD,CAAZ;IACD;;;WAED,4BAAoB;MAAA,IAALY,CAAK,QAALA,CAAK;MAClB,IAAQE,CAAR,GAAc,KAAKhB,OAAnB,CAAQgB,CAAR,CADkB,CAElB;;MACA,IAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;QAAA,OAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;MAAA,CAAjB,KAAwC,EAAvD;MACA,OAAO;QACLZ,IAAI,EAAEe,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;UAAA;;UAAA,uCACZA,CAAC,CAACjB,IADU,6DAGdY,CAHc,EAGVK,CAAC,CAACjB,IAAF,CAAOY,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,mCAIdrB,EAJc,EAITqB,CAAC,CAAC,CAAD,CAJQ;QAAA,CAAX,CADD;QAOLG,EAAE,EAAExB,EAPC;QAQLkB,CAAC,EAADA;MARK,CAAP;IAUD;;;WAED,kBAAS;MACP,IAAMO,OAAO,GAAG,KAAKA,OAArB;MACA,KAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;MACA,oBAAO,oBAAC,OAAD;QAAS,mBAAT;QAAqB,MAAM,EAAC,GAA5B;QAAgC,MAAM,EAAE,KAAKP;MAA7C,EAAP;IACD;;;;EA/C2B1B,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAGWJ,K;;gBAHXI,e,kBAKkB,YAAM;EAC1B,IAAMV,KAAK,GAAGC,OAAO,EAArB;EACAD,KAAK,CAACO,gBAAD,CAAL,GAA0B,IAA1B;EACA,OAAO;IAAEP,KAAK,EAALA;EAAF,CAAP;AACD,C;;AAyCH,IAAMqB,WAAW,GAAGjB,aAAa,CAACM,eAAD,EAAkB;EAAEL,IAAI,EAAJA;AAAF,CAAlB,CAAjC;AAEA,eAAegB,WAAf"}

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_1mxw9_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_1mxw9_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_1mxw9_gg_{display:flex;align-items:center}.___SDot_1mxw9_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_1mxw9_gg_.__color_1mxw9_gg_{background:var(--color_1mxw9)}"
+".___STooltip_1hbp8_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_1hbp8_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_1hbp8_gg_{display:flex;align-items:center}.___SDot_1hbp8_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_1hbp8_gg_.__color_1hbp8_gg_{background:var(--color_1hbp8)}"
 /*__inner_css_end__*/
-, "1mxw9_gg_")
+, "1hbp8_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_1mxw9_gg_",
-  "__STitle": "___STitle_1mxw9_gg_",
-  "__SDotGroup": "___SDotGroup_1mxw9_gg_",
-  "__SDot": "___SDot_1mxw9_gg_",
-  "_color": "__color_1mxw9_gg_",
-  "--color": "--color_1mxw9"
+  "__STooltip": "___STooltip_1hbp8_gg_",
+  "__STitle": "___STitle_1hbp8_gg_",
+  "__SDotGroup": "___SDotGroup_1hbp8_gg_",
+  "__SDot": "___SDot_1hbp8_gg_",
+  "_color": "__color_1hbp8_gg_",
+  "--color": "--color_1hbp8"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Venn.js

@@ -26,16 +26,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_4ydmq_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_4ydmq);transition-timing-function:ease-in-out}.___SCircle_4ydmq_gg_:hover{fill-opacity:.7}.___SCircle_4ydmq_gg_.__color_4ydmq_gg_{fill:var(--color_4ydmq)}.___SIntersection_4ydmq_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_4ydmq_gg_:hover{fill-opacity:.1}"
+".___SCircle_1gqbr_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1gqbr);transition-timing-function:ease-in-out}.___SCircle_1gqbr_gg_:hover{fill-opacity:.7}.___SCircle_1gqbr_gg_.__color_1gqbr_gg_{fill:var(--color_1gqbr)}.___SIntersection_1gqbr_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1gqbr_gg_:hover{fill-opacity:.1}"
 /*__inner_css_end__*/
-, "4ydmq_gg_")
+, "1gqbr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_4ydmq_gg_",
-  "--duration": "--duration_4ydmq",
-  "_color": "__color_4ydmq_gg_",
-  "--color": "--color_4ydmq",
-  "__SIntersection": "___SIntersection_4ydmq_gg_"
+  "__SCircle": "___SCircle_1gqbr_gg_",
+  "--duration": "--duration_1gqbr",
+  "_color": "__color_1gqbr_gg_",
+  "--color": "--color_1gqbr",
+  "__SIntersection": "___SIntersection_1gqbr_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/a11y/PlotA11yModule.js

@@ -20,12 +20,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_kb32z_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_kb32z_gg_:focus{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+".___SPlotA11yModule_9tifv_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_9tifv_gg_:focus{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "kb32z_gg_")
+, "9tifv_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_kb32z_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_9tifv_gg_"
 });
 import { Context as I18nContext } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -27,13 +27,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yView_68w71_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_68w71_gg_:focus,.___SPlotA11yView_68w71_gg_.__focus-within_68w71_gg_{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_68w71_gg_:focus,.___SPlotA11yView_68w71_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_68w71_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_68w71_gg_ table,.___SPlotA11yView_68w71_gg_ td,.___SPlotA11yView_68w71_gg_ th{border:1px solid #000}"
+".___SPlotA11yView_8yzi5_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_8yzi5_gg_:focus,.___SPlotA11yView_8yzi5_gg_.__focus-within_8yzi5_gg_{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_8yzi5_gg_:focus,.___SPlotA11yView_8yzi5_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_8yzi5_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_8yzi5_gg_ table,.___SPlotA11yView_8yzi5_gg_ td,.___SPlotA11yView_8yzi5_gg_ th{border:1px solid #000}"
 /*__inner_css_end__*/
-, "68w71_gg_")
+, "8yzi5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_68w71_gg_",
-  "_focus-within": "__focus-within_68w71_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_8yzi5_gg_",
+  "_focus-within": "__focus-within_8yzi5_gg_"
 });
 import { Box } from '@semcore/flex-box';
 export var PlotA11yView = function PlotA11yView(_ref3) {

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

@@ -1,4 +1,4 @@
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SArea {
   fill: var(--blue-03);

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SBar {
   fill: var(--blue-03);

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SBubble {
   fill: var(--blue-03);

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SPie {
   stroke: #ffffff;

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SDots {
   & SDot {

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SLine {
   fill: transparent;

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SPlot {
   overflow: hidden;

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SPlotA11yModule {
   user-select: none;

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SPlotA11yView {
   user-select: none;

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SRadian {
   cursor: pointer;

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SScatterPlot {
   fill: var(--blue-03);

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

@@ -1,5 +1,5 @@
 @import '@semcore/utils/style/var.css';
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 STooltip {
   font-size: var(--fs-100);

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

@@ -1,4 +1,4 @@
-@import '@semcore/d3-chart/src/style/var.css';
+@import './var.css';
 
 SCircle {
   fill: var(--green-02);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.3.0",
+  "version": "2.3.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",