@semcore/d3-chart 3.9.0 → 3.10.0

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

@@ -9,7 +9,7 @@ SDots {
 SDot {
   stroke-width: 2px;
   stroke: var(--intergalactic-chart-grid-border, #ffffff);
-  r: 6px;
+  r: var(--radius);
   fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
   transition-property: cx, cy;
   transition-timing-function: ease-in-out;
@@ -20,7 +20,7 @@ SDot[hide] {
 }
 
 SDot[active] {
-  r: 8px;
+  r: calc(var(--radius) * 8/6);
 }
 
 SDot[color] {
@@ -29,4 +29,4 @@ SDot[color] {
 
 SDot[transparent] {
   opacity: 0.3;
-}
+}

package/lib/cjs/types/Axis.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { IntergalacticD3Component } from './Plot';\nimport { Context } from './context';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IXAxisProps extends XAxisProps, UnknownProperties {}\nexport type XAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'button' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default false */\n  hide?: boolean;\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IYAxisProps extends YAxisProps, UnknownProperties {}\nexport type YAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'left' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default true */\n  hide?: boolean;\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTicksProps extends AxisTicksProps, UnknownProperties {}\nexport type AxisTicksProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  /** Element hide property */\n  hide?: boolean;\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisGridProps extends AxisGridProps, UnknownProperties {}\nexport type AxisGridProps = Context & {\n  /** Values for axis ticks */\n  /** @deprecated */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTitleProps extends AxisTitleProps, UnknownProperties {}\nexport type AxisTitleProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n\n  /** For vertical titles disables characters rotation while puts\n   * characters into the vertical column for better reading in some languages.\n   * @default true for `zh` and `ja` locales and false for all others.\n   */\n  verticalWritingMode?: boolean;\n};\n\n/** @deprecated */\nexport interface IAxisTicksContext extends AxisTicksContext, UnknownProperties {}\nexport type AxisTicksContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value: any;\n  /** Index element of data */\n  index: number;\n};\n\ndeclare const XAxis: IntergalacticD3Component<'path', XAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\ndeclare const YAxis: IntergalacticD3Component<'path', YAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}
+{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { IntergalacticD3Component } from './Plot';\nimport { Context } from './context';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IXAxisProps extends XAxisProps, UnknownProperties {}\nexport type XAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'button' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default false */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IYAxisProps extends YAxisProps, UnknownProperties {}\nexport type YAxisProps = Context & {\n  /** The position of the axis relative chart\n   * @default 'left' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default true */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTicksProps extends AxisTicksProps, UnknownProperties {}\nexport type AxisTicksProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  /** Element hide property */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisGridProps extends AxisGridProps, UnknownProperties {}\nexport type AxisGridProps = Context & {\n  /** Values for axis ticks */\n  ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTitleProps extends AxisTitleProps, UnknownProperties {}\nexport type AxisTitleProps = Context & {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n\n  /** For vertical titles disables characters rotation while puts\n   * characters into the vertical column for better reading in some languages.\n   * @default true for `zh` and `ja` locales and false for all others.\n   */\n  verticalWritingMode?: boolean;\n};\n\n/** @deprecated */\nexport interface IAxisTicksContext extends AxisTicksContext, UnknownProperties {}\nexport type AxisTicksContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value: any;\n  /** Index element of data */\n  index: number;\n};\n\ndeclare const XAxis: IntergalacticD3Component<'path', XAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\ndeclare const YAxis: IntergalacticD3Component<'path', YAxisProps> & {\n  Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n  Grid: IntergalacticD3Component<'path', AxisGridProps>;\n  Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}

package/lib/cjs/types/Line.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  FadeInOutProps & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n};\n\nexport default Line;\n"],"mappings":""}
+{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  FadeInOutProps & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n};\n\nexport default Line;\n"],"mappings":""}

package/lib/es6/Area.js

@@ -15,15 +15,15 @@ import createElement from './createElement';
 import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue } from './utils';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_1miv1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1miv1_gg_.__color_1miv1_gg_{fill:var(--color_1miv1)}.___SArea_1miv1_gg_.__transparent_1miv1_gg_{opacity:.3}.___SAreaLine_1miv1_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1miv1_gg_.__color_1miv1_gg_{stroke:var(--color_1miv1)}.___SAreaLine_1miv1_gg_.__transparent_1miv1_gg_{opacity:.3}.___SAreaLine_1miv1_gg_,.___SArea_1miv1_gg_{transition-property:d;transition-duration:var(--duration_1miv1);transition-timing-function:ease-in-out}.___SNull_1miv1_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1miv1_gg_.__hide_1miv1_gg_{display:none}" /*__inner_css_end__*/, "1miv1_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_1miv1_gg_",
-  "_color": "__color_1miv1_gg_",
-  "--color": "--color_1miv1",
-  "_transparent": "__transparent_1miv1_gg_",
-  "__SAreaLine": "___SAreaLine_1miv1_gg_",
-  "--duration": "--duration_1miv1",
-  "__SNull": "___SNull_1miv1_gg_",
-  "_hide": "__hide_1miv1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_18vlg_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_18vlg_gg_.__color_18vlg_gg_{fill:var(--color_18vlg)}.___SArea_18vlg_gg_.__transparent_18vlg_gg_{opacity:.3}.___SAreaLine_18vlg_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_18vlg_gg_.__color_18vlg_gg_{stroke:var(--color_18vlg)}.___SAreaLine_18vlg_gg_.__transparent_18vlg_gg_{opacity:.3}.___SAreaLine_18vlg_gg_,.___SArea_18vlg_gg_{transition-property:d;transition-duration:var(--duration_18vlg);transition-timing-function:ease-in-out}.___SNull_18vlg_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_18vlg_gg_.__hide_18vlg_gg_{display:none}" /*__inner_css_end__*/, "18vlg_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_18vlg_gg_",
+  "_color": "__color_18vlg_gg_",
+  "--color": "--color_18vlg",
+  "_transparent": "__transparent_18vlg_gg_",
+  "__SAreaLine": "___SAreaLine_18vlg_gg_",
+  "--duration": "--duration_18vlg",
+  "__SNull": "___SNull_18vlg_gg_",
+  "_hide": "__hide_18vlg_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   _inherits(AreaRoot, _Component);

package/lib/es6/Axis.js

@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_vxfr9_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_vxfr9_gg_.__hide_vxfr9_gg_,.___STick_vxfr9_gg_.__hide_vxfr9_gg_{display:none}.___STick_vxfr9_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_vxfr9_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_vxfr9_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_vxfr9)}.___STitle_vxfr9_gg_._position_top_vxfr9_gg_{text-anchor:middle}.___STitle_vxfr9_gg_._position_bottom_vxfr9_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_vxfr9_gg_._position_left_vxfr9_gg_,.___STitle_vxfr9_gg_._position_right_vxfr9_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_vxfr9_gg_._position_left_vxfr9_gg_.__verticalWritingMode_vxfr9_gg_,.___STitle_vxfr9_gg_._position_right_vxfr9_gg_.__verticalWritingMode_vxfr9_gg_{writing-mode:vertical-rl;transform:none}.___STick_vxfr9_gg_._position_top_vxfr9_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_vxfr9_gg_._position_bottom_vxfr9_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_vxfr9_gg_._position_right_vxfr9_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_vxfr9_gg_._position_left_vxfr9_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_vxfr9_gg_._position_custom_0_vxfr9_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_vxfr9_gg_._position_custom_1_vxfr9_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "vxfr9_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_vxfr9_gg_",
-  "_hide": "__hide_vxfr9_gg_",
-  "__STick": "___STick_vxfr9_gg_",
-  "__SGrid": "___SGrid_vxfr9_gg_",
-  "__STitle": "___STitle_vxfr9_gg_",
-  "--transform-origin": "--transform-origin_vxfr9",
-  "_position_top": "_position_top_vxfr9_gg_",
-  "_position_bottom": "_position_bottom_vxfr9_gg_",
-  "_position_right": "_position_right_vxfr9_gg_",
-  "_position_left": "_position_left_vxfr9_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_vxfr9_gg_",
-  "_position_custom_0": "_position_custom_0_vxfr9_gg_",
-  "_position_custom_1": "_position_custom_1_vxfr9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_1gsq8_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1gsq8_gg_.__hide_1gsq8_gg_,.___STick_1gsq8_gg_.__hide_1gsq8_gg_{display:none}.___STick_1gsq8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1gsq8_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1gsq8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1gsq8)}.___STitle_1gsq8_gg_._position_top_1gsq8_gg_{text-anchor:middle}.___STitle_1gsq8_gg_._position_bottom_1gsq8_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1gsq8_gg_._position_left_1gsq8_gg_,.___STitle_1gsq8_gg_._position_right_1gsq8_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1gsq8_gg_._position_left_1gsq8_gg_.__verticalWritingMode_1gsq8_gg_,.___STitle_1gsq8_gg_._position_right_1gsq8_gg_.__verticalWritingMode_1gsq8_gg_{writing-mode:vertical-rl;transform:none}.___STick_1gsq8_gg_._position_top_1gsq8_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1gsq8_gg_._position_bottom_1gsq8_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1gsq8_gg_._position_right_1gsq8_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1gsq8_gg_._position_left_1gsq8_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1gsq8_gg_._position_custom_0_1gsq8_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1gsq8_gg_._position_custom_1_1gsq8_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1gsq8_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_1gsq8_gg_",
+  "_hide": "__hide_1gsq8_gg_",
+  "__STick": "___STick_1gsq8_gg_",
+  "__SGrid": "___SGrid_1gsq8_gg_",
+  "__STitle": "___STitle_1gsq8_gg_",
+  "--transform-origin": "--transform-origin_1gsq8",
+  "_position_top": "_position_top_1gsq8_gg_",
+  "_position_bottom": "_position_bottom_1gsq8_gg_",
+  "_position_right": "_position_right_1gsq8_gg_",
+  "_position_left": "_position_left_1gsq8_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_1gsq8_gg_",
+  "_position_custom_0": "_position_custom_0_1gsq8_gg_",
+  "_position_custom_1": "_position_custom_1_1gsq8_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -13,14 +13,14 @@ import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { scaleToBand, roundedPath } from './utils';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_dz7q9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_dz7q9);transition-timing-function:ease-in-out}.___SBar_dz7q9_gg_.__color_dz7q9_gg_{fill:var(--color_dz7q9)}.___SBar_dz7q9_gg_.__hide_dz7q9_gg_{display:none}.___SBar_dz7q9_gg_.__transparent_dz7q9_gg_{opacity:.3}.___SBackground_dz7q9_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "dz7q9_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_dz7q9_gg_",
-  "--duration": "--duration_dz7q9",
-  "_color": "__color_dz7q9_gg_",
-  "--color": "--color_dz7q9",
-  "_hide": "__hide_dz7q9_gg_",
-  "_transparent": "__transparent_dz7q9_gg_",
-  "__SBackground": "___SBackground_dz7q9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1peg2);transition-timing-function:ease-in-out}.___SBar_1peg2_gg_.__color_1peg2_gg_{fill:var(--color_1peg2)}.___SBar_1peg2_gg_.__hide_1peg2_gg_{display:none}.___SBar_1peg2_gg_.__transparent_1peg2_gg_{opacity:.3}.___SBackground_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1peg2_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1peg2_gg_",
+  "--duration": "--duration_1peg2",
+  "_color": "__color_1peg2_gg_",
+  "--color": "--color_1peg2",
+  "_hide": "__hide_1peg2_gg_",
+  "_transparent": "__transparent_1peg2_gg_",
+  "__SBackground": "___SBackground_1peg2_gg_"
 });
 export var MIN_HEIGHT = 2;
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {

package/lib/es6/Bubble.js

@@ -20,16 +20,16 @@ import ClipPath from './ClipPath';
 import { CONSTANT, measureText } from './utils';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_gb7tp_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_gb7tp);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_gb7tp_gg_:hover{opacity:.8}}.___SBubble_gb7tp_gg_.__color_gb7tp_gg_{fill:var(--color_gb7tp)}.___SBubble_gb7tp_gg_.__transparent_gb7tp_gg_{opacity:.3}.___SCenter_gb7tp_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_gb7tp_gg_.__color_gb7tp_gg_{stroke:var(--color_gb7tp)}.___SCenter_gb7tp_gg_.__transparent_gb7tp_gg_{opacity:.3}.___SLabel_gb7tp_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_gb7tp_gg_._position_right_gb7tp_gg_{text-anchor:end}.___SLabel_gb7tp_gg_._position_left_gb7tp_gg_{text-anchor:start}.___SLabel_gb7tp_gg_.__color_gb7tp_gg_{fill:var(--color_gb7tp)}.___SLabel_gb7tp_gg_.__transparent_gb7tp_gg_{opacity:.3}" /*__inner_css_end__*/, "gb7tp_gg_") /*__reshadow_css_end__*/, {
-  "__SBubble": "___SBubble_gb7tp_gg_",
-  "--duration": "--duration_gb7tp",
-  "_color": "__color_gb7tp_gg_",
-  "--color": "--color_gb7tp",
-  "_transparent": "__transparent_gb7tp_gg_",
-  "__SCenter": "___SCenter_gb7tp_gg_",
-  "__SLabel": "___SLabel_gb7tp_gg_",
-  "_position_right": "_position_right_gb7tp_gg_",
-  "_position_left": "_position_left_gb7tp_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_nvvuz_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_nvvuz);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_nvvuz_gg_:hover{opacity:.8}}.___SBubble_nvvuz_gg_.__color_nvvuz_gg_{fill:var(--color_nvvuz)}.___SBubble_nvvuz_gg_.__transparent_nvvuz_gg_{opacity:.3}.___SCenter_nvvuz_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_nvvuz_gg_.__color_nvvuz_gg_{stroke:var(--color_nvvuz)}.___SCenter_nvvuz_gg_.__transparent_nvvuz_gg_{opacity:.3}.___SLabel_nvvuz_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_nvvuz_gg_._position_right_nvvuz_gg_{text-anchor:end}.___SLabel_nvvuz_gg_._position_left_nvvuz_gg_{text-anchor:start}.___SLabel_nvvuz_gg_.__color_nvvuz_gg_{fill:var(--color_nvvuz)}.___SLabel_nvvuz_gg_.__transparent_nvvuz_gg_{opacity:.3}" /*__inner_css_end__*/, "nvvuz_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_nvvuz_gg_",
+  "--duration": "--duration_nvvuz",
+  "_color": "__color_nvvuz_gg_",
+  "--color": "--color_nvvuz",
+  "_transparent": "__transparent_nvvuz_gg_",
+  "__SCenter": "___SCenter_nvvuz_gg_",
+  "__SLabel": "___SLabel_nvvuz_gg_",
+  "_position_right": "_position_right_nvvuz_gg_",
+  "_position_left": "_position_left_nvvuz_gg_"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   _inherits(BubbleRoot, _Component);

package/lib/es6/Donut.js

@@ -22,13 +22,13 @@ import createElement from './createElement';
 import { CONSTANT } from './utils';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_437bd_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_437bd_gg_.__color_437bd_gg_{fill:var(--color_437bd)}.___SPie_437bd_gg_.__transparent_437bd_gg_{opacity:.3}.___SEmptyData_437bd_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_437bd_gg_.__color_437bd_gg_{fill:var(--color_437bd)}.___SLabel_437bd_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "437bd_gg_") /*__reshadow_css_end__*/, {
-  "__SPie": "___SPie_437bd_gg_",
-  "_color": "__color_437bd_gg_",
-  "--color": "--color_437bd",
-  "_transparent": "__transparent_437bd_gg_",
-  "__SEmptyData": "___SEmptyData_437bd_gg_",
-  "__SLabel": "___SLabel_437bd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_h0s84_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_h0s84_gg_.__color_h0s84_gg_{fill:var(--color_h0s84)}.___SPie_h0s84_gg_.__transparent_h0s84_gg_{opacity:.3}.___SEmptyData_h0s84_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_h0s84_gg_.__color_h0s84_gg_{fill:var(--color_h0s84)}.___SLabel_h0s84_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "h0s84_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_h0s84_gg_",
+  "_color": "__color_h0s84_gg_",
+  "--color": "--color_h0s84",
+  "_transparent": "__transparent_h0s84_gg_",
+  "__SEmptyData": "___SEmptyData_h0s84_gg_",
+  "__SLabel": "___SLabel_h0s84_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 function transitionAnglePie(_ref6) {

package/lib/es6/Dots.js

@@ -7,15 +7,16 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { eventToPoint, invert, interpolateValue } from './utils';
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_5x5ec_gg_ .___SDot_5x5ec_gg_{transition-duration:var(--duration_5x5ec)}.___SDot_5x5ec_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_5x5ec_gg_.__hide_5x5ec_gg_{display:none}.___SDot_5x5ec_gg_.__active_5x5ec_gg_{r:8px}.___SDot_5x5ec_gg_.__color_5x5ec_gg_{fill:var(--color_5x5ec)}.___SDot_5x5ec_gg_.__transparent_5x5ec_gg_{opacity:.3}" /*__inner_css_end__*/, "5x5ec_gg_") /*__reshadow_css_end__*/, {
-  "__SDots": "___SDots_5x5ec_gg_",
-  "__SDot": "___SDot_5x5ec_gg_",
-  "--duration": "--duration_5x5ec",
-  "_hide": "__hide_5x5ec_gg_",
-  "_active": "__active_5x5ec_gg_",
-  "_color": "__color_5x5ec_gg_",
-  "--color": "--color_5x5ec",
-  "_transparent": "__transparent_5x5ec_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_1io0o_gg_ .___SDot_1io0o_gg_{transition-duration:var(--duration_1io0o)}.___SDot_1io0o_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:var(--radius_1io0o);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1io0o_gg_.__hide_1io0o_gg_{display:none}.___SDot_1io0o_gg_.__active_1io0o_gg_{r:calc(var(--radius_1io0o)*8/6)}.___SDot_1io0o_gg_.__color_1io0o_gg_{fill:var(--color_1io0o)}.___SDot_1io0o_gg_.__transparent_1io0o_gg_{opacity:.3}" /*__inner_css_end__*/, "1io0o_gg_") /*__reshadow_css_end__*/, {
+  "__SDots": "___SDots_1io0o_gg_",
+  "__SDot": "___SDot_1io0o_gg_",
+  "--duration": "--duration_1io0o",
+  "--radius": "--radius_1io0o",
+  "_hide": "__hide_1io0o_gg_",
+  "_active": "__active_1io0o_gg_",
+  "_color": "__color_1io0o_gg_",
+  "--color": "--color_1io0o",
+  "_transparent": "__transparent_1io0o_gg_"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 function Dots(props) {
@@ -33,7 +34,9 @@ function Dots(props) {
     scale = props.scale,
     _props$duration = props.duration,
     duration = _props$duration === void 0 ? 500 : _props$duration,
-    transparent = props.transparent;
+    transparent = props.transparent,
+    _props$radius = props.radius,
+    radius = _props$radius === void 0 ? 6 : _props$radius;
   var SDots = 'g';
   var bisect = bisector(function (d) {
     return d[x];
@@ -91,7 +94,8 @@ function Dots(props) {
       "active": active,
       "hide": hide,
       "color": color,
-      "transparent": transparent
+      "transparent": transparent,
+      "radius": radius
     }))));
     return acc;
   }, []);

package/lib/es6/Dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","trottle","createElement","eventToPoint","invert","interpolateValue","style","_sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","SDots","bisect","d","center","_useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","data","useMemo","filter","item","handlerMouseMoveRoot","e","_scale","xScale","_eventToPoint","current","_eventToPoint2","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","cn","concat"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n    transparent,\n  } = props;\n  const SDots = 'g';\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = useState(null);\n  const data = React.useMemo(\n    () => props.data.filter((item) => item[y] !== interpolateValue),\n    [props.data],\n  );\n\n  const handlerMouseMoveRoot = useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, scale, data, x, y]);\n\n  const dots = data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    const visible = display || i === activeIndex || (!isPrev && !isNext);\n    if (!d3.defined()(d)) return acc;\n    if (!visible) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          aria-hidden\n          key={`${i}`}\n          render='circle'\n          visible={visible}\n          __excludeProps={EXCLUDE_PROPS}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={color}\n          transparent={transparent}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n  return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
+{"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","trottle","createElement","eventToPoint","invert","interpolateValue","style","_sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","_props$radius","radius","SDots","bisect","d","center","_useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","data","useMemo","filter","item","handlerMouseMoveRoot","e","_scale","xScale","_eventToPoint","current","_eventToPoint2","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","cn","concat"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n    transparent,\n    radius = 6,\n  } = props;\n  const SDots = 'g';\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = useState(null);\n  const data = React.useMemo(\n    () => props.data.filter((item) => item[y] !== interpolateValue),\n    [props.data],\n  );\n\n  const handlerMouseMoveRoot = useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, scale, data, x, y]);\n\n  const dots = data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    const visible = display || i === activeIndex || (!isPrev && !isNext);\n    if (!d3.defined()(d)) return acc;\n    if (!visible) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          aria-hidden\n          key={`${i}`}\n          render='circle'\n          visible={visible}\n          __excludeProps={EXCLUDE_PROPS}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={color}\n          transparent={transparent}\n          radius={radius}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n  return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}

