@semcore/d3-chart 3.41.0 → 3.42.0-prerelease.2

package/lib/es6/ScatterPlot.js

@@ -6,7 +6,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { transition } from 'd3-transition';
@@ -18,15 +18,15 @@ import { getScatterPlotRadius } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_i015j_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_i015j);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_i015j_gg_:hover{opacity:.8}}.___SScatterPlot_i015j_gg_.__color_i015j_gg_{fill:var(--color_i015j)}.___SScatterPlot_i015j_gg_.__pattern_i015j_gg_.__color_i015j_gg_{fill:var(--pattern_i015j);stroke:var(--color_i015j);stroke-width:1px}.___SScatterPlot_i015j_gg_.__transparent_i015j_gg_{opacity:.3}.___SValue_i015j_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_i015j_gg_.__color_i015j_gg_{stroke:var(--color_i015j)}.___SValue_i015j_gg_.__transparent_i015j_gg_{opacity:.3}" /*__inner_css_end__*/, "i015j_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_i015j_gg_",
-  "_color": "__color_i015j_gg_",
-  "--color": "--color_i015j",
-  "_pattern": "__pattern_i015j_gg_",
-  "--pattern": "--pattern_i015j",
-  "_transparent": "__transparent_i015j_gg_",
-  "__SValue": "___SValue_i015j_gg_",
-  "--duration": "--duration_i015j"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_5xqjr_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_5xqjr);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_5xqjr_gg_:hover{opacity:.8}}.___SScatterPlot_5xqjr_gg_.__color_5xqjr_gg_{fill:var(--color_5xqjr)}.___SScatterPlot_5xqjr_gg_.__pattern_5xqjr_gg_.__color_5xqjr_gg_{fill:var(--pattern_5xqjr);stroke:var(--color_5xqjr);stroke-width:1px}.___SScatterPlot_5xqjr_gg_.__transparent_5xqjr_gg_{opacity:.3}.___SValue_5xqjr_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_5xqjr_gg_.__color_5xqjr_gg_{stroke:var(--color_5xqjr)}.___SValue_5xqjr_gg_.__transparent_5xqjr_gg_{opacity:.3}" /*__inner_css_end__*/, "5xqjr_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_5xqjr_gg_",
+  "_color": "__color_5xqjr_gg_",
+  "--color": "--color_5xqjr",
+  "_pattern": "__pattern_5xqjr_gg_",
+  "--pattern": "--pattern_5xqjr",
+  "_transparent": "__transparent_5xqjr_gg_",
+  "__SValue": "___SValue_5xqjr_gg_",
+  "--duration": "--duration_5xqjr"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);

package/lib/es6/Tooltip.js

@@ -6,7 +6,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
@@ -21,15 +21,15 @@ import createElement from './createElement';
 import { getChartDefaultColorName } from './utils';
 import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_parez_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_parez_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_parez_gg_{display:flex;align-items:center}.___SDot_parez_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_parez_gg_.__color_parez_gg_{background-color:var(--color_parez);width:8px;height:8px;border-radius:50%}.___SFooter_parez_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "parez_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_parez_gg_",
-  "__STitle": "___STitle_parez_gg_",
-  "__SDotGroup": "___SDotGroup_parez_gg_",
-  "__SDot": "___SDot_parez_gg_",
-  "__SDotCircle": "___SDotCircle_parez_gg_",
-  "_color": "__color_parez_gg_",
-  "--color": "--color_parez",
-  "__SFooter": "___SFooter_parez_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_boow8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_boow8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_boow8_gg_{display:flex;align-items:center}.___SDot_boow8_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_boow8_gg_.__color_boow8_gg_{background-color:var(--color_boow8);width:8px;height:8px;border-radius:50%}.___SFooter_boow8_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "boow8_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_boow8_gg_",
+  "__STitle": "___STitle_boow8_gg_",
+  "__SDotGroup": "___SDotGroup_boow8_gg_",
+  "__SDot": "___SDot_boow8_gg_",
+  "__SDotCircle": "___SDotCircle_boow8_gg_",
+  "_color": "__color_boow8_gg_",
+  "--color": "--color_boow8",
+  "__SFooter": "___SFooter_boow8_gg_"
 });
 import { PatternSymbol } from './Pattern';
 

