@semcore/d3-chart 2.3.6 → 2.3.8

package/lib/cjs/Venn.js

@@ -48,16 +48,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1nepu_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1nepu);transition-timing-function:ease-in-out}.___SCircle_1nepu_gg_:hover{fill-opacity:.7}.___SCircle_1nepu_gg_.__color_1nepu_gg_{fill:var(--color_1nepu)}.___SIntersection_1nepu_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1nepu_gg_:hover{fill-opacity:.1}"
+".___SCircle_9uvxi_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_9uvxi);\n  transition-timing-function: ease-in-out\n}\n\n.___SCircle_9uvxi_gg_:hover {\n    fill-opacity: 0.7;\n  }\n\n.___SCircle_9uvxi_gg_.__color_9uvxi_gg_ {\n  fill: var(--color_9uvxi);\n}\n\n.___SIntersection_9uvxi_gg_ {\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0\n}\n\n.___SIntersection_9uvxi_gg_:hover {\n    fill-opacity: 0.1;\n  }\n"
 /*__inner_css_end__*/
-, "1nepu_gg_")
+, "9uvxi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1nepu_gg_",
-  "--duration": "--duration_1nepu",
-  "_color": "__color_1nepu_gg_",
-  "--color": "--color_1nepu",
-  "__SIntersection": "___SIntersection_1nepu_gg_"
+  "__SCircle": "___SCircle_9uvxi_gg_",
+  "--duration": "--duration_9uvxi",
+  "_color": "__color_9uvxi_gg_",
+  "--color": "--color_9uvxi",
+  "__SIntersection": "___SIntersection_9uvxi_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__*/
-".___SPlotA11yModule_2r8eq_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_2r8eq_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+":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_1e69g_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_1e69g_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"
 /*__inner_css_end__*/
-, "2r8eq_gg_")
+, "1e69g_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_2r8eq_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1e69g_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__*/
-".___SPlotA11yView_1jeti_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_1jeti_gg_:focus,.___SPlotA11yView_1jeti_gg_.__focus-within_1jeti_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_1jeti_gg_:focus,.___SPlotA11yView_1jeti_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_1jeti_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_1jeti_gg_ table,.___SPlotA11yView_1jeti_gg_ td,.___SPlotA11yView_1jeti_gg_ th{border:1px solid #000}"
+":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_s1lu5_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_s1lu5_gg_.__focus-within_s1lu5_gg_,\n.___SPlotA11yView_s1lu5_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_s1lu5_gg_:focus-within,\n.___SPlotA11yView_s1lu5_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_s1lu5_gg_ a {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.___SPlotA11yView_s1lu5_gg_ table,\n.___SPlotA11yView_s1lu5_gg_ td,\n.___SPlotA11yView_s1lu5_gg_ th {\n  border: 1px solid black;\n}\n"
 /*__inner_css_end__*/
-, "1jeti_gg_")
+, "s1lu5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_1jeti_gg_",
-  "_focus-within": "__focus-within_1jeti_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_s1lu5_gg_",
+  "_focus-within": "__focus-within_s1lu5_gg_"
 });
 
 var PlotA11yView = function PlotA11yView(_ref3) {

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

@@ -10,6 +10,10 @@ SPlot:focus {
   text-decoration: none;
 }
 
+foreignObject[data-aria-only] {
+  pointer-events: none;
+}
+
 SPlot[keyboardFocused] {
   border: 1px solid var(--blue-400);
   box-shadow: var(--keyboard-focus);

package/lib/es6/Area.js

@@ -26,18 +26,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_1o1u1_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1o1u1_gg_.__color_1o1u1_gg_{fill:var(--color_1o1u1)}.___SAreaLine_1o1u1_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1o1u1_gg_.__color_1o1u1_gg_{stroke:var(--color_1o1u1)}.___SArea_1o1u1_gg_,.___SAreaLine_1o1u1_gg_{transition-property:d;transition-duration:var(--duration_1o1u1);transition-timing-function:ease-in-out}.___SNull_1o1u1_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1o1u1_gg_.__hide_1o1u1_gg_{display:none}"
+".___SArea_1v2kf_gg_ {\n  fill: #2bb3ff;\n  fill-opacity: 0.2;\n}\n\n.___SArea_1v2kf_gg_.__color_1v2kf_gg_ {\n  fill: var(--color_1v2kf);\n}\n\n.___SAreaLine_1v2kf_gg_ {\n  stroke: #2bb3ff;\n  stroke-width: 3;\n  fill: transparent;\n}\n\n.___SAreaLine_1v2kf_gg_.__color_1v2kf_gg_ {\n  stroke: var(--color_1v2kf);\n}\n\n.___SArea_1v2kf_gg_,\n.___SAreaLine_1v2kf_gg_ {\n  transition-property: d;\n  transition-duration: var(--duration_1v2kf);\n  transition-timing-function: ease-in-out;\n}\n\n.___SNull_1v2kf_gg_ {\n  fill: transparent;\n  stroke: #8a8e9b;\n  stroke-dasharray: 4;\n}\n\n.___SNull_1v2kf_gg_.__hide_1v2kf_gg_ {\n  display: none;\n}\n"
 /*__inner_css_end__*/
-, "1o1u1_gg_")
+, "1v2kf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1o1u1_gg_",
-  "_color": "__color_1o1u1_gg_",
-  "--color": "--color_1o1u1",
-  "__SAreaLine": "___SAreaLine_1o1u1_gg_",
-  "--duration": "--duration_1o1u1",
-  "__SNull": "___SNull_1o1u1_gg_",
-  "_hide": "__hide_1o1u1_gg_"
+  "__SArea": "___SArea_1v2kf_gg_",
+  "_color": "__color_1v2kf_gg_",
+  "--color": "--color_1v2kf",
+  "__SAreaLine": "___SAreaLine_1v2kf_gg_",
+  "--duration": "--duration_1v2kf",
+  "__SNull": "___SNull_1v2kf_gg_",
+  "_hide": "__hide_1v2kf_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__*/
-".___SAxis_a9c6j_gg_{stroke:#c4c7cf}.___SAxis_a9c6j_gg_.__hide_a9c6j_gg_{display:none}.___STick_a9c6j_gg_{font-size:12px;fill:#6c6e79}.___STick_a9c6j_gg_.__hide_a9c6j_gg_{display:none}.___SGrid_a9c6j_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_a9c6j_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_a9c6j)}.___STitle_a9c6j_gg_._position_top_a9c6j_gg_{text-anchor:middle}.___STitle_a9c6j_gg_._position_bottom_a9c6j_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_a9c6j_gg_._position_right_a9c6j_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_a9c6j_gg_._position_left_a9c6j_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_a9c6j_gg_._position_top_a9c6j_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_a9c6j_gg_._position_bottom_a9c6j_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_a9c6j_gg_._position_right_a9c6j_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_a9c6j_gg_._position_left_a9c6j_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_a9c6j_gg_._position_custom_0_a9c6j_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_a9c6j_gg_._position_custom_1_a9c6j_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+":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_17gjn_gg_ {\n  stroke: #c4c7cf;\n}\n\n.___SAxis_17gjn_gg_.__hide_17gjn_gg_ {\n  display: none;\n}\n\n.___STick_17gjn_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n}\n\n.___STick_17gjn_gg_.__hide_17gjn_gg_ {\n  display: none;\n}\n\n.___SGrid_17gjn_gg_ {\n  fill: transparent;\n  stroke: #e0e1e9;\n}\n\n.___STitle_17gjn_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n  transform-origin: var(--transform-origin_17gjn);\n}\n\n.___STitle_17gjn_gg_._position_top_17gjn_gg_ {\n  text-anchor: middle;\n}\n\n.___STitle_17gjn_gg_._position_bottom_17gjn_gg_ {\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STitle_17gjn_gg_._position_right_17gjn_gg_ {\n  transform: rotate(-90deg);\n  alignment-baseline: middle;\n  text-anchor: middle;\n}\n\n.___STitle_17gjn_gg_._position_left_17gjn_gg_ {\n  transform: rotate(-90deg);\n  text-anchor: middle;\n  alignment-baseline: middle;\n}\n\n.___STick_17gjn_gg_._position_top_17gjn_gg_ {\n  transform: translateY(-12px);\n  text-anchor: middle;\n}\n\n.___STick_17gjn_gg_._position_bottom_17gjn_gg_ {\n  transform: translateY(12px);\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STick_17gjn_gg_._position_right_17gjn_gg_ {\n  transform: translateX(16px);\n  text-anchor: start;\n  alignment-baseline: middle;\n}\n\n.___STick_17gjn_gg_._position_left_17gjn_gg_ {\n  transform: translateX(-16px);\n  text-anchor: end;\n  alignment-baseline: middle;\n}\n\n.___STick_17gjn_gg_._position_custom_0_17gjn_gg_ {\n  transform: translateY(12px);\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STick_17gjn_gg_._position_custom_1_17gjn_gg_ {\n  transform: translateX(-16px);\n  text-anchor: end;\n  alignment-baseline: middle;\n}\n"
 /*__inner_css_end__*/
-, "a9c6j_gg_")
+, "17gjn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_a9c6j_gg_",
-  "_hide": "__hide_a9c6j_gg_",
-  "__STick": "___STick_a9c6j_gg_",
-  "__SGrid": "___SGrid_a9c6j_gg_",
-  "__STitle": "___STitle_a9c6j_gg_",
-  "--transform-origin": "--transform-origin_a9c6j",
-  "_position_top": "_position_top_a9c6j_gg_",
-  "_position_bottom": "_position_bottom_a9c6j_gg_",
-  "_position_right": "_position_right_a9c6j_gg_",
-  "_position_left": "_position_left_a9c6j_gg_",
-  "_position_custom_0": "_position_custom_0_a9c6j_gg_",
-  "_position_custom_1": "_position_custom_1_a9c6j_gg_"
+  "__SAxis": "___SAxis_17gjn_gg_",
+  "_hide": "__hide_17gjn_gg_",
+  "__STick": "___STick_17gjn_gg_",
+  "__SGrid": "___SGrid_17gjn_gg_",
+  "__STitle": "___STitle_17gjn_gg_",
+  "--transform-origin": "--transform-origin_17gjn",
+  "_position_top": "_position_top_17gjn_gg_",
+  "_position_bottom": "_position_bottom_17gjn_gg_",
+  "_position_right": "_position_right_17gjn_gg_",
+  "_position_left": "_position_left_17gjn_gg_",
+  "_position_custom_0": "_position_custom_0_17gjn_gg_",
+  "_position_custom_1": "_position_custom_1_17gjn_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__*/
-".___SBar_khsp0_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_khsp0);transition-timing-function:ease-in-out}.___SBar_khsp0_gg_.__color_khsp0_gg_{fill:var(--color_khsp0)}.___SBar_khsp0_gg_.__hide_khsp0_gg_{display:none}.___SBackground_khsp0_gg_{fill:#c4c7cf}"
+":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_1t6xx_gg_ {\n  fill: #2bb3ff;\n  transition-property: height, width, y;\n  transition-duration: var(--duration_1t6xx);\n  transition-timing-function: ease-in-out;\n}\n\n.___SBar_1t6xx_gg_.__color_1t6xx_gg_ {\n  fill: var(--color_1t6xx);\n}\n\n.___SBar_1t6xx_gg_.__hide_1t6xx_gg_ {\n  display: none;\n}\n\n.___SBackground_1t6xx_gg_ {\n  fill: #c4c7cf;\n}\n"
 /*__inner_css_end__*/
-, "khsp0_gg_")
+, "1t6xx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_khsp0_gg_",
-  "--duration": "--duration_khsp0",
-  "_color": "__color_khsp0_gg_",
-  "--color": "--color_khsp0",
-  "_hide": "__hide_khsp0_gg_",
-  "__SBackground": "___SBackground_khsp0_gg_"
+  "__SBar": "___SBar_1t6xx_gg_",
+  "--duration": "--duration_1t6xx",
+  "_color": "__color_1t6xx_gg_",
+  "--color": "--color_1t6xx",
+  "_hide": "__hide_1t6xx_gg_",
+  "__SBackground": "___SBackground_1t6xx_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__*/
-".___SBubble_9b78r_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_9b78r);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_9b78r_gg_:hover{opacity:.8}.___SBubble_9b78r_gg_.__color_9b78r_gg_{fill:var(--color_9b78r)}.___SCenter_9b78r_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_9b78r_gg_.__color_9b78r_gg_{stroke:var(--color_9b78r)}.___SLabel_9b78r_gg_{fill:#2bb3ff}.___SLabel_9b78r_gg_._position_right_9b78r_gg_{text-anchor:end}.___SLabel_9b78r_gg_._position_left_9b78r_gg_{text-anchor:start}.___SLabel_9b78r_gg_.__color_9b78r_gg_{fill:var(--color_9b78r)}"
+":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_fjoe1_gg_ {\n  fill: #2bb3ff;\n  stroke: #fff;\n  stroke-width: 2px;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_fjoe1);\n  transition-timing-function: ease-in-out;\n  opacity: 0.5\n}\n\n.___SBubble_fjoe1_gg_:hover {\n    opacity: 0.8;\n  }\n\n.___SBubble_fjoe1_gg_.__color_fjoe1_gg_ {\n  fill: var(--color_fjoe1);\n}\n\n.___SCenter_fjoe1_gg_ {\n  text-anchor: middle;\n  font-size: 11px;\n  stroke: #2bb3ff;\n}\n\n.___SCenter_fjoe1_gg_.__color_fjoe1_gg_ {\n  stroke: var(--color_fjoe1);\n}\n\n.___SLabel_fjoe1_gg_ {\n  fill: #2bb3ff;\n}\n\n.___SLabel_fjoe1_gg_._position_right_fjoe1_gg_ {\n  text-anchor: end;\n}\n\n.___SLabel_fjoe1_gg_._position_left_fjoe1_gg_ {\n  text-anchor: start;\n}\n\n.___SLabel_fjoe1_gg_.__color_fjoe1_gg_ {\n  fill: var(--color_fjoe1);\n}\n"
 /*__inner_css_end__*/
