@semcore/d3-chart 2.3.7 → 2.3.8

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.3.8] - 2022-10-10
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/popper` [4.11.31 ~> 4.12.0]).
+
 ## [2.3.7] - 2022-10-05
 
 ### Fixed
@@ -38,12 +44,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/animation` [1.5.9 ~> 1.5.10], `@semcore/utils` [3.37.0 ~> 3.37.1]).
 
-## [2.3.1] - 2022-08-29
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/animation` [1.5.8 ~> 1.5.9]).
-
 ## [2.3.0] - 2022-08-22
 
 ### Added
@@ -56,12 +56,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/animation` [1.5.7 ~> 1.5.8], `@semcore/utils` [3.36.0 ~> 3.37.0]).
 
-## [2.2.6] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/animation` [1.5.6 ~> 1.5.7], `@semcore/utils` [3.35.1 ~> 3.36.0]).
-
 ## [2.2.5] - 2022-08-04
 
 ### Fixed
@@ -122,18 +116,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/animation` [1.5.1 ~> 1.5.2], `@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/button` [4.0.4 ~> 4.0.5], `@semcore/checkbox` [6.0.3 ~> 6.0.4]).
 
-## [2.0.9] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/checkbox` [6.0.2 ~> 6.0.3]).
-
-## [2.0.8] - 2022-05-27
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.3 ~> 4.0.4]).
-
 ## [2.0.7] - 2022-05-25
 
 ### Fixed
@@ -146,36 +128,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/icon` [2.25.1 ~> 2.26.0]).
 
-## [2.0.5] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.2 ~> 4.0.3]).
-
-## [2.0.4] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/popper` [4.11.18 ~> 4.11.19]).
-
-## [2.0.3] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/animation` [1.5.0 ~> 1.5.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3], `@semcore/popper` [4.11.17 ~> 4.11.18], `@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/typography` [4.0.1 ~> 4.0.3], `@semcore/button` [4.0.1 ~> 4.0.2], `@semcore/checkbox` [6.0.1 ~> 6.0.2]).
-
-## [2.0.2] - 2022-05-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.0 ~> 4.0.1], `@semcore/checkbox` [6.0.0 ~> 6.0.1]).
-
-## [2.0.1] - 2022-05-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.24.0 ~> 2.25.0]).
-
 ## [2.0.0] - 2022-05-17
 
 ### BREAK
@@ -224,12 +176,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/animation` [1.4.0 ~> 1.4.1]).
 
-## [1.6.6] - 2022-03-04
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/animation` [1.3.3 ~> 1.4.0]).
-
 ## [1.6.5] - 2022-02-24
 
 ### Added

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/Area.js

@@ -48,18 +48,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_4sx8f_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_4sx8f_gg_.__color_4sx8f_gg_{fill:var(--color_4sx8f)}.___SAreaLine_4sx8f_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_4sx8f_gg_.__color_4sx8f_gg_{stroke:var(--color_4sx8f)}.___SArea_4sx8f_gg_,.___SAreaLine_4sx8f_gg_{transition-property:d;transition-duration:var(--duration_4sx8f);transition-timing-function:ease-in-out}.___SNull_4sx8f_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_4sx8f_gg_.__hide_4sx8f_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__*/
-, "4sx8f_gg_")
+, "1v2kf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_4sx8f_gg_",
-  "_color": "__color_4sx8f_gg_",
-  "--color": "--color_4sx8f",
-  "__SAreaLine": "___SAreaLine_4sx8f_gg_",
-  "--duration": "--duration_4sx8f",
-  "__SNull": "___SNull_4sx8f_gg_",
-  "_hide": "__hide_4sx8f_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/cjs/Axis.js