package/lib/es6/Venn.js

@@ -7,7 +7,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';
@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_wzxl5_gg_,.___SIntersection_wzxl5_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_wzxl5_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_wzxl5);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_wzxl5_gg_:hover{fill-opacity:.7}}.___SCircle_wzxl5_gg_.__color_wzxl5_gg_{fill:var(--color_wzxl5)}.___SCircle_wzxl5_gg_.__pattern_wzxl5_gg_.__color_wzxl5_gg_{fill:var(--pattern_wzxl5);fill-opacity:.7;stroke:var(--color_wzxl5);stroke-width:1px}@media (hover:hover){.___SCircle_wzxl5_gg_.__pattern_wzxl5_gg_.__color_wzxl5_gg_:hover{fill-opacity:.85}}.___SCircle_wzxl5_gg_.__transparent_wzxl5_gg_{opacity:.3}.___SIntersection_wzxl5_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_wzxl5_gg_:hover{fill-opacity:.1}}.___SIntersection_wzxl5_gg_.__transparent_wzxl5_gg_{opacity:.3}" /*__inner_css_end__*/, "wzxl5_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_wzxl5_gg_",
-  "_color": "__color_wzxl5_gg_",
-  "--color": "--color_wzxl5",
-  "_transparent": "__transparent_wzxl5_gg_",
-  "__SIntersection": "___SIntersection_wzxl5_gg_",
-  "--duration": "--duration_wzxl5",
-  "_pattern": "__pattern_wzxl5_gg_",
-  "--pattern": "--pattern_wzxl5"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_1ypmz_gg_,.___SIntersection_1ypmz_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1ypmz_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1ypmz);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1ypmz_gg_:hover{fill-opacity:.7}}.___SCircle_1ypmz_gg_.__color_1ypmz_gg_{fill:var(--color_1ypmz)}.___SCircle_1ypmz_gg_.__pattern_1ypmz_gg_.__color_1ypmz_gg_{fill:var(--pattern_1ypmz);fill-opacity:.7;stroke:var(--color_1ypmz);stroke-width:1px}@media (hover:hover){.___SCircle_1ypmz_gg_.__pattern_1ypmz_gg_.__color_1ypmz_gg_:hover{fill-opacity:.85}}.___SCircle_1ypmz_gg_.__transparent_1ypmz_gg_{opacity:.3}.___SIntersection_1ypmz_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1ypmz_gg_:hover{fill-opacity:.1}}.___SIntersection_1ypmz_gg_.__transparent_1ypmz_gg_{opacity:.3}" /*__inner_css_end__*/, "1ypmz_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_1ypmz_gg_",
+  "_color": "__color_1ypmz_gg_",
+  "--color": "--color_1ypmz",
+  "_transparent": "__transparent_1ypmz_gg_",
+  "__SIntersection": "___SIntersection_1ypmz_gg_",
+  "--duration": "--duration_1ypmz",
+  "_pattern": "__pattern_1ypmz_gg_",
+  "--pattern": "--pattern_1ypmz"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   _inherits(VennRoot, _Component);

package/lib/es6/a11y/PlotA11yModule.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_18geh_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_18geh_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "18geh_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_18geh_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_aa5vr_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_aa5vr_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "aa5vr_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_aa5vr_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { heavyFindNextFocusableElement } from './focus';
@@ -9,8 +9,8 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_ya0i6_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_ya0i6_gg_:focus,.___SPlotA11yView_ya0i6_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_ya0i6_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_ya0i6_gg_ table,.___SPlotA11yView_ya0i6_gg_ td,.___SPlotA11yView_ya0i6_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "ya0i6_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_ya0i6_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_rk1ch_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_rk1ch_gg_:focus,.___SPlotA11yView_rk1ch_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_rk1ch_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_rk1ch_gg_ table,.___SPlotA11yView_rk1ch_gg_ td,.___SPlotA11yView_rk1ch_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "rk1ch_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_rk1ch_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -4,16 +4,16 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_87i53_gg_._direction_row_87i53_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_87i53_gg_._direction_column_87i53_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "87i53_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_87i53_gg_",
-  "_direction_row": "_direction_row_87i53_gg_",
-  "_direction_column": "_direction_column_87i53_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1vij6_gg_._direction_row_1vij6_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1vij6_gg_._direction_column_1vij6_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1vij6_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_1vij6_gg_",
+  "_direction_row": "_direction_row_1vij6_gg_",
+  "_direction_column": "_direction_column_1vij6_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from '@semcore/divider';

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -5,7 +5,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps6 } from "@semcore/core";
 import { assignProps as _assignProps5 } from "@semcore/core";
 import { assignProps as _assignProps4 } from "@semcore/core";