-, "9b78r_gg_")
+, "fjoe1_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_9b78r_gg_",
-  "--duration": "--duration_9b78r",
-  "_color": "__color_9b78r_gg_",
-  "--color": "--color_9b78r",
-  "__SCenter": "___SCenter_9b78r_gg_",
-  "__SLabel": "___SLabel_9b78r_gg_",
-  "_position_right": "_position_right_9b78r_gg_",
-  "_position_left": "_position_left_9b78r_gg_"
+  "__SBubble": "___SBubble_fjoe1_gg_",
+  "--duration": "--duration_fjoe1",
+  "_color": "__color_fjoe1_gg_",
+  "--color": "--color_fjoe1",
+  "__SCenter": "___SCenter_fjoe1_gg_",
+  "__SLabel": "___SLabel_fjoe1_gg_",
+  "_position_right": "_position_right_fjoe1_gg_",
+  "_position_left": "_position_left_fjoe1_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__*/
-".___SPie_1pnw6_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_1pnw6_gg_.__color_1pnw6_gg_{fill:var(--color_1pnw6)}.___SEmptyData_1pnw6_gg_{fill:#e0e1e9}.___SEmptyData_1pnw6_gg_.__color_1pnw6_gg_{fill:var(--color_1pnw6)}.___SLabel_1pnw6_gg_{text-anchor:middle;vertical-anchor:middle}"
+":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_1yi5r_gg_ {\n  stroke: #ffffff;\n  fill: #2bb3ff;\n}\n\n.___SPie_1yi5r_gg_.__color_1yi5r_gg_ {\n  fill: var(--color_1yi5r);\n}\n\n.___SEmptyData_1yi5r_gg_ {\n  fill: #e0e1e9;\n}\n\n.___SEmptyData_1yi5r_gg_.__color_1yi5r_gg_ {\n  fill: var(--color_1yi5r);\n}\n\n.___SLabel_1yi5r_gg_ {\n  text-anchor: middle;\n  vertical-anchor: middle;\n}\n"
 /*__inner_css_end__*/
-, "1pnw6_gg_")
+, "1yi5r_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1pnw6_gg_",
-  "_color": "__color_1pnw6_gg_",
-  "--color": "--color_1pnw6",
-  "__SEmptyData": "___SEmptyData_1pnw6_gg_",
-  "__SLabel": "___SLabel_1pnw6_gg_"
+  "__SPie": "___SPie_1yi5r_gg_",
+  "_color": "__color_1yi5r_gg_",
+  "--color": "--color_1yi5r",
+  "__SEmptyData": "___SEmptyData_1yi5r_gg_",
+  "__SLabel": "___SLabel_1yi5r_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/es6/Dots.js

@@ -12,18 +12,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_1rauw_gg_ .___SDot_1rauw_gg_{transition-duration:var(--duration_1rauw)}.___SDot_1rauw_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1rauw_gg_.__hide_1rauw_gg_{display:none}.___SDot_1rauw_gg_.__active_1rauw_gg_{r:8px}.___SDot_1rauw_gg_.__color_1rauw_gg_{fill:var(--color_1rauw)}"
+":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.___SDots_1fbwo_gg_ .___SDot_1fbwo_gg_ {\n    transition-duration: var(--duration_1fbwo);\n  }\n\n.___SDot_1fbwo_gg_ {\n  stroke-width: 2px;\n  stroke: #fff;\n  r: 6px;\n  fill: #2bb3ff;\n  transition-property: cx, cy;\n  transition-timing-function: ease-in-out;\n}\n\n.___SDot_1fbwo_gg_.__hide_1fbwo_gg_ {\n  display: none;\n}\n\n.___SDot_1fbwo_gg_.__active_1fbwo_gg_ {\n  r: 8px;\n}\n\n.___SDot_1fbwo_gg_.__color_1fbwo_gg_ {\n  fill: var(--color_1fbwo);\n}\n"
 /*__inner_css_end__*/
-, "1rauw_gg_")
+, "1fbwo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_1rauw_gg_",
-  "__SDot": "___SDot_1rauw_gg_",
-  "--duration": "--duration_1rauw",
-  "_hide": "__hide_1rauw_gg_",
-  "_active": "__active_1rauw_gg_",
-  "_color": "__color_1rauw_gg_",
-  "--color": "--color_1rauw"
+  "__SDots": "___SDots_1fbwo_gg_",
+  "__SDot": "___SDot_1fbwo_gg_",
+  "--duration": "--duration_1fbwo",
+  "_hide": "__hide_1fbwo_gg_",
+  "_active": "__active_1fbwo_gg_",
+  "_color": "__color_1fbwo_gg_",
+  "--color": "--color_1fbwo"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 

package/lib/es6/HorizontalBar.js

@@ -23,17 +23,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_khsp0_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_khsp0);transition-timing-function:ease-in-out}.___SBar_khsp0_gg_.__color_khsp0_gg_{fill:var(--color_khsp0)}.___SBar_khsp0_gg_.__hide_khsp0_gg_{display:none}.___SBackground_khsp0_gg_{fill:#c4c7cf}"
+":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_1t6xx_gg_ {\n  fill: #2bb3ff;\n  transition-property: height, width, y;\n  transition-duration: var(--duration_1t6xx);\n  transition-timing-function: ease-in-out;\n}\n\n.___SBar_1t6xx_gg_.__color_1t6xx_gg_ {\n  fill: var(--color_1t6xx);\n}\n\n.___SBar_1t6xx_gg_.__hide_1t6xx_gg_ {\n  display: none;\n}\n\n.___SBackground_1t6xx_gg_ {\n  fill: #c4c7cf;\n}\n"
 /*__inner_css_end__*/
-, "khsp0_gg_")
+, "1t6xx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_khsp0_gg_",
-  "--duration": "--duration_khsp0",
-  "_color": "__color_khsp0_gg_",
-  "--color": "--color_khsp0",
-  "_hide": "__hide_khsp0_gg_",
-  "__SBackground": "___SBackground_khsp0_gg_"
+  "__SBar": "___SBar_1t6xx_gg_",
+  "--duration": "--duration_1t6xx",
+  "_color": "__color_1t6xx_gg_",
+  "--color": "--color_1t6xx",
+  "_hide": "__hide_1t6xx_gg_",
+  "__SBackground": "___SBackground_1t6xx_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Hover.js

@@ -24,13 +24,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_38u7p_gg_{stroke:#a9abb6}.___SHoverRect_38u7p_gg_{fill:rgba(196,199,207,.3)}"
+":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.___SHoverLine_5645a_gg_ {\n  stroke: #a9abb6;\n}\n\n.___SHoverRect_5645a_gg_ {\n  fill: rgba(196, 199, 207, 0.3);\n}\n"
 /*__inner_css_end__*/
-, "38u7p_gg_")
+, "5645a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_38u7p_gg_",
-  "__SHoverRect": "___SHoverRect_38u7p_gg_"
+  "__SHoverLine": "___SHoverLine_5645a_gg_",
+  "__SHoverRect": "___SHoverRect_5645a_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/es6/Line.js

@@ -25,17 +25,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_lyd4o_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_lyd4o);transition-timing-function:ease-in-out}.___SLine_lyd4o_gg_.__color_lyd4o_gg_{stroke:var(--color_lyd4o)}.___SLine_lyd4o_gg_.__hide_lyd4o_gg_{display:none}.___SNull_lyd4o_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_lyd4o_gg_.__hide_lyd4o_gg_{display:none}"
+":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.___SLine_qlrdp_gg_ {\n  fill: transparent;\n  stroke-width: 3;\n  stroke: #2bb3ff;\n  transition-property: d;\n  transition-duration: var(--duration_qlrdp);\n  transition-timing-function: ease-in-out;\n}\n\n.___SLine_qlrdp_gg_.__color_qlrdp_gg_ {\n  stroke: var(--color_qlrdp);\n}\n\n.___SLine_qlrdp_gg_.__hide_qlrdp_gg_ {\n  display: none;\n}\n\n.___SNull_qlrdp_gg_ {\n  fill: transparent;\n  stroke: #c4c7cf;\n  stroke-dasharray: 4;\n}\n\n.___SNull_qlrdp_gg_.__hide_qlrdp_gg_ {\n  display: none;\n}\n"
 /*__inner_css_end__*/
-, "lyd4o_gg_")
+, "qlrdp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_lyd4o_gg_",
-  "--duration": "--duration_lyd4o",
-  "_color": "__color_lyd4o_gg_",
-  "--color": "--color_lyd4o",
-  "_hide": "__hide_lyd4o_gg_",
-  "__SNull": "___SNull_lyd4o_gg_"
+  "__SLine": "___SLine_qlrdp_gg_",
+  "--duration": "--duration_qlrdp",
+  "_color": "__color_qlrdp_gg_",
+  "--color": "--color_qlrdp",
+  "_hide": "__hide_qlrdp_gg_",
+  "__SNull": "___SNull_qlrdp_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Plot.js

@@ -31,13 +31,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_1uvvj_gg_{overflow:hidden}.___SPlot_1uvvj_gg_:active,.___SPlot_1uvvj_gg_:focus{outline:0;text-decoration:none}.___SPlot_1uvvj_gg_.__keyboardFocused_1uvvj_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
+":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.___SPlot_jiltr_gg_ {\n  overflow: hidden;\n}\n\n.___SPlot_jiltr_gg_:active,\n.___SPlot_jiltr_gg_:focus {\n  outline: 0;\n  text-decoration: none;\n}\n\nforeignObject[data-aria-only] {\n  pointer-events: none;\n}\n\n.___SPlot_jiltr_gg_.__keyboardFocused_jiltr_gg_ {\n  border: 1px solid #008ff8;\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n"
 /*__inner_css_end__*/
-, "1uvvj_gg_")
+, "jiltr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_1uvvj_gg_",
-  "_keyboardFocused": "__keyboardFocused_1uvvj_gg_"
+  "__SPlot": "___SPlot_jiltr_gg_",
+  "_keyboardFocused": "__keyboardFocused_jiltr_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {
@@ -157,7 +157,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         "tabIndex": 0
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/React.createElement("foreignObject", _ref2.cn("foreignObject", {
         "width": "100%",
-        "height": "100%"
+        "height": "100%",
+        "data-aria-only": true
       }), /*#__PURE__*/React.createElement(PlotA11yModule, _ref2.cn("PlotA11yModule", {
         "id": this.plotId,
         "data": data,

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","PlotRoot","props","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","styles","Children","a11yAltTextConfig","label","locale","handlerMouseMove","handlerMouseLeave","plotId","style"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <>\n        <SPlot\n          render={Box}\n          tag=\"svg\"\n          __excludeProps={['data', 'scale']}\n          ref={this.rootRef}\n          onMouseMove={this.handlerMouseMove}\n          onMouseLeave={this.handlerMouseLeave}\n          aria-label={label}\n          tabIndex={0}\n        >\n          <Children />\n          <foreignObject width=\"100%\" height=\"100%\">\n            <PlotA11yModule\n              id={this.plotId}\n              data={data}\n              plotLabel={label}\n              locale={locale}\n              plotRef={this.rootRef}\n              hints={this.dataStructureHints}\n              config={a11yAltTextConfig}\n            />\n          </foreignObject>\n        </SPlot>\n      </>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","PlotRoot","props","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","styles","Children","a11yAltTextConfig","label","locale","handlerMouseMove","handlerMouseLeave","plotId","style"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <>\n        <SPlot\n          render={Box}\n          tag=\"svg\"\n          __excludeProps={['data', 'scale']}\n          ref={this.rootRef}\n          onMouseMove={this.handlerMouseMove}\n          onMouseLeave={this.handlerMouseLeave}\n          aria-label={label}\n          tabIndex={0}\n        >\n          <Children />\n          <foreignObject width=\"100%\" height=\"100%\" data-aria-only>\n            <PlotA11yModule\n              id={this.plotId}\n              data={data}\n              plotLabel={label}\n              locale={locale}\n              plotRef={this.rootRef}\n              hints={this.dataStructureHints}\n              config={a11yAltTextConfig}\n            />\n          </foreignObject>\n        </SPlot>\n      </>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}

package/lib/es6/RadialTree.js

@@ -34,20 +34,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_asdl6_gg_{cursor:pointer;fill:#008ff8}.___SLine_asdl6_gg_{stroke:#008ff8}.___SLine_asdl6_gg_.__color_asdl6_gg_{stroke:var(--color_asdl6)}.___SCap_asdl6_gg_{transition:r .1s}.___SLabel_asdl6_gg_{fill:var(--color_asdl6);cursor:var(--text-cursor_asdl6)}.___SRadian_asdl6_gg_:hover .___SLabel_asdl6_gg_{fill:var(--color-hovered_asdl6)}@media (prefers-reduced-motion){.___SLineCap_asdl6_gg_{transition:none}}"
+":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.___SRadian_1n9fk_gg_ {\n  cursor: pointer;\n  fill: #008ff8;\n}\n\n.___SLine_1n9fk_gg_ {\n  stroke: #008ff8;\n}\n\n.___SLine_1n9fk_gg_.__color_1n9fk_gg_ {\n  stroke: var(--color_1n9fk);\n}\n\n.___SCap_1n9fk_gg_ {\n  transition: r 0.1s;\n}\n\n.___SLabel_1n9fk_gg_ {\n  fill: var(--color_1n9fk);\n  cursor: var(--text-cursor_1n9fk);\n}\n\n.___SRadian_1n9fk_gg_:hover .___SLabel_1n9fk_gg_ {\n  fill: var(--color-hovered_1n9fk);\n}\n\n@media (prefers-reduced-motion) {\n  .___SLineCap_1n9fk_gg_ {\n    transition: none;\n  }\n}\n"
 /*__inner_css_end__*/
-, "asdl6_gg_")
+, "1n9fk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_asdl6_gg_",
-  "__SLine": "___SLine_asdl6_gg_",
-  "_color": "__color_asdl6_gg_",
-  "--color": "--color_asdl6",
-  "__SCap": "___SCap_asdl6_gg_",
-  "__SLabel": "___SLabel_asdl6_gg_",
-  "--text-cursor": "--text-cursor_asdl6",
-  "--color-hovered": "--color-hovered_asdl6",
-  "__SLineCap": "___SLineCap_asdl6_gg_"
+  "__SRadian": "___SRadian_1n9fk_gg_",
+  "__SLine": "___SLine_1n9fk_gg_",
+  "_color": "__color_1n9fk_gg_",
+  "--color": "--color_1n9fk",
+  "__SCap": "___SCap_1n9fk_gg_",
+  "__SLabel": "___SLabel_1n9fk_gg_",
+  "--text-cursor": "--text-cursor_1n9fk",
+  "--color-hovered": "--color-hovered_1n9fk",
+  "__SLineCap": "___SLineCap_1n9fk_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 

package/lib/es6/ReferenceLine.js

@@ -25,19 +25,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_mbde3_gg_{fill:none;stroke:#a9abb6}.___STitle_mbde3_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_mbde3)}.___STitle_mbde3_gg_._position_top_mbde3_gg_{text-anchor:middle}.___STitle_mbde3_gg_._position_bottom_mbde3_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_mbde3_gg_._position_right_mbde3_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_mbde3_gg_._position_left_mbde3_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_mbde3_gg_{fill:rgba(196,199,207,.2)}"
+":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_10uzx_gg_ {\n  fill: none;\n  stroke: #a9abb6;\n}\n\n.___STitle_10uzx_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n  transform-origin: var(--transform-origin_10uzx);\n}\n\n.___STitle_10uzx_gg_._position_top_10uzx_gg_ {\n  text-anchor: middle;\n}\n\n.___STitle_10uzx_gg_._position_bottom_10uzx_gg_ {\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STitle_10uzx_gg_._position_right_10uzx_gg_ {\n  transform: rotate(-90deg);\n  alignment-baseline: middle;\n  text-anchor: middle;\n}\n\n.___STitle_10uzx_gg_._position_left_10uzx_gg_ {\n  transform: rotate(-90deg);\n  text-anchor: middle;\n  alignment-baseline: middle;\n}\n\n.___SBackground_10uzx_gg_ {\n  fill: rgba(196, 199, 207, 0.2);\n}\n"
 /*__inner_css_end__*/
-, "mbde3_gg_")
+, "10uzx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_mbde3_gg_",
-  "__STitle": "___STitle_mbde3_gg_",
-  "--transform-origin": "--transform-origin_mbde3",
-  "_position_top": "_position_top_mbde3_gg_",
-  "_position_bottom": "_position_bottom_mbde3_gg_",
-  "_position_right": "_position_right_mbde3_gg_",
-  "_position_left": "_position_left_mbde3_gg_",
-  "__SBackground": "___SBackground_mbde3_gg_"
+  "__SReferenceLine": "___SReferenceLine_10uzx_gg_",
+  "__STitle": "___STitle_10uzx_gg_",
+  "--transform-origin": "--transform-origin_10uzx",
+  "_position_top": "_position_top_10uzx_gg_",
+  "_position_bottom": "_position_bottom_10uzx_gg_",
+  "_position_right": "_position_right_10uzx_gg_",
+  "_position_left": "_position_left_10uzx_gg_",
+  "__SBackground": "___SBackground_10uzx_gg_"
 });
 var MAP_ORIENTATION = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -30,16 +30,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_1eiob_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1eiob);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1eiob_gg_:hover{opacity:.8}.___SScatterPlot_1eiob_gg_.__color_1eiob_gg_{fill:var(--color_1eiob)}.___SValue_1eiob_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1eiob_gg_.__color_1eiob_gg_{stroke:var(--color_1eiob)}"
+":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_104dl_gg_ {\n  fill: #2bb3ff;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_104dl);\n  transition-timing-function: ease-in-out;\n  opacity: 0.5\n}\n\n.___SScatterPlot_104dl_gg_:hover {\n    opacity: 0.8;\n  }\n\n.___SScatterPlot_104dl_gg_.__color_104dl_gg_ {\n  fill: var(--color_104dl);\n}\n\n.___SValue_104dl_gg_ {\n  text-anchor: middle;\n  font-size: 10px;\n  stroke: #008ff8;\n}\n\n.___SValue_104dl_gg_.__color_104dl_gg_ {\n  stroke: var(--color_104dl);\n}\n"
 /*__inner_css_end__*/
-, "1eiob_gg_")
+, "104dl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1eiob_gg_",
-  "--duration": "--duration_1eiob",
-  "_color": "__color_1eiob_gg_",
-  "--color": "--color_1eiob",
-  "__SValue": "___SValue_1eiob_gg_"
+  "__SScatterPlot": "___SScatterPlot_104dl_gg_",
+  "--duration": "--duration_104dl",
+  "_color": "__color_104dl_gg_",
+  "--color": "--color_104dl",
+  "__SValue": "___SValue_104dl_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_qmeh1_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_qmeh1_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_qmeh1_gg_{display:flex;align-items:center}.___SDot_qmeh1_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_qmeh1_gg_.__color_qmeh1_gg_{background:var(--color_qmeh1)}"
+":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_10uqp_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_10uqp_gg_ {\n  color: #6c6e79;\n  margin-bottom: 8px;\n}\n\n.___SDotGroup_10uqp_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___SDot_10uqp_gg_ {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  background: #2bb3ff;\n}\n\n.___SDot_10uqp_gg_.__color_10uqp_gg_ {\n  background: var(--color_10uqp);\n}\n"
 /*__inner_css_end__*/