package/lib/es6/HorizontalBar.js

@@ -12,14 +12,14 @@ import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { scaleToBand, roundedPath } from './utils';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_dz7q9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_dz7q9);transition-timing-function:ease-in-out}.___SBar_dz7q9_gg_.__color_dz7q9_gg_{fill:var(--color_dz7q9)}.___SBar_dz7q9_gg_.__hide_dz7q9_gg_{display:none}.___SBar_dz7q9_gg_.__transparent_dz7q9_gg_{opacity:.3}.___SBackground_dz7q9_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "dz7q9_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_dz7q9_gg_",
-  "--duration": "--duration_dz7q9",
-  "_color": "__color_dz7q9_gg_",
-  "--color": "--color_dz7q9",
-  "_hide": "__hide_dz7q9_gg_",
-  "_transparent": "__transparent_dz7q9_gg_",
-  "__SBackground": "___SBackground_dz7q9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1peg2);transition-timing-function:ease-in-out}.___SBar_1peg2_gg_.__color_1peg2_gg_{fill:var(--color_1peg2)}.___SBar_1peg2_gg_.__hide_1peg2_gg_{display:none}.___SBar_1peg2_gg_.__transparent_1peg2_gg_{opacity:.3}.___SBackground_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1peg2_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1peg2_gg_",
+  "--duration": "--duration_1peg2",
+  "_color": "__color_1peg2_gg_",
+  "--color": "--color_1peg2",
+  "_hide": "__hide_1peg2_gg_",
+  "_transparent": "__transparent_1peg2_gg_",
+  "__SBackground": "___SBackground_1peg2_gg_"
 });
 export var MIN_WIDTH = 2;
 var calcPartBarX = function calcPartBarX(x, minWidth, width) {

package/lib/es6/Hover.js

@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT, scaleToBand } from './utils';
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_10tj0_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_10tj0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "10tj0_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_10tj0_gg_",
-  "__SHoverRect": "___SHoverRect_10tj0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1sf9f_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1sf9f_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1sf9f_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_1sf9f_gg_",
+  "__SHoverRect": "___SHoverRect_1sf9f_gg_"
 });
 import Tooltip from './Tooltip';
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/es6/Line.js

@@ -14,14 +14,14 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolat
 import Dots from './Dots';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1abi7_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1abi7);transition-timing-function:ease-in-out}.___SLine_1abi7_gg_.__color_1abi7_gg_{stroke:var(--color_1abi7)}.___SLine_1abi7_gg_.__hide_1abi7_gg_{display:none}.___SLine_1abi7_gg_.__transparent_1abi7_gg_{opacity:.3}.___SNull_1abi7_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1abi7_gg_.__hide_1abi7_gg_{display:none}" /*__inner_css_end__*/, "1abi7_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_1abi7_gg_",
-  "--duration": "--duration_1abi7",
-  "_color": "__color_1abi7_gg_",
-  "--color": "--color_1abi7",
-  "_hide": "__hide_1abi7_gg_",
-  "_transparent": "__transparent_1abi7_gg_",
-  "__SNull": "___SNull_1abi7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1c6kv_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1c6kv);transition-timing-function:ease-in-out}.___SLine_1c6kv_gg_.__color_1c6kv_gg_{stroke:var(--color_1c6kv)}.___SLine_1c6kv_gg_.__hide_1c6kv_gg_{display:none}.___SLine_1c6kv_gg_.__transparent_1c6kv_gg_{opacity:.3}.___SNull_1c6kv_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1c6kv_gg_.__hide_1c6kv_gg_{display:none}" /*__inner_css_end__*/, "1c6kv_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_1c6kv_gg_",
+  "--duration": "--duration_1c6kv",
+  "_color": "__color_1c6kv_gg_",
+  "--color": "--color_1c6kv",
+  "_hide": "__hide_1c6kv_gg_",
+  "_transparent": "__transparent_1c6kv_gg_",
+  "__SNull": "___SNull_1c6kv_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/lib/es6/Plot.js

@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_8ez4d_gg_{overflow:hidden}.___SPlot_8ez4d_gg_:active,.___SPlot_8ez4d_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_8ez4d_gg_.__keyboardFocused_8ez4d_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "8ez4d_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_8ez4d_gg_",
-  "_keyboardFocused": "__keyboardFocused_8ez4d_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1lmjr_gg_{overflow:hidden}.___SPlot_1lmjr_gg_:active,.___SPlot_1lmjr_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1lmjr_gg_.__keyboardFocused_1lmjr_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1lmjr_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_1lmjr_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lmjr_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);

package/lib/es6/Radar.js

@@ -21,23 +21,23 @@ import createElement from './createElement';
 import { CONSTANT, eventToPoint, measureText } from './utils';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_161sa_gg_,.___SAxisTick_161sa_gg_,.___SAxis_161sa_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_161sa_gg_,.___SAxisTick_161sa_gg_{stroke-dasharray:2}.___SAxisLine_161sa_gg_.__active_161sa_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_161sa_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_161sa_gg_.__xDirection_161sa_gg_{text-anchor:var(--xDirection_161sa)}.___SAxisLabel_161sa_gg_.__yDirection_161sa_gg_{dominant-baseline:var(--yDirection_161sa)}.___SPolygonDot_161sa_gg_,.___SPolygon_161sa_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_161sa_gg_{opacity:.2}.___SPolygon_161sa_gg_.__color_161sa_gg_{fill:var(--color_161sa)}.___SPolygonDot_161sa_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_161sa_gg_.__transparent_161sa_gg_{opacity:.3}.___SPolygonDot_161sa_gg_.__color_161sa_gg_{fill:var(--color_161sa)}.___SPolygonLine_161sa_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_161sa_gg_.__transparent_161sa_gg_{opacity:.3}.___SPolygonLine_161sa_gg_.__color_161sa_gg_{stroke:var(--color_161sa)}.___SPieRect_161sa_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "161sa_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_161sa_gg_",
-  "__SAxisLine": "___SAxisLine_161sa_gg_",
-  "__SAxisTick": "___SAxisTick_161sa_gg_",
-  "_active": "__active_161sa_gg_",
-  "__SAxisLabel": "___SAxisLabel_161sa_gg_",
-  "_xDirection": "__xDirection_161sa_gg_",
-  "--xDirection": "--xDirection_161sa",
-  "_yDirection": "__yDirection_161sa_gg_",
-  "--yDirection": "--yDirection_161sa",
-  "__SPolygon": "___SPolygon_161sa_gg_",
-  "_color": "__color_161sa_gg_",
-  "--color": "--color_161sa",
-  "__SPolygonDot": "___SPolygonDot_161sa_gg_",
-  "_transparent": "__transparent_161sa_gg_",
-  "__SPolygonLine": "___SPolygonLine_161sa_gg_",
-  "__SPieRect": "___SPieRect_161sa_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_ji8yk_gg_,.___SAxisTick_ji8yk_gg_,.___SAxis_ji8yk_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_ji8yk_gg_,.___SAxisTick_ji8yk_gg_{stroke-dasharray:2}.___SAxisLine_ji8yk_gg_.__active_ji8yk_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_ji8yk_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_ji8yk_gg_.__xDirection_ji8yk_gg_{text-anchor:var(--xDirection_ji8yk)}.___SAxisLabel_ji8yk_gg_.__yDirection_ji8yk_gg_{dominant-baseline:var(--yDirection_ji8yk)}.___SPolygonDot_ji8yk_gg_,.___SPolygon_ji8yk_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_ji8yk_gg_{opacity:.2}.___SPolygon_ji8yk_gg_.__color_ji8yk_gg_{fill:var(--color_ji8yk)}.___SPolygonDot_ji8yk_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_ji8yk_gg_.__transparent_ji8yk_gg_{opacity:.3}.___SPolygonDot_ji8yk_gg_.__color_ji8yk_gg_{fill:var(--color_ji8yk)}.___SPolygonLine_ji8yk_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_ji8yk_gg_.__transparent_ji8yk_gg_{opacity:.3}.___SPolygonLine_ji8yk_gg_.__color_ji8yk_gg_{stroke:var(--color_ji8yk)}.___SPieRect_ji8yk_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "ji8yk_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_ji8yk_gg_",
+  "__SAxisLine": "___SAxisLine_ji8yk_gg_",
+  "__SAxisTick": "___SAxisTick_ji8yk_gg_",
+  "_active": "__active_ji8yk_gg_",
+  "__SAxisLabel": "___SAxisLabel_ji8yk_gg_",
+  "_xDirection": "__xDirection_ji8yk_gg_",
+  "--xDirection": "--xDirection_ji8yk",
+  "_yDirection": "__yDirection_ji8yk_gg_",
+  "--yDirection": "--yDirection_ji8yk",
+  "__SPolygon": "___SPolygon_ji8yk_gg_",
+  "_color": "__color_ji8yk_gg_",
+  "--color": "--color_ji8yk",
+  "__SPolygonDot": "___SPolygonDot_ji8yk_gg_",
+  "_transparent": "__transparent_ji8yk_gg_",
+  "__SPolygonLine": "___SPolygonLine_ji8yk_gg_",
+  "__SPieRect": "___SPieRect_ji8yk_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/es6/RadialTree.js

@@ -21,18 +21,18 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import createElement from './createElement';
 import { measureText } from './utils';
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1c109_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1c109_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1c109_gg_.__color_1c109_gg_{stroke:var(--color_1c109)}.___SCap_1c109_gg_.__transparent_1c109_gg_,.___SIcon_1c109_gg_.__transparent_1c109_gg_,.___SLabel_1c109_gg_.__transparent_1c109_gg_,.___SLine_1c109_gg_.__transparent_1c109_gg_{opacity:.3}.___SCap_1c109_gg_{transition:r .1s}.___SLabel_1c109_gg_{fill:var(--color_1c109);cursor:var(--text-cursor_1c109)}@media (hover:hover){.___SRadian_1c109_gg_:hover .___SLabel_1c109_gg_{fill:var(--color-hovered_1c109)}}@media (prefers-reduced-motion){.___SLineCap_1c109_gg_{transition:none}}" /*__inner_css_end__*/, "1c109_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_1c109_gg_",
-  "__SLine": "___SLine_1c109_gg_",
-  "_color": "__color_1c109_gg_",
-  "--color": "--color_1c109",
-  "_transparent": "__transparent_1c109_gg_",
-  "__SCap": "___SCap_1c109_gg_",
-  "__SIcon": "___SIcon_1c109_gg_",
-  "__SLabel": "___SLabel_1c109_gg_",
-  "--text-cursor": "--text-cursor_1c109",
-  "--color-hovered": "--color-hovered_1c109",
-  "__SLineCap": "___SLineCap_1c109_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_10tef_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10tef_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10tef_gg_.__color_10tef_gg_{stroke:var(--color_10tef)}.___SCap_10tef_gg_.__transparent_10tef_gg_,.___SIcon_10tef_gg_.__transparent_10tef_gg_,.___SLabel_10tef_gg_.__transparent_10tef_gg_,.___SLine_10tef_gg_.__transparent_10tef_gg_{opacity:.3}.___SCap_10tef_gg_{transition:r .1s}.___SLabel_10tef_gg_{fill:var(--color_10tef);cursor:var(--text-cursor_10tef)}@media (hover:hover){.___SRadian_10tef_gg_:hover .___SLabel_10tef_gg_{fill:var(--color-hovered_10tef)}}@media (prefers-reduced-motion){.___SLineCap_10tef_gg_{transition:none}}" /*__inner_css_end__*/, "10tef_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_10tef_gg_",
+  "__SLine": "___SLine_10tef_gg_",
+  "_color": "__color_10tef_gg_",
+  "--color": "--color_10tef",
+  "_transparent": "__transparent_10tef_gg_",
+  "__SCap": "___SCap_10tef_gg_",
+  "__SIcon": "___SIcon_10tef_gg_",
+  "__SLabel": "___SLabel_10tef_gg_",
+  "--text-cursor": "--text-cursor_10tef",
+  "--color-hovered": "--color-hovered_10tef",
+  "__SLineCap": "___SLineCap_10tef_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 var RadialTreeBase = /*#__PURE__*/function (_Component) {

package/lib/es6/ReferenceLine.js

@@ -11,15 +11,15 @@ import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/reference-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_16ery_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_16ery_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_16ery)}.___STitle_16ery_gg_._position_top_16ery_gg_{text-anchor:middle}.___STitle_16ery_gg_._position_bottom_16ery_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_16ery_gg_._position_left_16ery_gg_,.___STitle_16ery_gg_._position_right_16ery_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_16ery_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "16ery_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_16ery_gg_",
-  "__STitle": "___STitle_16ery_gg_",
-  "--transform-origin": "--transform-origin_16ery",
-  "_position_top": "_position_top_16ery_gg_",
-  "_position_bottom": "_position_bottom_16ery_gg_",
-  "_position_right": "_position_right_16ery_gg_",
-  "_position_left": "_position_left_16ery_gg_",
-  "__SBackground": "___SBackground_16ery_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1sp1i_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1sp1i_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1sp1i)}.___STitle_1sp1i_gg_._position_top_1sp1i_gg_{text-anchor:middle}.___STitle_1sp1i_gg_._position_bottom_1sp1i_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1sp1i_gg_._position_left_1sp1i_gg_,.___STitle_1sp1i_gg_._position_right_1sp1i_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1sp1i_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1sp1i_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_1sp1i_gg_",
+  "__STitle": "___STitle_1sp1i_gg_",
+  "--transform-origin": "--transform-origin_1sp1i",
+  "_position_top": "_position_top_1sp1i_gg_",
+  "_position_bottom": "_position_bottom_1sp1i_gg_",
+  "_position_right": "_position_right_1sp1i_gg_",
+  "_position_left": "_position_left_1sp1i_gg_",
+  "__SBackground": "___SBackground_1sp1i_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -18,13 +18,13 @@ import { CONSTANT } from './utils';
 import ClipPath from './ClipPath';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1s1zi_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1s1zi);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1s1zi_gg_:hover{opacity:.8}}.___SScatterPlot_1s1zi_gg_.__color_1s1zi_gg_{fill:var(--color_1s1zi)}.___SScatterPlot_1s1zi_gg_.__transparent_1s1zi_gg_{opacity:.3}.___SValue_1s1zi_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1s1zi_gg_.__color_1s1zi_gg_{stroke:var(--color_1s1zi)}.___SValue_1s1zi_gg_.__transparent_1s1zi_gg_{opacity:.3}" /*__inner_css_end__*/, "1s1zi_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_1s1zi_gg_",
-  "--duration": "--duration_1s1zi",
-  "_color": "__color_1s1zi_gg_",
-  "--color": "--color_1s1zi",
-  "_transparent": "__transparent_1s1zi_gg_",
-  "__SValue": "___SValue_1s1zi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_eblkd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_eblkd);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_eblkd_gg_:hover{opacity:.8}}.___SScatterPlot_eblkd_gg_.__color_eblkd_gg_{fill:var(--color_eblkd)}.___SScatterPlot_eblkd_gg_.__transparent_eblkd_gg_{opacity:.3}.___SValue_eblkd_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_eblkd_gg_.__color_eblkd_gg_{stroke:var(--color_eblkd)}.___SValue_eblkd_gg_.__transparent_eblkd_gg_{opacity:.3}" /*__inner_css_end__*/, "eblkd_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_eblkd_gg_",
+  "--duration": "--duration_eblkd",
+  "_color": "__color_eblkd_gg_",
+  "--color": "--color_eblkd",
+  "_transparent": "__transparent_eblkd_gg_",
+  "__SValue": "___SValue_eblkd_gg_"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);

package/lib/es6/Tooltip.js

@@ -21,14 +21,14 @@ import resolveColor from '@semcore/utils/lib/color';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1pv6n_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_1pv6n_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1pv6n_gg_{display:flex;align-items:center}.___SDot_1pv6n_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1pv6n_gg_.__color_1pv6n_gg_{background:var(--color_1pv6n)}.___SFooter_1pv6n_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__*/, "1pv6n_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_1pv6n_gg_",
-  "__STitle": "___STitle_1pv6n_gg_",
-  "__SDotGroup": "___SDotGroup_1pv6n_gg_",
-  "__SDot": "___SDot_1pv6n_gg_",
-  "_color": "__color_1pv6n_gg_",
-  "--color": "--color_1pv6n",
-  "__SFooter": "___SFooter_1pv6n_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_g13bo_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_g13bo_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_g13bo_gg_{display:flex;align-items:center}.___SDot_g13bo_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_g13bo_gg_.__color_g13bo_gg_{background:var(--color_g13bo)}.___SFooter_g13bo_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__*/, "g13bo_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_g13bo_gg_",
+  "__STitle": "___STitle_g13bo_gg_",
+  "__SDotGroup": "___SDotGroup_g13bo_gg_",
+  "__SDot": "___SDot_g13bo_gg_",
+  "_color": "__color_g13bo_gg_",
+  "--color": "--color_g13bo",
+  "__SFooter": "___SFooter_g13bo_gg_"
 });
 var TooltipRoot = /*#__PURE__*/function (_Component) {
   _inherits(TooltipRoot, _Component);

package/lib/es6/Venn.js

@@ -18,13 +18,13 @@ import createElement from './createElement';
 import { CONSTANT } from './utils';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_12qus_gg_,.___SIntersection_12qus_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_12qus_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_12qus);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_12qus_gg_:hover{fill-opacity:.7}}.___SCircle_12qus_gg_.__color_12qus_gg_{fill:var(--color_12qus)}.___SCircle_12qus_gg_.__transparent_12qus_gg_{opacity:.3}.___SIntersection_12qus_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_12qus_gg_:hover{fill-opacity:.1}}.___SIntersection_12qus_gg_.__transparent_12qus_gg_{opacity:.3}" /*__inner_css_end__*/, "12qus_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_12qus_gg_",
-  "--duration": "--duration_12qus",
-  "_color": "__color_12qus_gg_",
-  "--color": "--color_12qus",
-  "_transparent": "__transparent_12qus_gg_",
-  "__SIntersection": "___SIntersection_12qus_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_c9sgm_gg_,.___SIntersection_c9sgm_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_c9sgm_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_c9sgm);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_c9sgm_gg_:hover{fill-opacity:.7}}.___SCircle_c9sgm_gg_.__color_c9sgm_gg_{fill:var(--color_c9sgm)}.___SCircle_c9sgm_gg_.__transparent_c9sgm_gg_{opacity:.3}.___SIntersection_c9sgm_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_c9sgm_gg_:hover{fill-opacity:.1}}.___SIntersection_c9sgm_gg_.__transparent_c9sgm_gg_{opacity:.3}" /*__inner_css_end__*/, "c9sgm_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_c9sgm_gg_",
+  "--duration": "--duration_c9sgm",
+  "_color": "__color_c9sgm_gg_",
+  "--color": "--color_c9sgm",
+  "_transparent": "__transparent_c9sgm_gg_",
+  "__SIntersection": "___SIntersection_c9sgm_gg_"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   _inherits(VennRoot, _Component);