@@ -19,23 +19,23 @@ import { Flex, Box } from '@semcore/flex-box';
 import Checkbox from '@semcore/checkbox';
 import { Text as TypographyText } from '@semcore/typography';
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_7yxff_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_7yxff_gg_:hover{cursor:pointer}.___SLegendItem_7yxff_gg_.__disabled_7yxff_gg_:hover{cursor:default}}.___SPointShape_7yxff_gg_.__color_7yxff_gg_{background-color:var(--color_7yxff);margin-right:8px;flex-shrink:0}.___SPointShape_7yxff_gg_._shape_Circle_7yxff_gg_._size_l_7yxff_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Circle_7yxff_gg_._size_m_7yxff_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Line_7yxff_gg_._size_l_7yxff_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_7yxff_gg_._shape_Line_7yxff_gg_._size_m_7yxff_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_7yxff_gg_._shape_Square_7yxff_gg_._size_l_7yxff_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Square_7yxff_gg_._size_m_7yxff_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Pattern_7yxff_gg_{background-color:transparent;margin-right:4px}.___SIcon_7yxff_gg_{line-height:0;margin-right:4px}.___SIcon_7yxff_gg_._size_l_7yxff_gg_{margin-top:4px}.___SIcon_7yxff_gg_._size_m_7yxff_gg_{margin-top:2px}.___SLabel_7yxff_gg_{min-width:0}.___SAdditionalLabel_7yxff_gg_._size_l_7yxff_gg_,.___SCount_7yxff_gg_._size_l_7yxff_gg_,.___SLabel_7yxff_gg_._size_l_7yxff_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_7yxff_gg_._size_m_7yxff_gg_,.___SCount_7yxff_gg_._size_m_7yxff_gg_,.___SLabel_7yxff_gg_._size_m_7yxff_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_7yxff_gg_,.___SCount_7yxff_gg_{margin-left:4px}.___SAdditionalLabel_7yxff_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_7yxff_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_7yxff_gg_._size_l_7yxff_gg_::before{margin-top:10px}.___SAdditionalLabel_7yxff_gg_._size_m_7yxff_gg_::before{margin-top:8px}.___SPatternSymbol_7yxff_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "7yxff_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_7yxff_gg_",
-  "_disabled": "__disabled_7yxff_gg_",
-  "__SPointShape": "___SPointShape_7yxff_gg_",
-  "_color": "__color_7yxff_gg_",
-  "--color": "--color_7yxff",
-  "_shape_Circle": "_shape_Circle_7yxff_gg_",
-  "_size_l": "_size_l_7yxff_gg_",
-  "_size_m": "_size_m_7yxff_gg_",
-  "_shape_Line": "_shape_Line_7yxff_gg_",
-  "_shape_Square": "_shape_Square_7yxff_gg_",
-  "_shape_Pattern": "_shape_Pattern_7yxff_gg_",
-  "__SIcon": "___SIcon_7yxff_gg_",
-  "__SLabel": "___SLabel_7yxff_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_7yxff_gg_",
-  "__SCount": "___SCount_7yxff_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_7yxff_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_g8suo_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_g8suo_gg_:hover{cursor:pointer}.___SLegendItem_g8suo_gg_.__disabled_g8suo_gg_:hover{cursor:default}}.___SPointShape_g8suo_gg_.__color_g8suo_gg_{background-color:var(--color_g8suo);margin-right:8px;flex-shrink:0}.___SPointShape_g8suo_gg_._shape_Circle_g8suo_gg_._size_l_g8suo_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_g8suo_gg_._shape_Circle_g8suo_gg_._size_m_g8suo_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_g8suo_gg_._shape_Line_g8suo_gg_._size_l_g8suo_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_g8suo_gg_._shape_Line_g8suo_gg_._size_m_g8suo_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_g8suo_gg_._shape_Square_g8suo_gg_._size_l_g8suo_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_g8suo_gg_._shape_Square_g8suo_gg_._size_m_g8suo_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_g8suo_gg_._shape_Pattern_g8suo_gg_{background-color:transparent;margin-right:4px}.___SIcon_g8suo_gg_{line-height:0;margin-right:4px}.___SIcon_g8suo_gg_._size_l_g8suo_gg_{margin-top:4px}.___SIcon_g8suo_gg_._size_m_g8suo_gg_{margin-top:2px}.___SLabel_g8suo_gg_{min-width:0}.___SAdditionalLabel_g8suo_gg_._size_l_g8suo_gg_,.___SCount_g8suo_gg_._size_l_g8suo_gg_,.___SLabel_g8suo_gg_._size_l_g8suo_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_g8suo_gg_._size_m_g8suo_gg_,.___SCount_g8suo_gg_._size_m_g8suo_gg_,.___SLabel_g8suo_gg_._size_m_g8suo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_g8suo_gg_,.___SCount_g8suo_gg_{margin-left:4px}.___SAdditionalLabel_g8suo_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_g8suo_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_g8suo_gg_._size_l_g8suo_gg_::before{margin-top:10px}.___SAdditionalLabel_g8suo_gg_._size_m_g8suo_gg_::before{margin-top:8px}.___SPatternSymbol_g8suo_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "g8suo_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_g8suo_gg_",
+  "_disabled": "__disabled_g8suo_gg_",
+  "__SPointShape": "___SPointShape_g8suo_gg_",
+  "_color": "__color_g8suo_gg_",
+  "--color": "--color_g8suo",
+  "_shape_Circle": "_shape_Circle_g8suo_gg_",
+  "_size_l": "_size_l_g8suo_gg_",
+  "_size_m": "_size_m_g8suo_gg_",
+  "_shape_Line": "_shape_Line_g8suo_gg_",
+  "_shape_Square": "_shape_Square_g8suo_gg_",
+  "_shape_Pattern": "_shape_Pattern_g8suo_gg_",
+  "__SIcon": "___SIcon_g8suo_gg_",
+  "__SLabel": "___SLabel_g8suo_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_g8suo_gg_",
+  "__SCount": "___SCount_g8suo_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_g8suo_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -4,19 +4,19 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_11fh3_gg_.__columns-count_11fh3_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_11fh3_gg_._size_l_11fh3_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_11fh3_gg_._size_m_11fh3_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "11fh3_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_11fh3_gg_",
-  "_columns-count": "__columns-count_11fh3_gg_",
-  "__SColumnItem": "___SColumnItem_11fh3_gg_",
-  "_size_l": "_size_l_11fh3_gg_",
-  "_size_m": "_size_m_11fh3_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_zyk4s_gg_.__columns-count_zyk4s_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_zyk4s_gg_._size_l_zyk4s_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_zyk4s_gg_._size_m_zyk4s_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "zyk4s_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_zyk4s_gg_",
+  "_columns-count": "__columns-count_zyk4s_gg_",
+  "__SColumnItem": "___SColumnItem_zyk4s_gg_",
+  "_size_l": "_size_l_zyk4s_gg_",
+  "_size_m": "_size_m_zyk4s_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.41.0",
+  "version": "3.42.0-prerelease.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.24.0",
-    "@semcore/divider": "4.23.0",
-    "@semcore/flex-box": "5.24.0",
-    "@semcore/popper": "5.32.0",
-    "@semcore/utils": "4.25.0",
+    "@semcore/animation": "2.25.0-prerelease.2",
+    "@semcore/divider": "4.24.0-prerelease.2",
+    "@semcore/flex-box": "5.25.0-prerelease.2",
+    "@semcore/popper": "5.33.0-prerelease.2",
+    "@semcore/utils": "4.26.1-prerelease.2",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",
@@ -33,7 +33,7 @@
     "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.23.0-prerelease.2",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },