@semcore/d3-chart 2.3.6 → 2.3.8

package/lib/es6/a11y/PlotA11yModule.js

@@ -20,12 +20,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_2r8eq_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_2r8eq_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yModule_1e69g_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n}\n\n.___SPlotA11yModule_1e69g_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n}\n"
 /*__inner_css_end__*/
-, "2r8eq_gg_")
+, "1e69g_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_2r8eq_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1e69g_gg_"
 });
 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_1jeti_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1jeti_gg_:focus,.___SPlotA11yView_1jeti_gg_.__focus-within_1jeti_gg_{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1jeti_gg_:focus,.___SPlotA11yView_1jeti_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1jeti_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_1jeti_gg_ table,.___SPlotA11yView_1jeti_gg_ td,.___SPlotA11yView_1jeti_gg_ th{border:1px solid #000}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yView_s1lu5_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n  background-color: white;\n  color: black;\n  border: 3px solid black;\n  font-size: 10px;\n  padding: 2px;\n  width: 200px;\n  height: 200px;\n  max-width: 80%;\n  max-height: 80%;\n  overflow: auto;\n}\n\n.___SPlotA11yView_s1lu5_gg_.__focus-within_s1lu5_gg_,\n.___SPlotA11yView_s1lu5_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_s1lu5_gg_:focus-within,\n.___SPlotA11yView_s1lu5_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_s1lu5_gg_ a {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.___SPlotA11yView_s1lu5_gg_ table,\n.___SPlotA11yView_s1lu5_gg_ td,\n.___SPlotA11yView_s1lu5_gg_ th {\n  border: 1px solid black;\n}\n"
 /*__inner_css_end__*/
-, "1jeti_gg_")
+, "s1lu5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_1jeti_gg_",
-  "_focus-within": "__focus-within_1jeti_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_s1lu5_gg_",
+  "_focus-within": "__focus-within_s1lu5_gg_"
 });
 import { Box } from '@semcore/flex-box';
 export var PlotA11yView = function PlotA11yView(_ref3) {

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

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

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.3.6",
+  "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"
   }
-}
+}