-, "qmeh1_gg_")
+, "10uqp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_qmeh1_gg_",
-  "__STitle": "___STitle_qmeh1_gg_",
-  "__SDotGroup": "___SDotGroup_qmeh1_gg_",
-  "__SDot": "___SDot_qmeh1_gg_",
-  "_color": "__color_qmeh1_gg_",
-  "--color": "--color_qmeh1"
+  "__STooltip": "___STooltip_10uqp_gg_",
+  "__STitle": "___STitle_10uqp_gg_",
+  "__SDotGroup": "___SDotGroup_10uqp_gg_",
+  "__SDot": "___SDot_10uqp_gg_",
+  "_color": "__color_10uqp_gg_",
+  "--color": "--color_10uqp"
 });
 
 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_1nepu_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1nepu);transition-timing-function:ease-in-out}.___SCircle_1nepu_gg_:hover{fill-opacity:.7}.___SCircle_1nepu_gg_.__color_1nepu_gg_{fill:var(--color_1nepu)}.___SIntersection_1nepu_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1nepu_gg_:hover{fill-opacity:.1}"
+".___SCircle_9uvxi_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_9uvxi);\n  transition-timing-function: ease-in-out\n}\n\n.___SCircle_9uvxi_gg_:hover {\n    fill-opacity: 0.7;\n  }\n\n.___SCircle_9uvxi_gg_.__color_9uvxi_gg_ {\n  fill: var(--color_9uvxi);\n}\n\n.___SIntersection_9uvxi_gg_ {\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0\n}\n\n.___SIntersection_9uvxi_gg_:hover {\n    fill-opacity: 0.1;\n  }\n"
 /*__inner_css_end__*/
-, "1nepu_gg_")
+, "9uvxi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1nepu_gg_",
-  "--duration": "--duration_1nepu",
-  "_color": "__color_1nepu_gg_",
-  "--color": "--color_1nepu",
-  "__SIntersection": "___SIntersection_1nepu_gg_"
+  "__SCircle": "___SCircle_9uvxi_gg_",
+  "--duration": "--duration_9uvxi",
+  "_color": "__color_9uvxi_gg_",
+  "--color": "--color_9uvxi",
+  "__SIntersection": "___SIntersection_9uvxi_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {