@semcore/d3-chart 2.3.6 → 2.3.8

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 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
+
+- Ensured a11y module do not break mouse interactions.
+
 ## [2.3.6] - 2022-10-04
 
 ### Changed
@@ -32,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
@@ -50,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
@@ -116,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
@@ -140,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
@@ -218,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_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/cjs/Axis.js

@@ -44,23 +44,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Bar.js

@@ -44,17 +44,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Bubble.js

@@ -56,19 +56,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Donut.js

@@ -66,16 +66,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Dots.js

@@ -32,18 +32,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/HorizontalBar.js

@@ -42,17 +42,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Line.js

@@ -46,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Plot.js

@@ -58,13 +58,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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) {
@@ -176,7 +176,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         "tabIndex": 0
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/_react["default"].createElement("foreignObject", _ref2.cn("foreignObject", {
         "width": "100%",
-        "height": "100%"
+        "height": "100%",
+        "data-aria-only": true
       }), /*#__PURE__*/_react["default"].createElement(_PlotA11yModule.PlotA11yModule, _ref2.cn("PlotA11yModule", {
         "id": this.plotId,
         "data": data,

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["PlotRoot","props","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","eventToPoint","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","EventEmitter","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","Box","styles","Children","a11yAltTextConfig","label","locale","sstyled","handlerMouseMove","handlerMouseLeave","plotId","Component","style","keyboardFocusEnhance","createComponent"],"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":["PlotRoot","props","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","eventToPoint","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","EventEmitter","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","Box","styles","Children","a11yAltTextConfig","label","locale","sstyled","handlerMouseMove","handlerMouseLeave","plotId","Component","style","keyboardFocusEnhance","createComponent"],"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/cjs/RadialTree.js

@@ -60,20 +60,20 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/ReferenceLine.js

@@ -42,19 +42,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/ScatterPlot.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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/cjs/Tooltip.js

@@ -60,17 +60,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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) {