@@ -44,23 +44,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_11c1w_gg_{stroke:#c4c7cf}.___SAxis_11c1w_gg_.__hide_11c1w_gg_{display:none}.___STick_11c1w_gg_{font-size:12px;fill:#6c6e79}.___STick_11c1w_gg_.__hide_11c1w_gg_{display:none}.___SGrid_11c1w_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_11c1w_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_11c1w)}.___STitle_11c1w_gg_._position_top_11c1w_gg_{text-anchor:middle}.___STitle_11c1w_gg_._position_bottom_11c1w_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_11c1w_gg_._position_right_11c1w_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_11c1w_gg_._position_left_11c1w_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_11c1w_gg_._position_top_11c1w_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_11c1w_gg_._position_bottom_11c1w_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_11c1w_gg_._position_right_11c1w_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_11c1w_gg_._position_left_11c1w_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_11c1w_gg_._position_custom_0_11c1w_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_11c1w_gg_._position_custom_1_11c1w_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__*/
-, "11c1w_gg_")
+, "17gjn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_11c1w_gg_",
-  "_hide": "__hide_11c1w_gg_",
-  "__STick": "___STick_11c1w_gg_",
-  "__SGrid": "___SGrid_11c1w_gg_",
-  "__STitle": "___STitle_11c1w_gg_",
-  "--transform-origin": "--transform-origin_11c1w",
-  "_position_top": "_position_top_11c1w_gg_",
-  "_position_bottom": "_position_bottom_11c1w_gg_",
-  "_position_right": "_position_right_11c1w_gg_",
-  "_position_left": "_position_left_11c1w_gg_",
-  "_position_custom_0": "_position_custom_0_11c1w_gg_",
-  "_position_custom_1": "_position_custom_1_11c1w_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/cjs/Bar.js

@@ -44,17 +44,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1i08o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1i08o);transition-timing-function:ease-in-out}.___SBar_1i08o_gg_.__color_1i08o_gg_{fill:var(--color_1i08o)}.___SBar_1i08o_gg_.__hide_1i08o_gg_{display:none}.___SBackground_1i08o_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__*/
-, "1i08o_gg_")
+, "1t6xx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1i08o_gg_",
-  "--duration": "--duration_1i08o",
-  "_color": "__color_1i08o_gg_",
-  "--color": "--color_1i08o",
-  "_hide": "__hide_1i08o_gg_",
-  "__SBackground": "___SBackground_1i08o_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/cjs/Bubble.js

@@ -56,19 +56,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_a5j78_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_a5j78);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_a5j78_gg_:hover{opacity:.8}.___SBubble_a5j78_gg_.__color_a5j78_gg_{fill:var(--color_a5j78)}.___SCenter_a5j78_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_a5j78_gg_.__color_a5j78_gg_{stroke:var(--color_a5j78)}.___SLabel_a5j78_gg_{fill:#2bb3ff}.___SLabel_a5j78_gg_._position_right_a5j78_gg_{text-anchor:end}.___SLabel_a5j78_gg_._position_left_a5j78_gg_{text-anchor:start}.___SLabel_a5j78_gg_.__color_a5j78_gg_{fill:var(--color_a5j78)}"
+":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__*/
-, "a5j78_gg_")
+, "fjoe1_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_a5j78_gg_",
-  "--duration": "--duration_a5j78",
-  "_color": "__color_a5j78_gg_",
-  "--color": "--color_a5j78",
-  "__SCenter": "___SCenter_a5j78_gg_",
-  "__SLabel": "___SLabel_a5j78_gg_",
-  "_position_right": "_position_right_a5j78_gg_",
-  "_position_left": "_position_left_a5j78_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/cjs/Donut.js

@@ -66,16 +66,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_147zl_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_147zl_gg_.__color_147zl_gg_{fill:var(--color_147zl)}.___SEmptyData_147zl_gg_{fill:#e0e1e9}.___SEmptyData_147zl_gg_.__color_147zl_gg_{fill:var(--color_147zl)}.___SLabel_147zl_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__*/
-, "147zl_gg_")
+, "1yi5r_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_147zl_gg_",
-  "_color": "__color_147zl_gg_",
-  "--color": "--color_147zl",
-  "__SEmptyData": "___SEmptyData_147zl_gg_",
-  "__SLabel": "___SLabel_147zl_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/cjs/Dots.js

@@ -32,18 +32,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_a6bow_gg_ .___SDot_a6bow_gg_{transition-duration:var(--duration_a6bow)}.___SDot_a6bow_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_a6bow_gg_.__hide_a6bow_gg_{display:none}.___SDot_a6bow_gg_.__active_a6bow_gg_{r:8px}.___SDot_a6bow_gg_.__color_a6bow_gg_{fill:var(--color_a6bow)}"
+":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__*/
-, "a6bow_gg_")
+, "1fbwo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_a6bow_gg_",
-  "__SDot": "___SDot_a6bow_gg_",
-  "--duration": "--duration_a6bow",
-  "_hide": "__hide_a6bow_gg_",
-  "_active": "__active_a6bow_gg_",
-  "_color": "__color_a6bow_gg_",
-  "--color": "--color_a6bow"
+  "__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/cjs/HorizontalBar.js

@@ -42,17 +42,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1i08o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1i08o);transition-timing-function:ease-in-out}.___SBar_1i08o_gg_.__color_1i08o_gg_{fill:var(--color_1i08o)}.___SBar_1i08o_gg_.__hide_1i08o_gg_{display:none}.___SBackground_1i08o_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__*/
-, "1i08o_gg_")
+, "1t6xx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1i08o_gg_",
-  "--duration": "--duration_1i08o",
-  "_color": "__color_1i08o_gg_",
-  "--color": "--color_1i08o",
-  "_hide": "__hide_1i08o_gg_",
-  "__SBackground": "___SBackground_1i08o_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/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_33u57_gg_{stroke:#a9abb6}.___SHoverRect_33u57_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__*/
-, "33u57_gg_")
+, "5645a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_33u57_gg_",
-  "__SHoverRect": "___SHoverRect_33u57_gg_"
+  "__SHoverLine": "___SHoverLine_5645a_gg_",
+  "__SHoverRect": "___SHoverRect_5645a_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/cjs/Line.js

@@ -46,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_6d5fd_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_6d5fd);transition-timing-function:ease-in-out}.___SLine_6d5fd_gg_.__color_6d5fd_gg_{stroke:var(--color_6d5fd)}.___SLine_6d5fd_gg_.__hide_6d5fd_gg_{display:none}.___SNull_6d5fd_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_6d5fd_gg_.__hide_6d5fd_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__*/
-, "6d5fd_gg_")
+, "qlrdp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_6d5fd_gg_",
-  "--duration": "--duration_6d5fd",
-  "_color": "__color_6d5fd_gg_",
-  "--color": "--color_6d5fd",
-  "_hide": "__hide_6d5fd_gg_",
-  "__SNull": "___SNull_6d5fd_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/cjs/Plot.js

@@ -58,13 +58,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_1rzoy_gg_{overflow:hidden}.___SPlot_1rzoy_gg_:active,.___SPlot_1rzoy_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1rzoy_gg_.__keyboardFocused_1rzoy_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__*/
-, "1rzoy_gg_")
+, "jiltr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_1rzoy_gg_",
-  "_keyboardFocused": "__keyboardFocused_1rzoy_gg_"
+  "__SPlot": "___SPlot_jiltr_gg_",
+  "_keyboardFocused": "__keyboardFocused_jiltr_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/RadialTree.js

@@ -60,20 +60,20 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_1klv3_gg_{cursor:pointer;fill:#008ff8}.___SLine_1klv3_gg_{stroke:#008ff8}.___SLine_1klv3_gg_.__color_1klv3_gg_{stroke:var(--color_1klv3)}.___SCap_1klv3_gg_{transition:r .1s}.___SLabel_1klv3_gg_{fill:var(--color_1klv3);cursor:var(--text-cursor_1klv3)}.___SRadian_1klv3_gg_:hover .___SLabel_1klv3_gg_{fill:var(--color-hovered_1klv3)}@media (prefers-reduced-motion){.___SLineCap_1klv3_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__*/
-, "1klv3_gg_")
+, "1n9fk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_1klv3_gg_",
-  "__SLine": "___SLine_1klv3_gg_",
-  "_color": "__color_1klv3_gg_",
-  "--color": "--color_1klv3",
-  "__SCap": "___SCap_1klv3_gg_",
-  "__SLabel": "___SLabel_1klv3_gg_",
-  "--text-cursor": "--text-cursor_1klv3",
-  "--color-hovered": "--color-hovered_1klv3",
-  "__SLineCap": "___SLineCap_1klv3_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/cjs/ReferenceLine.js

@@ -42,19 +42,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_1rx9u_gg_{fill:none;stroke:#a9abb6}.___STitle_1rx9u_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1rx9u)}.___STitle_1rx9u_gg_._position_top_1rx9u_gg_{text-anchor:middle}.___STitle_1rx9u_gg_._position_bottom_1rx9u_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1rx9u_gg_._position_right_1rx9u_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1rx9u_gg_._position_left_1rx9u_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1rx9u_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__*/
-, "1rx9u_gg_")
+, "10uzx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_1rx9u_gg_",
-  "__STitle": "___STitle_1rx9u_gg_",
-  "--transform-origin": "--transform-origin_1rx9u",
-  "_position_top": "_position_top_1rx9u_gg_",
-  "_position_bottom": "_position_bottom_1rx9u_gg_",
-  "_position_right": "_position_right_1rx9u_gg_",
-  "_position_left": "_position_left_1rx9u_gg_",
-  "__SBackground": "___SBackground_1rx9u_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/cjs/ScatterPlot.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_1t8iw_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1t8iw);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1t8iw_gg_:hover{opacity:.8}.___SScatterPlot_1t8iw_gg_.__color_1t8iw_gg_{fill:var(--color_1t8iw)}.___SValue_1t8iw_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1t8iw_gg_.__color_1t8iw_gg_{stroke:var(--color_1t8iw)}"
+":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__*/
-, "1t8iw_gg_")
+, "104dl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1t8iw_gg_",
-  "--duration": "--duration_1t8iw",
-  "_color": "__color_1t8iw_gg_",
-  "--color": "--color_1t8iw",
-  "__SValue": "___SValue_1t8iw_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/cjs/Tooltip.js

@@ -60,17 +60,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_1q94t_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_1q94t_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_1q94t_gg_{display:flex;align-items:center}.___SDot_1q94t_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_1q94t_gg_.__color_1q94t_gg_{background:var(--color_1q94t)}"
+":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__*/
-, "1q94t_gg_")
+, "10uqp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_1q94t_gg_",
-  "__STitle": "___STitle_1q94t_gg_",
-  "__SDotGroup": "___SDotGroup_1q94t_gg_",
-  "__SDot": "___SDot_1q94t_gg_",
-  "_color": "__color_1q94t_gg_",
-  "--color": "--color_1q94t"
+  "__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/cjs/Venn.js

@@ -48,16 +48,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1uyw5_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1uyw5);transition-timing-function:ease-in-out}.___SCircle_1uyw5_gg_:hover{fill-opacity:.7}.___SCircle_1uyw5_gg_.__color_1uyw5_gg_{fill:var(--color_1uyw5)}.___SIntersection_1uyw5_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1uyw5_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__*/
-, "1uyw5_gg_")
+, "9uvxi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1uyw5_gg_",
-  "--duration": "--duration_1uyw5",
-  "_color": "__color_1uyw5_gg_",
-  "--color": "--color_1uyw5",
-  "__SIntersection": "___SIntersection_1uyw5_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_9npn1_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_9npn1_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__*/
-, "9npn1_gg_")
+, "1e69g_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_9npn1_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_f421s_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_f421s_gg_:focus,.___SPlotA11yView_f421s_gg_.__focus-within_f421s_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_f421s_gg_:focus,.___SPlotA11yView_f421s_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_f421s_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_f421s_gg_ table,.___SPlotA11yView_f421s_gg_ td,.___SPlotA11yView_f421s_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__*/
-, "f421s_gg_")
+, "s1lu5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_f421s_gg_",
-  "_focus-within": "__focus-within_f421s_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_s1lu5_gg_",
+  "_focus-within": "__focus-within_s1lu5_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_4sx8f_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_4sx8f_gg_.__color_4sx8f_gg_{fill:var(--color_4sx8f)}.___SAreaLine_4sx8f_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_4sx8f_gg_.__color_4sx8f_gg_{stroke:var(--color_4sx8f)}.___SArea_4sx8f_gg_,.___SAreaLine_4sx8f_gg_{transition-property:d;transition-duration:var(--duration_4sx8f);transition-timing-function:ease-in-out}.___SNull_4sx8f_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_4sx8f_gg_.__hide_4sx8f_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__*/
-, "4sx8f_gg_")
+, "1v2kf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_4sx8f_gg_",
-  "_color": "__color_4sx8f_gg_",
-  "--color": "--color_4sx8f",
-  "__SAreaLine": "___SAreaLine_4sx8f_gg_",
-  "--duration": "--duration_4sx8f",
-  "__SNull": "___SNull_4sx8f_gg_",
-  "_hide": "__hide_4sx8f_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_11c1w_gg_{stroke:#c4c7cf}.___SAxis_11c1w_gg_.__hide_11c1w_gg_{display:none}.___STick_11c1w_gg_{font-size:12px;fill:#6c6e79}.___STick_11c1w_gg_.__hide_11c1w_gg_{display:none}.___SGrid_11c1w_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_11c1w_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_11c1w)}.___STitle_11c1w_gg_._position_top_11c1w_gg_{text-anchor:middle}.___STitle_11c1w_gg_._position_bottom_11c1w_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_11c1w_gg_._position_right_11c1w_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_11c1w_gg_._position_left_11c1w_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_11c1w_gg_._position_top_11c1w_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_11c1w_gg_._position_bottom_11c1w_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_11c1w_gg_._position_right_11c1w_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_11c1w_gg_._position_left_11c1w_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_11c1w_gg_._position_custom_0_11c1w_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_11c1w_gg_._position_custom_1_11c1w_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__*/
-, "11c1w_gg_")
+, "17gjn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_11c1w_gg_",
-  "_hide": "__hide_11c1w_gg_",
-  "__STick": "___STick_11c1w_gg_",
-  "__SGrid": "___SGrid_11c1w_gg_",
-  "__STitle": "___STitle_11c1w_gg_",
-  "--transform-origin": "--transform-origin_11c1w",
-  "_position_top": "_position_top_11c1w_gg_",
-  "_position_bottom": "_position_bottom_11c1w_gg_",
-  "_position_right": "_position_right_11c1w_gg_",
-  "_position_left": "_position_left_11c1w_gg_",
-  "_position_custom_0": "_position_custom_0_11c1w_gg_",
-  "_position_custom_1": "_position_custom_1_11c1w_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_1i08o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1i08o);transition-timing-function:ease-in-out}.___SBar_1i08o_gg_.__color_1i08o_gg_{fill:var(--color_1i08o)}.___SBar_1i08o_gg_.__hide_1i08o_gg_{display:none}.___SBackground_1i08o_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__*/
-, "1i08o_gg_")
+, "1t6xx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1i08o_gg_",
-  "--duration": "--duration_1i08o",
-  "_color": "__color_1i08o_gg_",
-  "--color": "--color_1i08o",
-  "_hide": "__hide_1i08o_gg_",
-  "__SBackground": "___SBackground_1i08o_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_a5j78_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_a5j78);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_a5j78_gg_:hover{opacity:.8}.___SBubble_a5j78_gg_.__color_a5j78_gg_{fill:var(--color_a5j78)}.___SCenter_a5j78_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_a5j78_gg_.__color_a5j78_gg_{stroke:var(--color_a5j78)}.___SLabel_a5j78_gg_{fill:#2bb3ff}.___SLabel_a5j78_gg_._position_right_a5j78_gg_{text-anchor:end}.___SLabel_a5j78_gg_._position_left_a5j78_gg_{text-anchor:start}.___SLabel_a5j78_gg_.__color_a5j78_gg_{fill:var(--color_a5j78)}"
+":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__*/
-, "a5j78_gg_")
+, "fjoe1_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_a5j78_gg_",
-  "--duration": "--duration_a5j78",
-  "_color": "__color_a5j78_gg_",
-  "--color": "--color_a5j78",
-  "__SCenter": "___SCenter_a5j78_gg_",
-  "__SLabel": "___SLabel_a5j78_gg_",
-  "_position_right": "_position_right_a5j78_gg_",
-  "_position_left": "_position_left_a5j78_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_147zl_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_147zl_gg_.__color_147zl_gg_{fill:var(--color_147zl)}.___SEmptyData_147zl_gg_{fill:#e0e1e9}.___SEmptyData_147zl_gg_.__color_147zl_gg_{fill:var(--color_147zl)}.___SLabel_147zl_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__*/
-, "147zl_gg_")
+, "1yi5r_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_147zl_gg_",
-  "_color": "__color_147zl_gg_",
-  "--color": "--color_147zl",
-  "__SEmptyData": "___SEmptyData_147zl_gg_",
-  "__SLabel": "___SLabel_147zl_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_a6bow_gg_ .___SDot_a6bow_gg_{transition-duration:var(--duration_a6bow)}.___SDot_a6bow_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_a6bow_gg_.__hide_a6bow_gg_{display:none}.___SDot_a6bow_gg_.__active_a6bow_gg_{r:8px}.___SDot_a6bow_gg_.__color_a6bow_gg_{fill:var(--color_a6bow)}"
+":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__*/
-, "a6bow_gg_")
+, "1fbwo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_a6bow_gg_",
-  "__SDot": "___SDot_a6bow_gg_",
-  "--duration": "--duration_a6bow",
-  "_hide": "__hide_a6bow_gg_",
-  "_active": "__active_a6bow_gg_",
-  "_color": "__color_a6bow_gg_",
-  "--color": "--color_a6bow"
+  "__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_1i08o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1i08o);transition-timing-function:ease-in-out}.___SBar_1i08o_gg_.__color_1i08o_gg_{fill:var(--color_1i08o)}.___SBar_1i08o_gg_.__hide_1i08o_gg_{display:none}.___SBackground_1i08o_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__*/
-, "1i08o_gg_")
+, "1t6xx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1i08o_gg_",
-  "--duration": "--duration_1i08o",
-  "_color": "__color_1i08o_gg_",
-  "--color": "--color_1i08o",
-  "_hide": "__hide_1i08o_gg_",
-  "__SBackground": "___SBackground_1i08o_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_33u57_gg_{stroke:#a9abb6}.___SHoverRect_33u57_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__*/
-, "33u57_gg_")
+, "5645a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_33u57_gg_",
-  "__SHoverRect": "___SHoverRect_33u57_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_6d5fd_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_6d5fd);transition-timing-function:ease-in-out}.___SLine_6d5fd_gg_.__color_6d5fd_gg_{stroke:var(--color_6d5fd)}.___SLine_6d5fd_gg_.__hide_6d5fd_gg_{display:none}.___SNull_6d5fd_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_6d5fd_gg_.__hide_6d5fd_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__*/
-, "6d5fd_gg_")
+, "qlrdp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_6d5fd_gg_",
-  "--duration": "--duration_6d5fd",
-  "_color": "__color_6d5fd_gg_",
-  "--color": "--color_6d5fd",
-  "_hide": "__hide_6d5fd_gg_",
-  "__SNull": "___SNull_6d5fd_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_1rzoy_gg_{overflow:hidden}.___SPlot_1rzoy_gg_:active,.___SPlot_1rzoy_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1rzoy_gg_.__keyboardFocused_1rzoy_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__*/
-, "1rzoy_gg_")
+, "jiltr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_1rzoy_gg_",
-  "_keyboardFocused": "__keyboardFocused_1rzoy_gg_"
+  "__SPlot": "___SPlot_jiltr_gg_",
+  "_keyboardFocused": "__keyboardFocused_jiltr_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/RadialTree.js

@@ -34,20 +34,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_1klv3_gg_{cursor:pointer;fill:#008ff8}.___SLine_1klv3_gg_{stroke:#008ff8}.___SLine_1klv3_gg_.__color_1klv3_gg_{stroke:var(--color_1klv3)}.___SCap_1klv3_gg_{transition:r .1s}.___SLabel_1klv3_gg_{fill:var(--color_1klv3);cursor:var(--text-cursor_1klv3)}.___SRadian_1klv3_gg_:hover .___SLabel_1klv3_gg_{fill:var(--color-hovered_1klv3)}@media (prefers-reduced-motion){.___SLineCap_1klv3_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__*/
-, "1klv3_gg_")
+, "1n9fk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_1klv3_gg_",
-  "__SLine": "___SLine_1klv3_gg_",
-  "_color": "__color_1klv3_gg_",
-  "--color": "--color_1klv3",
-  "__SCap": "___SCap_1klv3_gg_",
-  "__SLabel": "___SLabel_1klv3_gg_",
-  "--text-cursor": "--text-cursor_1klv3",
-  "--color-hovered": "--color-hovered_1klv3",
-  "__SLineCap": "___SLineCap_1klv3_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_1rx9u_gg_{fill:none;stroke:#a9abb6}.___STitle_1rx9u_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1rx9u)}.___STitle_1rx9u_gg_._position_top_1rx9u_gg_{text-anchor:middle}.___STitle_1rx9u_gg_._position_bottom_1rx9u_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1rx9u_gg_._position_right_1rx9u_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1rx9u_gg_._position_left_1rx9u_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1rx9u_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__*/
-, "1rx9u_gg_")
+, "10uzx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_1rx9u_gg_",
-  "__STitle": "___STitle_1rx9u_gg_",
-  "--transform-origin": "--transform-origin_1rx9u",
-  "_position_top": "_position_top_1rx9u_gg_",
-  "_position_bottom": "_position_bottom_1rx9u_gg_",
-  "_position_right": "_position_right_1rx9u_gg_",
-  "_position_left": "_position_left_1rx9u_gg_",
-  "__SBackground": "___SBackground_1rx9u_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_1t8iw_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1t8iw);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1t8iw_gg_:hover{opacity:.8}.___SScatterPlot_1t8iw_gg_.__color_1t8iw_gg_{fill:var(--color_1t8iw)}.___SValue_1t8iw_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1t8iw_gg_.__color_1t8iw_gg_{stroke:var(--color_1t8iw)}"
+":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__*/
-, "1t8iw_gg_")
+, "104dl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1t8iw_gg_",
-  "--duration": "--duration_1t8iw",
-  "_color": "__color_1t8iw_gg_",
-  "--color": "--color_1t8iw",
-  "__SValue": "___SValue_1t8iw_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_1q94t_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_1q94t_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_1q94t_gg_{display:flex;align-items:center}.___SDot_1q94t_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_1q94t_gg_.__color_1q94t_gg_{background:var(--color_1q94t)}"
+":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__*/
-, "1q94t_gg_")
+, "10uqp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_1q94t_gg_",
-  "__STitle": "___STitle_1q94t_gg_",
-  "__SDotGroup": "___SDotGroup_1q94t_gg_",
-  "__SDot": "___SDot_1q94t_gg_",
-  "_color": "__color_1q94t_gg_",
-  "--color": "--color_1q94t"
+  "__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_1uyw5_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1uyw5);transition-timing-function:ease-in-out}.___SCircle_1uyw5_gg_:hover{fill-opacity:.7}.___SCircle_1uyw5_gg_.__color_1uyw5_gg_{fill:var(--color_1uyw5)}.___SIntersection_1uyw5_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1uyw5_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__*/
-, "1uyw5_gg_")
+, "9uvxi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1uyw5_gg_",
-  "--duration": "--duration_1uyw5",
-  "_color": "__color_1uyw5_gg_",
-  "--color": "--color_1uyw5",
-  "__SIntersection": "___SIntersection_1uyw5_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/es6/a11y/PlotA11yModule.js

@@ -20,12 +20,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_9npn1_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_9npn1_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__*/
-, "9npn1_gg_")
+, "1e69g_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_9npn1_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1e69g_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_f421s_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_f421s_gg_:focus,.___SPlotA11yView_f421s_gg_.__focus-within_f421s_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_f421s_gg_:focus,.___SPlotA11yView_f421s_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_f421s_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_f421s_gg_ table,.___SPlotA11yView_f421s_gg_ td,.___SPlotA11yView_f421s_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__*/
-, "f421s_gg_")
+, "s1lu5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_f421s_gg_",
-  "_focus-within": "__focus-within_f421s_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_s1lu5_gg_",
+  "_focus-within": "__focus-within_s1lu5_gg_"
 });
 import { Box } from '@semcore/flex-box';
 export var PlotA11yView = function PlotA11yView(_ref3) {

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.3.7",
+  "version": "2.3.8",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "pnpm semcore-builder --source=js,ts",
-    "test": "jest"
-  },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
     "@semcore/animation": "^1",
@@ -52,5 +48,9 @@
     "@types/d3-array": "^3.0.2",
     "@types/d3-scale": "^4.0.2",
     "@types/d3-transition": "^3.0.1"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js,ts",
+    "test": "jest"
   }
-}
+}