@semcore/d3-chart 2.4.5 → 2.4.7

package/lib/cjs/ReferenceLine.js

@@ -42,27 +42,27 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SReferenceLine_1t8oh_gg_ {\n  fill: none;\n  stroke: #a9abb6;\n}\n\n.___STitle_1t8oh_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n  transform-origin: var(--transform-origin_1t8oh);\n}\n\n.___STitle_1t8oh_gg_._position_top_1t8oh_gg_ {\n  text-anchor: middle;\n}\n\n.___STitle_1t8oh_gg_._position_bottom_1t8oh_gg_ {\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STitle_1t8oh_gg_._position_right_1t8oh_gg_ {\n  transform: rotate(-90deg);\n  alignment-baseline: middle;\n  text-anchor: middle;\n}\n\n.___STitle_1t8oh_gg_._position_left_1t8oh_gg_ {\n  transform: rotate(-90deg);\n  text-anchor: middle;\n  alignment-baseline: middle;\n}\n\n.___SBackground_1t8oh_gg_ {\n  fill: rgba(196, 199, 207, 0.2);\n}\n"
+".___SReferenceLine_1co9s_gg_{fill:none;stroke:#a9abb6}.___STitle_1co9s_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1co9s)}.___STitle_1co9s_gg_._position_top_1co9s_gg_{text-anchor:middle}.___STitle_1co9s_gg_._position_bottom_1co9s_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1co9s_gg_._position_right_1co9s_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1co9s_gg_._position_left_1co9s_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1co9s_gg_{fill:rgba(196,199,207,.2)}"
 /*__inner_css_end__*/
-, "1t8oh_gg_")
+, "1co9s_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_1t8oh_gg_",
-  "__STitle": "___STitle_1t8oh_gg_",
-  "--transform-origin": "--transform-origin_1t8oh",
-  "_position_top": "_position_top_1t8oh_gg_",
-  "_position_bottom": "_position_bottom_1t8oh_gg_",
-  "_position_right": "_position_right_1t8oh_gg_",
-  "_position_left": "_position_left_1t8oh_gg_",
-  "__SBackground": "___SBackground_1t8oh_gg_"
+  "__SReferenceLine": "___SReferenceLine_1co9s_gg_",
+  "__STitle": "___STitle_1co9s_gg_",
+  "--transform-origin": "--transform-origin_1co9s",
+  "_position_top": "_position_top_1co9s_gg_",
+  "_position_bottom": "_position_bottom_1co9s_gg_",
+  "_position_right": "_position_right_1co9s_gg_",
+  "_position_left": "_position_left_1co9s_gg_",
+  "__SBackground": "___SBackground_1co9s_gg_"
 });
-var MAP_ORIENTATION = {
+var side2direction = {
   left: 'vertical',
   right: 'vertical',
   top: 'horizontal',
   bottom: 'horizontal'
 };
-var MAP_POSITION_LINE = {
+var lineDirection2props = {
   vertical: function vertical(_ref4, value) {
     var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
         xScale = _ref5[0],
@@ -71,10 +71,10 @@ var MAP_POSITION_LINE = {
     var yRange = yScale.range();
     var x = (0, _utils.scaleOfBandwidth)(xScale, value);
     return {
-      x: x,
-      y: yRange[1],
-      width: 0.1,
-      height: yRange[0] - yRange[1]
+      x1: x,
+      x2: x,
+      y1: yRange[0],
+      y2: yRange[1]
     };
   },
   horizontal: function horizontal(_ref6, value) {
@@ -85,16 +85,15 @@ var MAP_POSITION_LINE = {
     var xRange = xScale.range();
     var y = (0, _utils.scaleOfBandwidth)(yScale, value);
     return {
-      x: xRange[0],
-      y: y,
-      width: xRange[1] - xRange[0],
-      height: 0.1
+      x1: xRange[0],
+      x2: xRange[1],
+      y1: y,
+      y2: y
     };
   }
 };
-var OFFSET_TITLE = 10;
-var MAP_POSITION_TITlE = {
-  left: function left(_ref8, value) {
+var rectDirection2props = {
+  vertical: function vertical(_ref8, value) {
     var _ref9 = (0, _slicedToArray2["default"])(_ref8, 2),
         xScale = _ref9[0],
         yScale = _ref9[1];
@@ -102,44 +101,75 @@ var MAP_POSITION_TITlE = {
     var yRange = yScale.range();
     var x = (0, _utils.scaleOfBandwidth)(xScale, value);
     return {
-      x: x - OFFSET_TITLE,
-      y: (yRange[0] + yRange[1]) / 2
+      x: x,
+      y: yRange[1],
+      width: 100,
+      height: yRange[0] - yRange[1]
     };
   },
-  right: function right(_ref10, value) {
+  horizontal: function horizontal(_ref10, value) {
     var _ref11 = (0, _slicedToArray2["default"])(_ref10, 2),
         xScale = _ref11[0],
         yScale = _ref11[1];
 
+    var xRange = xScale.range();
+    var y = (0, _utils.scaleOfBandwidth)(yScale, value);
+    return {
+      x: xRange[0],
+      y: y,
+      width: xRange[1] - xRange[0],
+      height: 100
+    };
+  }
+};
+var titleOffset = 10;
+var titleSideToProps = {
+  left: function left(_ref12, value) {
+    var _ref13 = (0, _slicedToArray2["default"])(_ref12, 2),
+        xScale = _ref13[0],
+        yScale = _ref13[1];
+
     var yRange = yScale.range();
     var x = (0, _utils.scaleOfBandwidth)(xScale, value);
     return {
-      x: x + OFFSET_TITLE,
+      x: x - titleOffset,
       y: (yRange[0] + yRange[1]) / 2
     };
   },
-  top: function top(_ref12, value) {
-    var _ref13 = (0, _slicedToArray2["default"])(_ref12, 2),
-        xScale = _ref13[0],
-        yScale = _ref13[1];
+  right: function right(_ref14, value) {
+    var _ref15 = (0, _slicedToArray2["default"])(_ref14, 2),
+        xScale = _ref15[0],
+        yScale = _ref15[1];
+
+    var yRange = yScale.range();
+    var x = (0, _utils.scaleOfBandwidth)(xScale, value);
+    return {
+      x: x + titleOffset,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  top: function top(_ref16, value) {
+    var _ref17 = (0, _slicedToArray2["default"])(_ref16, 2),
+        xScale = _ref17[0],
+        yScale = _ref17[1];
 
     var xRange = xScale.range();
     var y = (0, _utils.scaleOfBandwidth)(yScale, value);
     return {
       x: (xRange[1] + xRange[0]) / 2,
-      y: y - OFFSET_TITLE
+      y: y - titleOffset
     };
   },
-  bottom: function bottom(_ref14, value) {
-    var _ref15 = (0, _slicedToArray2["default"])(_ref14, 2),
-        xScale = _ref15[0],
-        yScale = _ref15[1];
+  bottom: function bottom(_ref18, value) {
+    var _ref19 = (0, _slicedToArray2["default"])(_ref18, 2),
+        xScale = _ref19[0],
+        yScale = _ref19[1];
 
     var xRange = xScale.range();
     var y = (0, _utils.scaleOfBandwidth)(yScale, value);
     return {
       x: (xRange[1] + xRange[0]) / 2,
-      y: y + OFFSET_TITLE
+      y: y + titleOffset
     };
   }
 };
@@ -189,12 +219,12 @@ var ReferenceLineRoot = /*#__PURE__*/function (_Component) {
           value = _this$asProps3.value,
           color = _this$asProps3.color,
           styles = _this$asProps3.styles;
-      var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+      var positionProps = lineDirection2props[side2direction[position]];
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SReferenceLine, _ref.cn("SReferenceLine", _objectSpread({
-        "render": "rect",
+        "render": "line",
         "__excludeProps": ['data', 'scale', 'format', 'value', 'color'],
         "stroke": color
-      }, pos(scale, value)))), title && /*#__PURE__*/_react["default"].createElement(ReferenceLine.Title, null, title));
+      }, positionProps(scale, value)))), title && /*#__PURE__*/_react["default"].createElement(ReferenceLine.Title, null, title));
     }
   }]);
   return ReferenceLineRoot;
@@ -215,9 +245,9 @@ function Title(props) {
       position = props.position,
       value = props.value;
 
-  var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale, value),
-      x = _MAP_POSITION_TITlE$p.x,
-      y = _MAP_POSITION_TITlE$p.y;
+  var _titleSideToProps$pos = titleSideToProps[position](scale, value),
+      x = _titleSideToProps$pos.x,
+      y = _titleSideToProps$pos.y;
 
   var sstyles = (0, _core.sstyled)(styles);
   var sTitleStyles = sstyles.cn('STitle', {
@@ -242,11 +272,11 @@ function Background(props) {
       scale = props.scale,
       position = props.position,
       value = props.value;
-  var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+  var positionProps = rectDirection2props[side2direction[position]];
   return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref3.cn("SBackground", _objectSpread({
     "render": "rect",
     "childrenPosition": "inside"
-  }, pos(scale, value))));
+  }, positionProps(scale, value))));
 }
 
 var ReferenceLine = (0, _createElement["default"])(ReferenceLineRoot, {

package/lib/cjs/ReferenceLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferenceLine.js","names":["MAP_ORIENTATION","left","right","top","bottom","MAP_POSITION_LINE","vertical","value","xScale","yScale","yRange","range","x","scaleOfBandwidth","y","width","height","horizontal","xRange","OFFSET_TITLE","MAP_POSITION_TITlE","ReferenceLineRoot","asProps","position","SReferenceLine","Element","title","scale","color","styles","pos","sstyled","Component","style","Title","props","STitle","sstyles","sTitleStyles","cn","toFixed","className","Background","SBackground","ReferenceLine","createElement"],"sources":["../../src/ReferenceLine.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/reference-line.shadow.css';\n\nconst MAP_ORIENTATION = {\n  left: 'vertical',\n  right: 'vertical',\n  top: 'horizontal',\n  bottom: 'horizontal',\n};\n\nconst MAP_POSITION_LINE = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x,\n      y: yRange[1],\n      width: 0.1,\n      height: yRange[0] - yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: xRange[0],\n      y: y,\n      width: xRange[1] - xRange[0],\n      height: 0.1,\n    };\n  },\n};\n\nconst OFFSET_TITLE = 10;\nconst MAP_POSITION_TITlE = {\n  left: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x - OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x + OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  top: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y - OFFSET_TITLE,\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y + OFFSET_TITLE,\n    };\n  },\n};\n\nclass ReferenceLineRoot extends Component {\n  static displayName = 'ReferenceLine';\n  static style = style;\n  static defaultProps = {\n    position: 'left',\n  };\n\n  getTitleProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  getBackgroundProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  render() {\n    const SReferenceLine = this.Element;\n    const { title, scale, position, value, color, styles } = this.asProps;\n    const pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];\n\n    return sstyled(styles)(\n      <>\n        <SReferenceLine\n          render=\"rect\"\n          __excludeProps={['data', 'scale', 'format', 'value', 'color']}\n          stroke={color}\n          {...pos(scale, value)}\n        />\n        {title && <ReferenceLine.Title>{title}</ReferenceLine.Title>}\n      </>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position, value } = props;\n  const { x, y } = MAP_POSITION_TITlE[position](scale, value);\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      position={position}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, position, value } = props;\n  const pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];\n\n  return sstyled(styles)(\n    <SBackground render=\"rect\" childrenPosition=\"inside\" {...pos(scale, value)} />,\n  );\n}\n\nconst ReferenceLine = createElement(ReferenceLineRoot, {\n  Title,\n  Background,\n});\n\nexport default ReferenceLine;\n"],"mappings":"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"}
+{"version":3,"file":"ReferenceLine.js","names":["side2direction","left","right","top","bottom","lineDirection2props","vertical","value","xScale","yScale","yRange","range","x","scaleOfBandwidth","x1","x2","y1","y2","horizontal","xRange","y","rectDirection2props","width","height","titleOffset","titleSideToProps","ReferenceLineRoot","asProps","position","SReferenceLine","Element","title","scale","color","styles","positionProps","sstyled","Component","style","Title","props","STitle","sstyles","sTitleStyles","cn","toFixed","className","Background","SBackground","ReferenceLine","createElement"],"sources":["../../src/ReferenceLine.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/reference-line.shadow.css';\n\nconst side2direction = {\n  left: 'vertical',\n  right: 'vertical',\n  top: 'horizontal',\n  bottom: 'horizontal',\n};\n\nconst lineDirection2props = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x1: x,\n      x2: x,\n      y1: yRange[0],\n      y2: yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x1: xRange[0],\n      x2: xRange[1],\n      y1: y,\n      y2: y,\n    };\n  },\n};\n\nconst rectDirection2props = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x,\n      y: yRange[1],\n      width: 100,\n      height: yRange[0] - yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: xRange[0],\n      y: y,\n      width: xRange[1] - xRange[0],\n      height: 100,\n    };\n  },\n};\n\nconst titleOffset = 10;\nconst titleSideToProps = {\n  left: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x - titleOffset,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x + titleOffset,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  top: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y - titleOffset,\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y + titleOffset,\n    };\n  },\n};\n\nclass ReferenceLineRoot extends Component {\n  static displayName = 'ReferenceLine';\n  static style = style;\n  static defaultProps = {\n    position: 'left',\n  };\n\n  getTitleProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  getBackgroundProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  render() {\n    const SReferenceLine = this.Element;\n    const { title, scale, position, value, color, styles } = this.asProps;\n    const positionProps = lineDirection2props[side2direction[position]];\n\n    return sstyled(styles)(\n      <>\n        <SReferenceLine\n          render=\"line\"\n          __excludeProps={['data', 'scale', 'format', 'value', 'color']}\n          stroke={color}\n          {...positionProps(scale, value)}\n        />\n        {title && <ReferenceLine.Title>{title}</ReferenceLine.Title>}\n      </>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position, value } = props;\n  const { x, y } = titleSideToProps[position](scale, value);\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      position={position}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, position, value } = props;\n  const positionProps = rectDirection2props[side2direction[position]];\n\n  return sstyled(styles)(\n    <SBackground render=\"rect\" childrenPosition=\"inside\" {...positionProps(scale, value)} />,\n  );\n}\n\nconst ReferenceLine = createElement(ReferenceLineRoot, {\n  Title,\n  Background,\n});\n\nexport default ReferenceLine;\n"],"mappings":"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"}

package/lib/cjs/ScatterPlot.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SScatterPlot_5eyaz_gg_ {\n  fill: #2bb3ff;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_5eyaz);\n  transition-timing-function: ease-in-out;\n  opacity: 0.5\n}\n\n.___SScatterPlot_5eyaz_gg_:hover {\n    opacity: 0.8;\n  }\n\n.___SScatterPlot_5eyaz_gg_.__color_5eyaz_gg_ {\n  fill: var(--color_5eyaz);\n}\n\n.___SValue_5eyaz_gg_ {\n  text-anchor: middle;\n  font-size: 10px;\n  stroke: #008ff8;\n}\n\n.___SValue_5eyaz_gg_.__color_5eyaz_gg_ {\n  stroke: var(--color_5eyaz);\n}\n"
+".___SScatterPlot_1mawy_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1mawy);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1mawy_gg_:hover{opacity:.8}.___SScatterPlot_1mawy_gg_.__color_1mawy_gg_{fill:var(--color_1mawy)}.___SValue_1mawy_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1mawy_gg_.__color_1mawy_gg_{stroke:var(--color_1mawy)}"
 /*__inner_css_end__*/
-, "5eyaz_gg_")
+, "1mawy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_5eyaz_gg_",
-  "--duration": "--duration_5eyaz",
-  "_color": "__color_5eyaz_gg_",
-  "--color": "--color_5eyaz",
-  "__SValue": "___SValue_5eyaz_gg_"
+  "__SScatterPlot": "___SScatterPlot_1mawy_gg_",
+  "--duration": "--duration_1mawy",
+  "_color": "__color_1mawy_gg_",
+  "--color": "--color_1mawy",
+  "__SValue": "___SValue_1mawy_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Tooltip.js

@@ -60,17 +60,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STooltip_1pe41_gg_ {\n  font-size: 12px;\n  line-height: 1.33;\n  position: relative;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 1px solid #e0e1e9;\n  box-sizing: border-box;\n  box-shadow: 0px 1px 12px 0px rgba(25, 27, 35, 0.15);\n  padding: 12px;\n}\n\n.___STitle_1pe41_gg_ {\n  color: #6c6e79;\n  margin-bottom: 8px;\n}\n\n.___SDotGroup_1pe41_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___SDot_1pe41_gg_ {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  background: #2bb3ff;\n}\n\n.___SDot_1pe41_gg_.__color_1pe41_gg_ {\n  background: var(--color_1pe41);\n}\n"
+".___STooltip_rfk5a_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_rfk5a_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_rfk5a_gg_{display:flex;align-items:center}.___SDot_rfk5a_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_rfk5a_gg_.__color_rfk5a_gg_{background:var(--color_rfk5a)}"
 /*__inner_css_end__*/
-, "1pe41_gg_")
+, "rfk5a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_1pe41_gg_",
-  "__STitle": "___STitle_1pe41_gg_",
-  "__SDotGroup": "___SDotGroup_1pe41_gg_",
-  "__SDot": "___SDot_1pe41_gg_",
-  "_color": "__color_1pe41_gg_",
-  "--color": "--color_1pe41"
+  "__STooltip": "___STooltip_rfk5a_gg_",
+  "__STitle": "___STitle_rfk5a_gg_",
+  "__SDotGroup": "___SDotGroup_rfk5a_gg_",
+  "__SDot": "___SDot_rfk5a_gg_",
+  "_color": "__color_rfk5a_gg_",
+  "--color": "--color_rfk5a"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Venn.js

@@ -48,16 +48,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_cu40g_gg_ {\n  fill: #59ddaa;\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0.5;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_cu40g);\n  transition-timing-function: ease-in-out\n}\n\n.___SCircle_cu40g_gg_:hover {\n    fill-opacity: 0.7;\n  }\n\n.___SCircle_cu40g_gg_.__color_cu40g_gg_ {\n  fill: var(--color_cu40g);\n}\n\n.___SIntersection_cu40g_gg_ {\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0\n}\n\n.___SIntersection_cu40g_gg_:hover {\n    fill-opacity: 0.1;\n  }\n"
+".___SCircle_y54uo_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_y54uo);transition-timing-function:ease-in-out}.___SCircle_y54uo_gg_:hover{fill-opacity:.7}.___SCircle_y54uo_gg_.__color_y54uo_gg_{fill:var(--color_y54uo)}.___SIntersection_y54uo_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_y54uo_gg_:hover{fill-opacity:.1}"
 /*__inner_css_end__*/
-, "cu40g_gg_")
+, "y54uo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_cu40g_gg_",
-  "--duration": "--duration_cu40g",
-  "_color": "__color_cu40g_gg_",
-  "--color": "--color_cu40g",
-  "__SIntersection": "___SIntersection_cu40g_gg_"
+  "__SCircle": "___SCircle_y54uo_gg_",
+  "--duration": "--duration_y54uo",
+  "_color": "__color_y54uo_gg_",
+  "--color": "--color_y54uo",
+  "__SIntersection": "___SIntersection_y54uo_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/a11y/PlotA11yModule.js

@@ -40,12 +40,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yModule_1wl2v_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n}\n\n.___SPlotA11yModule_1wl2v_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n}\n"
+".___SPlotA11yModule_sviuq_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_sviuq_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "1wl2v_gg_")
+, "sviuq_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_1wl2v_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_sviuq_gg_"
 });
 var globalWasFocused = false;
 var globalNavWithKeyboard = false;

package/lib/cjs/a11y/PlotA11yView.js

@@ -44,13 +44,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yView_1okjv_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n  background-color: white;\n  color: black;\n  border: 3px solid black;\n  font-size: 10px;\n  padding: 2px;\n  width: 200px;\n  height: 200px;\n  max-width: 80%;\n  max-height: 80%;\n  overflow: auto;\n}\n\n.___SPlotA11yView_1okjv_gg_.__focus-within_1okjv_gg_,\n.___SPlotA11yView_1okjv_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_1okjv_gg_:focus-within,\n.___SPlotA11yView_1okjv_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_1okjv_gg_ a {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.___SPlotA11yView_1okjv_gg_ table,\n.___SPlotA11yView_1okjv_gg_ td,\n.___SPlotA11yView_1okjv_gg_ th {\n  border: 1px solid black;\n}\n"
+".___SPlotA11yView_p7ja3_gg_{-webkit-user-select:none;-moz-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_p7ja3_gg_:focus,.___SPlotA11yView_p7ja3_gg_.__focus-within_p7ja3_gg_{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_p7ja3_gg_:focus,.___SPlotA11yView_p7ja3_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_p7ja3_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_p7ja3_gg_ table,.___SPlotA11yView_p7ja3_gg_ td,.___SPlotA11yView_p7ja3_gg_ th{border:1px solid #000}"
 /*__inner_css_end__*/
-, "1okjv_gg_")
+, "p7ja3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_1okjv_gg_",
-  "_focus-within": "__focus-within_1okjv_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_p7ja3_gg_",
+  "_focus-within": "__focus-within_p7ja3_gg_"
 });
 
 var PlotA11yView = function PlotA11yView(_ref3) {

package/lib/es6/Area.js

@@ -26,18 +26,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_oo67a_gg_ {\n  fill: #2bb3ff;\n  fill-opacity: 0.2;\n}\n\n.___SArea_oo67a_gg_.__color_oo67a_gg_ {\n  fill: var(--color_oo67a);\n}\n\n.___SAreaLine_oo67a_gg_ {\n  stroke: #2bb3ff;\n  stroke-width: 3;\n  fill: transparent;\n}\n\n.___SAreaLine_oo67a_gg_.__color_oo67a_gg_ {\n  stroke: var(--color_oo67a);\n}\n\n.___SArea_oo67a_gg_,\n.___SAreaLine_oo67a_gg_ {\n  transition-property: d;\n  transition-duration: var(--duration_oo67a);\n  transition-timing-function: ease-in-out;\n}\n\n.___SNull_oo67a_gg_ {\n  fill: transparent;\n  stroke: #8a8e9b;\n  stroke-dasharray: 4;\n}\n\n.___SNull_oo67a_gg_.__hide_oo67a_gg_ {\n  display: none;\n}\n"
+".___SArea_5d4tg_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_5d4tg_gg_.__color_5d4tg_gg_{fill:var(--color_5d4tg)}.___SAreaLine_5d4tg_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_5d4tg_gg_.__color_5d4tg_gg_{stroke:var(--color_5d4tg)}.___SArea_5d4tg_gg_,.___SAreaLine_5d4tg_gg_{transition-property:d;transition-duration:var(--duration_5d4tg);transition-timing-function:ease-in-out}.___SNull_5d4tg_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_5d4tg_gg_.__hide_5d4tg_gg_{display:none}"
 /*__inner_css_end__*/
-, "oo67a_gg_")
+, "5d4tg_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_oo67a_gg_",
-  "_color": "__color_oo67a_gg_",
-  "--color": "--color_oo67a",
-  "__SAreaLine": "___SAreaLine_oo67a_gg_",
-  "--duration": "--duration_oo67a",
-  "__SNull": "___SNull_oo67a_gg_",
-  "_hide": "__hide_oo67a_gg_"
+  "__SArea": "___SArea_5d4tg_gg_",
+  "_color": "__color_5d4tg_gg_",
+  "--color": "--color_5d4tg",
+  "__SAreaLine": "___SAreaLine_5d4tg_gg_",
+  "--duration": "--duration_5d4tg",
+  "__SNull": "___SNull_5d4tg_gg_",
+  "_hide": "__hide_5d4tg_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Axis.js

@@ -27,23 +27,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SAxis_e59iq_gg_ {\n  stroke: #c4c7cf;\n}\n\n.___SAxis_e59iq_gg_.__hide_e59iq_gg_ {\n  display: none;\n}\n\n.___STick_e59iq_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n}\n\n.___STick_e59iq_gg_.__hide_e59iq_gg_ {\n  display: none;\n}\n\n.___SGrid_e59iq_gg_ {\n  fill: transparent;\n  stroke: #e0e1e9;\n}\n\n.___STitle_e59iq_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n  transform-origin: var(--transform-origin_e59iq);\n}\n\n.___STitle_e59iq_gg_._position_top_e59iq_gg_ {\n  text-anchor: middle;\n}\n\n.___STitle_e59iq_gg_._position_bottom_e59iq_gg_ {\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STitle_e59iq_gg_._position_right_e59iq_gg_ {\n  transform: rotate(-90deg);\n  alignment-baseline: middle;\n  text-anchor: middle;\n}\n\n.___STitle_e59iq_gg_._position_left_e59iq_gg_ {\n  transform: rotate(-90deg);\n  text-anchor: middle;\n  alignment-baseline: middle;\n}\n\n.___STick_e59iq_gg_._position_top_e59iq_gg_ {\n  transform: translateY(-12px);\n  text-anchor: middle;\n}\n\n.___STick_e59iq_gg_._position_bottom_e59iq_gg_ {\n  transform: translateY(12px);\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STick_e59iq_gg_._position_right_e59iq_gg_ {\n  transform: translateX(16px);\n  text-anchor: start;\n  alignment-baseline: middle;\n}\n\n.___STick_e59iq_gg_._position_left_e59iq_gg_ {\n  transform: translateX(-16px);\n  text-anchor: end;\n  alignment-baseline: middle;\n}\n\n.___STick_e59iq_gg_._position_custom_0_e59iq_gg_ {\n  transform: translateY(12px);\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STick_e59iq_gg_._position_custom_1_e59iq_gg_ {\n  transform: translateX(-16px);\n  text-anchor: end;\n  alignment-baseline: middle;\n}\n"
+".___SAxis_130py_gg_{stroke:#c4c7cf}.___SAxis_130py_gg_.__hide_130py_gg_{display:none}.___STick_130py_gg_{font-size:12px;fill:#6c6e79}.___STick_130py_gg_.__hide_130py_gg_{display:none}.___SGrid_130py_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_130py_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_130py)}.___STitle_130py_gg_._position_top_130py_gg_{text-anchor:middle}.___STitle_130py_gg_._position_bottom_130py_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_130py_gg_._position_right_130py_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_130py_gg_._position_left_130py_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_130py_gg_._position_top_130py_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_130py_gg_._position_bottom_130py_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_130py_gg_._position_right_130py_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_130py_gg_._position_left_130py_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_130py_gg_._position_custom_0_130py_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_130py_gg_._position_custom_1_130py_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "e59iq_gg_")
+, "130py_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_e59iq_gg_",
-  "_hide": "__hide_e59iq_gg_",
-  "__STick": "___STick_e59iq_gg_",
-  "__SGrid": "___SGrid_e59iq_gg_",
-  "__STitle": "___STitle_e59iq_gg_",
-  "--transform-origin": "--transform-origin_e59iq",
-  "_position_top": "_position_top_e59iq_gg_",
-  "_position_bottom": "_position_bottom_e59iq_gg_",
-  "_position_right": "_position_right_e59iq_gg_",
-  "_position_left": "_position_left_e59iq_gg_",
-  "_position_custom_0": "_position_custom_0_e59iq_gg_",
-  "_position_custom_1": "_position_custom_1_e59iq_gg_"
+  "__SAxis": "___SAxis_130py_gg_",
+  "_hide": "__hide_130py_gg_",
+  "__STick": "___STick_130py_gg_",
+  "__SGrid": "___SGrid_130py_gg_",
+  "__STitle": "___STitle_130py_gg_",
+  "--transform-origin": "--transform-origin_130py",
+  "_position_top": "_position_top_130py_gg_",
+  "_position_bottom": "_position_bottom_130py_gg_",
+  "_position_right": "_position_right_130py_gg_",
+  "_position_left": "_position_left_130py_gg_",
+  "_position_custom_0": "_position_custom_0_130py_gg_",
+  "_position_custom_1": "_position_custom_1_130py_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -24,17 +24,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SBar_z81l7_gg_ {\n  fill: #2bb3ff;\n  transition-property: height, width, y;\n  transition-duration: var(--duration_z81l7);\n  transition-timing-function: ease-in-out;\n}\n\n.___SBar_z81l7_gg_.__color_z81l7_gg_ {\n  fill: var(--color_z81l7);\n}\n\n.___SBar_z81l7_gg_.__hide_z81l7_gg_ {\n  display: none;\n}\n\n.___SBackground_z81l7_gg_ {\n  fill: #c4c7cf;\n}\n"
+".___SBar_10ufx_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_10ufx);transition-timing-function:ease-in-out}.___SBar_10ufx_gg_.__color_10ufx_gg_{fill:var(--color_10ufx)}.___SBar_10ufx_gg_.__hide_10ufx_gg_{display:none}.___SBackground_10ufx_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "z81l7_gg_")
+, "10ufx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_z81l7_gg_",
-  "--duration": "--duration_z81l7",
-  "_color": "__color_z81l7_gg_",
-  "--color": "--color_z81l7",
-  "_hide": "__hide_z81l7_gg_",
-  "__SBackground": "___SBackground_z81l7_gg_"
+  "__SBar": "___SBar_10ufx_gg_",
+  "--duration": "--duration_10ufx",
+  "_color": "__color_10ufx_gg_",
+  "--color": "--color_10ufx",
+  "_hide": "__hide_10ufx_gg_",
+  "__SBackground": "___SBackground_10ufx_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Bubble.js

@@ -32,19 +32,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SBubble_133hi_gg_ {\n  fill: #2bb3ff;\n  stroke: #fff;\n  stroke-width: 2px;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_133hi);\n  transition-timing-function: ease-in-out;\n  opacity: 0.5\n}\n\n.___SBubble_133hi_gg_:hover {\n    opacity: 0.8;\n  }\n\n.___SBubble_133hi_gg_.__color_133hi_gg_ {\n  fill: var(--color_133hi);\n}\n\n.___SCenter_133hi_gg_ {\n  text-anchor: middle;\n  font-size: 11px;\n  stroke: #2bb3ff;\n}\n\n.___SCenter_133hi_gg_.__color_133hi_gg_ {\n  stroke: var(--color_133hi);\n}\n\n.___SLabel_133hi_gg_ {\n  fill: #2bb3ff;\n}\n\n.___SLabel_133hi_gg_._position_right_133hi_gg_ {\n  text-anchor: end;\n}\n\n.___SLabel_133hi_gg_._position_left_133hi_gg_ {\n  text-anchor: start;\n}\n\n.___SLabel_133hi_gg_.__color_133hi_gg_ {\n  fill: var(--color_133hi);\n}\n"
+".___SBubble_u3846_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_u3846);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_u3846_gg_:hover{opacity:.8}.___SBubble_u3846_gg_.__color_u3846_gg_{fill:var(--color_u3846)}.___SCenter_u3846_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_u3846_gg_.__color_u3846_gg_{stroke:var(--color_u3846)}.___SLabel_u3846_gg_{fill:#2bb3ff}.___SLabel_u3846_gg_._position_right_u3846_gg_{text-anchor:end}.___SLabel_u3846_gg_._position_left_u3846_gg_{text-anchor:start}.___SLabel_u3846_gg_.__color_u3846_gg_{fill:var(--color_u3846)}"
 /*__inner_css_end__*/
-, "133hi_gg_")
+, "u3846_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_133hi_gg_",
-  "--duration": "--duration_133hi",
-  "_color": "__color_133hi_gg_",
-  "--color": "--color_133hi",
-  "__SCenter": "___SCenter_133hi_gg_",
-  "__SLabel": "___SLabel_133hi_gg_",
-  "_position_right": "_position_right_133hi_gg_",
-  "_position_left": "_position_left_133hi_gg_"
+  "__SBubble": "___SBubble_u3846_gg_",
+  "--duration": "--duration_u3846",
+  "_color": "__color_u3846_gg_",
+  "--color": "--color_u3846",
+  "__SCenter": "___SCenter_u3846_gg_",
+  "__SLabel": "___SLabel_u3846_gg_",
+  "_position_right": "_position_right_u3846_gg_",
+  "_position_left": "_position_left_u3846_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Donut.js

@@ -34,16 +34,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPie_wtta4_gg_ {\n  stroke: #ffffff;\n  fill: #2bb3ff;\n}\n\n.___SPie_wtta4_gg_.__color_wtta4_gg_ {\n  fill: var(--color_wtta4);\n}\n\n.___SEmptyData_wtta4_gg_ {\n  fill: #e0e1e9;\n}\n\n.___SEmptyData_wtta4_gg_.__color_wtta4_gg_ {\n  fill: var(--color_wtta4);\n}\n\n.___SLabel_wtta4_gg_ {\n  text-anchor: middle;\n  vertical-anchor: middle;\n}\n"
+".___SPie_141mu_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_141mu_gg_.__color_141mu_gg_{fill:var(--color_141mu)}.___SEmptyData_141mu_gg_{fill:#e0e1e9}.___SEmptyData_141mu_gg_.__color_141mu_gg_{fill:var(--color_141mu)}.___SLabel_141mu_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "wtta4_gg_")
+, "141mu_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_wtta4_gg_",
-  "_color": "__color_wtta4_gg_",
-  "--color": "--color_wtta4",
-  "__SEmptyData": "___SEmptyData_wtta4_gg_",
-  "__SLabel": "___SLabel_wtta4_gg_"
+  "__SPie": "___SPie_141mu_gg_",
+  "_color": "__color_141mu_gg_",
+  "--color": "--color_141mu",
+  "__SEmptyData": "___SEmptyData_141mu_gg_",
+  "__SLabel": "___SLabel_141mu_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 
@@ -391,12 +391,12 @@ _defineProperty(DonutRoot, "defaultProps", function (_ref18) {
     size: size,
     halfsize: halfsize,
     outerRadius: outerRadius
-  })).innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);
+  })).innerRadius(innerRadius);
   var d3ArcOut = arc().outerRadius(getOuterRadius({
     size: size,
     halfsize: halfsize,
     outerRadius: outerRadius
-  }) + increaseFactor).innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);
+  }) + increaseFactor).innerRadius(innerRadius);
   var d3Pie = pie().sort(null).value(function (_ref19) {
     var _ref20 = _slicedToArray(_ref19, 2),
         value = _ref20[1];