@semcore/d3-chart 17.1.0 → 17.2.0-prerelease.5

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

@@ -6,14 +6,14 @@ import { Box } from '@semcore/base-components';
 import { createComponent, sstyled, Root } from '@semcore/core';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-table.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_8u9rt_gg_.__columns-count_8u9rt_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_8u9rt_gg_._size_l_8u9rt_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_8u9rt_gg_._size_m_8u9rt_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"8u9rt_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_1vvs7_gg_.__columns-count_1vvs7_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_1vvs7_gg_._size_l_1vvs7_gg_{font-size:var(--intergalactic-fs-300,16px);text-align:right}.___SColumnItem_1vvs7_gg_._size_m_1vvs7_gg_{font-size:var(--intergalactic-fs-200,14px);text-align:right}", /*__inner_css_end__*/"1vvs7_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendTable": "___SLegendTable_8u9rt_gg_",
-  "_columns-count": "__columns-count_8u9rt_gg_",
-  "__SColumnItem": "___SColumnItem_8u9rt_gg_",
-  "_size_l": "_size_l_8u9rt_gg_",
-  "_size_m": "_size_m_8u9rt_gg_"
+  "__SLegendTable": "___SLegendTable_1vvs7_gg_",
+  "_columns-count": "__columns-count_1vvs7_gg_",
+  "__SColumnItem": "___SColumnItem_1vvs7_gg_",
+  "_size_l": "_size_l_1vvs7_gg_",
+  "_size_m": "_size_m_1vvs7_gg_"
 });
 import { BaseLegend } from '../BaseLegend';
 import { LegendItemComponent } from '../LegendItem/LegendItem';
@@ -77,6 +77,12 @@ function ColumnComponent(props) {
     }, _ref2)
   }), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
 }
+
+/**
+ * LegendTable
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}
+ */
 export const LegendTable = createComponent(LegendTableRoot, {
   LegendItem: LegendItemComponent,
   Column: ColumnComponent

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

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["Box","createComponent","sstyled","Root","React","style","_sstyled","insert","BaseLegend","LegendItemComponent","LegendTableRoot","render","_ref","asProps","_ref3","SLegendTable","styles","Children","size","items","columnsCount","columns","length","createElement","cn","_assignProps","map","id","_index","Fragment","key","item","index","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport React from 'react';\n\nimport style from './legend-table.shadow.css';\nimport type { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role='group'>\n        {items.map(({ id, columns = [] }, _index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n}) as LegendTableType;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LegendTable.js","names":["Box","createComponent","sstyled","Root","React","style","_sstyled","insert","BaseLegend","LegendItemComponent","LegendTableRoot","render","_ref","asProps","_ref3","SLegendTable","styles","Children","size","items","columnsCount","columns","length","createElement","cn","_assignProps","map","id","_index","Fragment","key","item","index","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport React from 'react';\n\nimport style from './legend-table.shadow.css';\nimport type { LegendTableType, LegendTableProps, LegendColumnProps, LegendTableDefaultProps } from './LegendTable.type';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps, [], LegendTableDefaultProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role='group'>\n        {items.map(({ id, columns = [] }, _index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\n/**\n * LegendTable\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}\n */\nexport const LegendTable = createComponent<\n  LegendTableType,\n  typeof LegendTableRoot\n>(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps, LSize } from '../BaseLegend.type';\nimport type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {\n  /**\n   * Legend items\n   */\n  items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n  index: number;\n  size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n  LegendItem: LegendItemType;\n  Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps, LSize } from '../BaseLegend.type';\nimport type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {\n  /**\n   * Legend items\n   */\n  items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendTableDefaultProps = {\n  children: React.JSX.Element;\n};\n\nexport type LegendColumnProps = {\n  index: number;\n  size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n  LegendItem: LegendItemType;\n  Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Cigarette/Cigarette.js

@@ -131,6 +131,12 @@ class CigaretteBarRoot extends Component {
     })));
   }
 }
+
+/**
+ * CigaretteBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-code/|Examples}
+ */
 _defineProperty(CigaretteBarRoot, "displayName", 'Cigarette.BarItem');
 _defineProperty(CigaretteBarRoot, "enhance", [uniqueIDEnhancement()]);
 _defineProperty(CigaretteBarRoot, "style", {});

package/lib/es6/component/Cigarette/Cigarette.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cigarette.js","names":["Component","sstyled","callAllEventHandlers","uniqueIDEnhancement","React","createElement","PatternFill","roundedPath","CigaretteBarRoot","constructor","args","_defineProperty","createRef","handlers","hovered","setCursor","e","onClick","dataKey","asProps","currentTarget","tagName","stopPropagation","value","refElement","current","style","setProperty","uncontrolledProps","getRect","x","y","width","height","r","radius","direction","index","xV","yV","widthV","heightV","render","_ref","SBar","Element","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","Fragment","key","cn","undefined","handleMouseMove","handleMouseLeave","handleClick","offset","defaultHovered"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any, [], { hovered: boolean }> {\n  static displayName = 'Cigarette.BarItem';\n  static enhance = [uniqueIDEnhancement()];\n  static style = {};\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    direction: 'horizontal',\n    defaultHovered: false,\n  };\n\n  refElement = React.createRef<SVGPathElement>();\n\n  uncontrolledProps() {\n    return {\n      hovered: false,\n    };\n  }\n\n  handleMouseMove = () => {\n    this.handlers.hovered(true);\n    this.setCursor('pointer');\n  };\n\n  handleMouseLeave = () => {\n    this.handlers.hovered(false);\n    this.setCursor('auto');\n  };\n\n  handleClick = (e: React.SyntheticEvent) => {\n    const { onClick, dataKey } = this.asProps;\n\n    if (onClick && e.currentTarget.tagName === 'path') {\n      e.stopPropagation();\n\n      onClick(dataKey, e);\n\n      return false;\n    }\n  };\n\n  setCursor = (value: 'pointer' | 'auto') => {\n    const { onClick } = this.asProps;\n\n    if (onClick) {\n      this.refElement.current?.style.setProperty('cursor', value);\n    }\n  };\n\n  getRect() {\n    const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n    let xV = x;\n    let yV = y;\n    let widthV = width;\n    let heightV = height;\n\n    if (hovered && direction === 'horizontal') {\n      yV = yV - 2;\n      heightV = heightV + 4;\n    }\n\n    if (hovered && direction === 'vertical') {\n      xV = xV - 2;\n      widthV = widthV + 4;\n    }\n\n    if (radius) {\n      if (direction === 'horizontal') {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n        }\n      } else {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n        }\n      }\n    }\n\n    return roundedPath(xV, yV, widthV, heightV, radius);\n  }\n\n  render() {\n    // @ts-ignore\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      data,\n      dataKey,\n      index,\n      hide,\n      uid,\n      duration,\n      onMouseMove,\n      onMouseLeave,\n      transparent,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n\n    const dSvg = this.getRect();\n\n    return (\n      <React.Fragment key={`horizontal-bar-${index}`}>\n        {sstyled(styles)(\n          <SBar\n            ref={this.refElement}\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'offset']}\n            childrenPosition='above'\n            value={data[dataKey]}\n            index={index}\n            hide={hide}\n            fill={resolveColor(color)}\n            pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n            transparent={transparent}\n            d={dSvg}\n            use:duration={`${duration}ms`}\n            onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n            use:onClick={this.handleClick}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${index}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nexport default createElement(CigaretteBarRoot);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Cigarette.js","names":["Component","sstyled","callAllEventHandlers","uniqueIDEnhancement","React","createElement","PatternFill","roundedPath","CigaretteBarRoot","constructor","args","_defineProperty","createRef","handlers","hovered","setCursor","e","onClick","dataKey","asProps","currentTarget","tagName","stopPropagation","value","refElement","current","style","setProperty","uncontrolledProps","getRect","x","y","width","height","r","radius","direction","index","xV","yV","widthV","heightV","render","_ref","SBar","Element","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","Fragment","key","cn","undefined","handleMouseMove","handleMouseLeave","handleClick","offset","defaultHovered"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any, [], { hovered: boolean }> {\n  static displayName = 'Cigarette.BarItem';\n  static enhance = [uniqueIDEnhancement()];\n  static style = {};\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    direction: 'horizontal',\n    defaultHovered: false,\n  };\n\n  refElement = React.createRef<SVGPathElement>();\n\n  uncontrolledProps() {\n    return {\n      hovered: false,\n    };\n  }\n\n  handleMouseMove = () => {\n    this.handlers.hovered(true);\n    this.setCursor('pointer');\n  };\n\n  handleMouseLeave = () => {\n    this.handlers.hovered(false);\n    this.setCursor('auto');\n  };\n\n  handleClick = (e: React.SyntheticEvent) => {\n    const { onClick, dataKey } = this.asProps;\n\n    if (onClick && e.currentTarget.tagName === 'path') {\n      e.stopPropagation();\n\n      onClick(dataKey, e);\n\n      return false;\n    }\n  };\n\n  setCursor = (value: 'pointer' | 'auto') => {\n    const { onClick } = this.asProps;\n\n    if (onClick) {\n      this.refElement.current?.style.setProperty('cursor', value);\n    }\n  };\n\n  getRect() {\n    const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n    let xV = x;\n    let yV = y;\n    let widthV = width;\n    let heightV = height;\n\n    if (hovered && direction === 'horizontal') {\n      yV = yV - 2;\n      heightV = heightV + 4;\n    }\n\n    if (hovered && direction === 'vertical') {\n      xV = xV - 2;\n      widthV = widthV + 4;\n    }\n\n    if (radius) {\n      if (direction === 'horizontal') {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n        }\n      } else {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n        }\n      }\n    }\n\n    return roundedPath(xV, yV, widthV, heightV, radius);\n  }\n\n  render() {\n    // @ts-ignore\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      data,\n      dataKey,\n      index,\n      hide,\n      uid,\n      duration,\n      onMouseMove,\n      onMouseLeave,\n      transparent,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n\n    const dSvg = this.getRect();\n\n    return (\n      <React.Fragment key={`horizontal-bar-${index}`}>\n        {sstyled(styles)(\n          <SBar\n            ref={this.refElement}\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'offset']}\n            childrenPosition='above'\n            value={data[dataKey]}\n            index={index}\n            hide={hide}\n            fill={resolveColor(color)}\n            pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n            transparent={transparent}\n            d={dSvg}\n            use:duration={`${duration}ms`}\n            onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n            use:onClick={this.handleClick}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${index}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\n/**\n * CigaretteBar\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-code/|Examples}\n */\nexport default createElement(CigaretteBarRoot);\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,5 +17,5 @@ foreignObject[data-aria-only] {
 
 SPlot:has(foreignObject[data-aria-only]:focus-within) {
   @mixin focus-outline-mixin;
-  border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
+  border-radius: var(--intergalactic-surface-rounded, 8px);
 }

package/lib/esm/AnimatedClipPath.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component, createComponent } from "@semcore/core";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
 import React from "react";

package/lib/esm/Area.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import findComponent from "@semcore/core/lib/utils/findComponent";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
@@ -16,21 +16,21 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SArea_ba63d_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));fill-opacity:.2}.___SArea_ba63d_gg_.__color_ba63d_gg_{fill:var(--color_ba63d)}.___SArea_ba63d_gg_.__pattern_ba63d_gg_{fill:var(--pattern_ba63d);fill-opacity:.7}.___SArea_ba63d_gg_.__transparent_ba63d_gg_{opacity:.3}.___SAreaLine_ba63d_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SAreaLine_ba63d_gg_.__color_ba63d_gg_{stroke:var(--color_ba63d)}.___SAreaLine_ba63d_gg_.__transparent_ba63d_gg_{opacity:.3}.___SAreaLine_ba63d_gg_,.___SArea_ba63d_gg_{transition-property:d;transition-duration:var(--duration_ba63d);transition-timing-function:ease-in-out}.___SNull_ba63d_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215));stroke-dasharray:4}.___SNull_ba63d_gg_.__hide_ba63d_gg_{display:none}",
+    ".___SArea_1v4u4_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);fill-opacity:.2}.___SArea_1v4u4_gg_.__color_1v4u4_gg_{fill:var(--color_1v4u4)}.___SArea_1v4u4_gg_.__pattern_1v4u4_gg_{fill:var(--pattern_1v4u4);fill-opacity:.7}.___SArea_1v4u4_gg_.__transparent_1v4u4_gg_{opacity:.3}.___SAreaLine_1v4u4_gg_{stroke:var(--intergalactic-chart-palette-order-1,#666bdb);stroke-width:3;fill:#0000}.___SAreaLine_1v4u4_gg_.__color_1v4u4_gg_{stroke:var(--color_1v4u4)}.___SAreaLine_1v4u4_gg_.__transparent_1v4u4_gg_{opacity:.3}.___SAreaLine_1v4u4_gg_,.___SArea_1v4u4_gg_{transition-property:d;transition-duration:var(--duration_1v4u4);transition-timing-function:ease-in-out}.___SNull_1v4u4_gg_{fill:#0000;stroke:var(--intergalactic-chart-grid-x-axis,#d6d8d7);stroke-dasharray:4}.___SNull_1v4u4_gg_.__hide_1v4u4_gg_{display:none}",
     /*__inner_css_end__*/
-    "ba63d_gg_"
+    "1v4u4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SArea": "___SArea_ba63d_gg_",
-    "_color": "__color_ba63d_gg_",
-    "--color": "--color_ba63d",
-    "_pattern": "__pattern_ba63d_gg_",
-    "--pattern": "--pattern_ba63d",
-    "_transparent": "__transparent_ba63d_gg_",
-    "__SAreaLine": "___SAreaLine_ba63d_gg_",
-    "--duration": "--duration_ba63d",
-    "__SNull": "___SNull_ba63d_gg_",
-    "_hide": "__hide_ba63d_gg_"
+    "__SArea": "___SArea_1v4u4_gg_",
+    "_color": "__color_1v4u4_gg_",
+    "--color": "--color_1v4u4",
+    "_pattern": "__pattern_1v4u4_gg_",
+    "--pattern": "--pattern_1v4u4",
+    "_transparent": "__transparent_1v4u4_gg_",
+    "__SAreaLine": "___SAreaLine_1v4u4_gg_",
+    "--duration": "--duration_1v4u4",
+    "__SNull": "___SNull_1v4u4_gg_",
+    "_hide": "__hide_1v4u4_gg_"
   })
 );
 class AreaRoot extends Component {

package/lib/esm/Axis.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import React, { useState, useEffect } from "react";
 import createElement from "./createElement.mjs";
@@ -9,26 +9,26 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SAxis_1ci3k_gg_{stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SAxis_1ci3k_gg_.__hide_1ci3k_gg_{display:none}.___STick_1ci3k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___STick_1ci3k_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STick_1ci3k_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STick_1ci3k_gg_.__primaryText_1ci3k_gg_{fill:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STick_1ci3k_gg_.__hide_1ci3k_gg_{display:none}.___SGrid_1ci3k_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SGrid_1ci3k_gg_{stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SGrid_1ci3k_gg_{stroke:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1ci3k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583));transform-origin:var(--transform-origin_1ci3k)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1ci3k_gg_{fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1ci3k_gg_{fill:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_1ci3k_gg_._position_top_1ci3k_gg_{text-anchor:middle}.___STitle_1ci3k_gg_._position_bottom_1ci3k_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1ci3k_gg_._position_left_1ci3k_gg_,.___STitle_1ci3k_gg_._position_right_1ci3k_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1ci3k_gg_._position_left_1ci3k_gg_.__verticalWritingMode_1ci3k_gg_,.___STitle_1ci3k_gg_._position_right_1ci3k_gg_.__verticalWritingMode_1ci3k_gg_{writing-mode:vertical-rl;transform:none}.___STick_1ci3k_gg_._position_top_1ci3k_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1ci3k_gg_._position_bottom_1ci3k_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1ci3k_gg_._position_bottom_1ci3k_gg_ tspan{dominant-baseline:hanging}.___STick_1ci3k_gg_._position_right_1ci3k_gg_{transform:translateX(16px);dominant-baseline:middle}.___STick_1ci3k_gg_._position_left_1ci3k_gg_ tspan,.___STick_1ci3k_gg_._position_right_1ci3k_gg_ tspan{dominant-baseline:middle}.___STick_1ci3k_gg_._position_left_1ci3k_gg_.__multiline_1ci3k_gg_,.___STick_1ci3k_gg_._position_left_1ci3k_gg_.__multiline_1ci3k_gg_ tspan,.___STick_1ci3k_gg_._position_right_1ci3k_gg_.__multiline_1ci3k_gg_,.___STick_1ci3k_gg_._position_right_1ci3k_gg_.__multiline_1ci3k_gg_ tspan{dominant-baseline:auto}.___STick_1ci3k_gg_._position_left_1ci3k_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1ci3k_gg_._position_custom_0_1ci3k_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1ci3k_gg_._position_custom_0_1ci3k_gg_ tspan{dominant-baseline:hanging}.___STick_1ci3k_gg_._position_custom_1_1ci3k_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1ci3k_gg_._position_custom_1_1ci3k_gg_ tspan{dominant-baseline:middle}",
+    ".___SAxis_x8cp3_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#d6d8d7)}.___SAxis_x8cp3_gg_.__hide_x8cp3_gg_{display:none}.___STick_x8cp3_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___STick_x8cp3_gg_{fill:var(--intergalactic-chart-grid-text-label,#00030095)}@media (color-gamut:p3){.___STick_x8cp3_gg_{fill:var(--intergalactic-chart-grid-text-label,color(display-p3 .00228 .01289 .00252/.583))}}}.___STick_x8cp3_gg_.__primaryText_x8cp3_gg_{fill:var(--intergalactic-text-primary,#010500e5)}.___STick_x8cp3_gg_.__hide_x8cp3_gg_{display:none}.___SGrid_x8cp3_gg_{fill:#0000;stroke:var(--intergalactic-border-secondary,#00151012)}@supports (color:color(display-p3 0 0 0%)){.___SGrid_x8cp3_gg_{stroke:var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SGrid_x8cp3_gg_{stroke:var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07))}}}.___STitle_x8cp3_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#00030095);transform-origin:var(--transform-origin_x8cp3)}@supports (color:color(display-p3 0 0 0%)){.___STitle_x8cp3_gg_{fill:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___STitle_x8cp3_gg_{fill:var(--intergalactic-text-hint,color(display-p3 .00228 .01289 .00252/.583))}}}.___STitle_x8cp3_gg_._position_top_x8cp3_gg_{text-anchor:middle}.___STitle_x8cp3_gg_._position_bottom_x8cp3_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_x8cp3_gg_._position_left_x8cp3_gg_,.___STitle_x8cp3_gg_._position_right_x8cp3_gg_{transform:rotate(-90deg);dominant-baseline:middle;text-anchor:middle}.___STitle_x8cp3_gg_._position_left_x8cp3_gg_.__verticalWritingMode_x8cp3_gg_,.___STitle_x8cp3_gg_._position_right_x8cp3_gg_.__verticalWritingMode_x8cp3_gg_{writing-mode:vertical-rl;transform:none}.___STick_x8cp3_gg_._position_top_x8cp3_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_x8cp3_gg_._position_bottom_x8cp3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_x8cp3_gg_._position_bottom_x8cp3_gg_ tspan{dominant-baseline:hanging}.___STick_x8cp3_gg_._position_right_x8cp3_gg_{transform:translateX(16px);dominant-baseline:middle}.___STick_x8cp3_gg_._position_right_x8cp3_gg_ tspan{dominant-baseline:middle}.___STick_x8cp3_gg_._position_right_x8cp3_gg_.__multiline_x8cp3_gg_,.___STick_x8cp3_gg_._position_right_x8cp3_gg_.__multiline_x8cp3_gg_ tspan{dominant-baseline:auto}.___STick_x8cp3_gg_._position_left_x8cp3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_x8cp3_gg_._position_left_x8cp3_gg_ tspan{dominant-baseline:middle}.___STick_x8cp3_gg_._position_left_x8cp3_gg_.__multiline_x8cp3_gg_,.___STick_x8cp3_gg_._position_left_x8cp3_gg_.__multiline_x8cp3_gg_ tspan{dominant-baseline:auto}.___STick_x8cp3_gg_._position_custom_0_x8cp3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_x8cp3_gg_._position_custom_0_x8cp3_gg_ tspan{dominant-baseline:hanging}.___STick_x8cp3_gg_._position_custom_1_x8cp3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_x8cp3_gg_._position_custom_1_x8cp3_gg_ tspan{dominant-baseline:middle}",
     /*__inner_css_end__*/
-    "1ci3k_gg_"
+    "x8cp3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SAxis": "___SAxis_1ci3k_gg_",
-    "_hide": "__hide_1ci3k_gg_",
-    "__STick": "___STick_1ci3k_gg_",
-    "_primaryText": "__primaryText_1ci3k_gg_",
-    "__SGrid": "___SGrid_1ci3k_gg_",
-    "__STitle": "___STitle_1ci3k_gg_",
-    "--transform-origin": "--transform-origin_1ci3k",
-    "_position_top": "_position_top_1ci3k_gg_",
-    "_position_bottom": "_position_bottom_1ci3k_gg_",
-    "_position_right": "_position_right_1ci3k_gg_",
-    "_position_left": "_position_left_1ci3k_gg_",
-    "_verticalWritingMode": "__verticalWritingMode_1ci3k_gg_",
-    "_multiline": "__multiline_1ci3k_gg_",
-    "_position_custom_0": "_position_custom_0_1ci3k_gg_",
-    "_position_custom_1": "_position_custom_1_1ci3k_gg_"
+    "__SAxis": "___SAxis_x8cp3_gg_",
+    "_hide": "__hide_x8cp3_gg_",
+    "__STick": "___STick_x8cp3_gg_",
+    "_primaryText": "__primaryText_x8cp3_gg_",
+    "__SGrid": "___SGrid_x8cp3_gg_",
+    "__STitle": "___STitle_x8cp3_gg_",
+    "--transform-origin": "--transform-origin_x8cp3",
+    "_position_top": "_position_top_x8cp3_gg_",
+    "_position_bottom": "_position_bottom_x8cp3_gg_",
+    "_position_right": "_position_right_x8cp3_gg_",
+    "_position_left": "_position_left_x8cp3_gg_",
+    "_verticalWritingMode": "__verticalWritingMode_x8cp3_gg_",
+    "_multiline": "__multiline_x8cp3_gg_",
+    "_position_custom_0": "_position_custom_0_x8cp3_gg_",
+    "_position_custom_1": "_position_custom_1_x8cp3_gg_"
   })
 );
 const CUSTOM_0 = /* @__PURE__ */ Symbol("custom_0");

package/lib/esm/Bar.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { transition } from "d3-transition";
@@ -12,26 +12,26 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SBar_169ai_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:height,width,y;transition-duration:var(--duration_169ai);transition-timing-function:ease-in-out}.___SBar_169ai_gg_.__color_169ai_gg_{fill:var(--color_169ai)}.___SBar_169ai_gg_.__pattern_169ai_gg_.__color_169ai_gg_{fill:var(--pattern_169ai);stroke:var(--color_169ai);stroke-width:1px}.___SBar_169ai_gg_.__hide_169ai_gg_{display:none}.___SBar_169ai_gg_.__transparent_169ai_gg_{opacity:.3}.___SBar_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBackground_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg,#f1f2f2)}.___SBackground_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBarAnnotation_169ai_gg_{display:flex;justify-content:space-between}.___SBarLabel_169ai_gg_{color:var(--intergalactic-text-primary,#010500e5);margin-right:auto}.___SBarLabel_169ai_gg_,.___SBarPercent_169ai_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095);margin-right:var(--intergalactic-spacing-2x,8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SBarValue_169ai_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary,#010500e5);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);text-align:right}.___SCompactHorizontalBarHoverRect_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}",
     /*__inner_css_end__*/
-    "syroh_gg_"
+    "169ai_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_syroh_gg_",
-    "--duration": "--duration_syroh",
-    "_color": "__color_syroh_gg_",
-    "--color": "--color_syroh",
-    "_pattern": "__pattern_syroh_gg_",
-    "--pattern": "--pattern_syroh",
-    "_hide": "__hide_syroh_gg_",
-    "_transparent": "__transparent_syroh_gg_",
-    "_onClick": "__onClick_syroh_gg_",
-    "__SBackground": "___SBackground_syroh_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
-    "__SBarLabel": "___SBarLabel_syroh_gg_",
-    "__SBarPercent": "___SBarPercent_syroh_gg_",
-    "__SBarValue": "___SBarValue_syroh_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
+    "__SBar": "___SBar_169ai_gg_",
+    "--duration": "--duration_169ai",
+    "_color": "__color_169ai_gg_",
+    "--color": "--color_169ai",
+    "_pattern": "__pattern_169ai_gg_",
+    "--pattern": "--pattern_169ai",
+    "_hide": "__hide_169ai_gg_",
+    "_transparent": "__transparent_169ai_gg_",
+    "_onClick": "__onClick_169ai_gg_",
+    "__SBackground": "___SBackground_169ai_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_169ai_gg_",
+    "__SBarLabel": "___SBarLabel_169ai_gg_",
+    "__SBarPercent": "___SBarPercent_169ai_gg_",
+    "__SBarValue": "___SBarValue_169ai_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_169ai_gg_"
   })
 );
 const MIN_HEIGHT = 2;

package/lib/esm/Bubble.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import findComponent from "@semcore/core/lib/utils/findComponent";
@@ -15,24 +15,24 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBubble_1s01n_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1s01n);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1s01n_gg_:hover{opacity:.8}}g._visible_false_1s01n_gg_{display:none}.___SBubble_1s01n_gg_.__clickable_1s01n_gg_{cursor:pointer}.___SBubble_1s01n_gg_.__color_1s01n_gg_{fill:var(--color_1s01n)}.___SBubble_1s01n_gg_.__pattern_1s01n_gg_.__color_1s01n_gg_{fill:var(--pattern_1s01n);stroke:var(--color_1s01n);stroke-width:1px}.___SBubble_1s01n_gg_.__transparent_1s01n_gg_{opacity:.3}.___SCenter_1s01n_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SCenter_1s01n_gg_.__color_1s01n_gg_{stroke:var(--color_1s01n)}.___SCenter_1s01n_gg_.__transparent_1s01n_gg_{opacity:.3}.___SLabel_1s01n_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLabel_1s01n_gg_._position_right_1s01n_gg_{text-anchor:end}.___SLabel_1s01n_gg_._position_left_1s01n_gg_{text-anchor:start}.___SLabel_1s01n_gg_.__color_1s01n_gg_{fill:var(--color_1s01n)}.___SLabel_1s01n_gg_.__transparent_1s01n_gg_{opacity:.3}",
+    ".___SBubble_pw0vv_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_pw0vv);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_pw0vv_gg_:hover{opacity:.8}}g._visible_false_pw0vv_gg_{display:none}.___SBubble_pw0vv_gg_.__clickable_pw0vv_gg_{cursor:pointer}.___SBubble_pw0vv_gg_.__color_pw0vv_gg_{fill:var(--color_pw0vv)}.___SBubble_pw0vv_gg_.__pattern_pw0vv_gg_.__color_pw0vv_gg_{fill:var(--pattern_pw0vv);stroke:var(--color_pw0vv);stroke-width:1px}.___SBubble_pw0vv_gg_.__transparent_pw0vv_gg_{opacity:.3}.___SCenter_pw0vv_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SCenter_pw0vv_gg_.__color_pw0vv_gg_{stroke:var(--color_pw0vv)}.___SCenter_pw0vv_gg_.__transparent_pw0vv_gg_{opacity:.3}.___SLabel_pw0vv_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SLabel_pw0vv_gg_._position_right_pw0vv_gg_{text-anchor:end}.___SLabel_pw0vv_gg_._position_left_pw0vv_gg_{text-anchor:start}.___SLabel_pw0vv_gg_.__color_pw0vv_gg_{fill:var(--color_pw0vv)}.___SLabel_pw0vv_gg_.__transparent_pw0vv_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "1s01n_gg_"
+    "pw0vv_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "_visible_false": "_visible_false_1s01n_gg_",
-    "__SBubble": "___SBubble_1s01n_gg_",
-    "_clickable": "__clickable_1s01n_gg_",
-    "_color": "__color_1s01n_gg_",
-    "--color": "--color_1s01n",
-    "_pattern": "__pattern_1s01n_gg_",
-    "--pattern": "--pattern_1s01n",
-    "_transparent": "__transparent_1s01n_gg_",
-    "__SCenter": "___SCenter_1s01n_gg_",
-    "__SLabel": "___SLabel_1s01n_gg_",
-    "_position_right": "_position_right_1s01n_gg_",
-    "_position_left": "_position_left_1s01n_gg_",
-    "--duration": "--duration_1s01n"
+    "_visible_false": "_visible_false_pw0vv_gg_",
+    "__SBubble": "___SBubble_pw0vv_gg_",
+    "_clickable": "__clickable_pw0vv_gg_",
+    "_color": "__color_pw0vv_gg_",
+    "--color": "--color_pw0vv",
+    "_pattern": "__pattern_pw0vv_gg_",
+    "--pattern": "--pattern_pw0vv",
+    "_transparent": "__transparent_pw0vv_gg_",
+    "__SCenter": "___SCenter_pw0vv_gg_",
+    "__SLabel": "___SLabel_pw0vv_gg_",
+    "_position_right": "_position_right_pw0vv_gg_",
+    "_position_left": "_position_left_pw0vv_gg_",
+    "--duration": "--duration_pw0vv"
   })
 );
 class BubbleRoot extends Component {

package/lib/esm/CompactHorizontalBar.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
@@ -16,26 +16,26 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SBar_169ai_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:height,width,y;transition-duration:var(--duration_169ai);transition-timing-function:ease-in-out}.___SBar_169ai_gg_.__color_169ai_gg_{fill:var(--color_169ai)}.___SBar_169ai_gg_.__pattern_169ai_gg_.__color_169ai_gg_{fill:var(--pattern_169ai);stroke:var(--color_169ai);stroke-width:1px}.___SBar_169ai_gg_.__hide_169ai_gg_{display:none}.___SBar_169ai_gg_.__transparent_169ai_gg_{opacity:.3}.___SBar_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBackground_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg,#f1f2f2)}.___SBackground_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBarAnnotation_169ai_gg_{display:flex;justify-content:space-between}.___SBarLabel_169ai_gg_{color:var(--intergalactic-text-primary,#010500e5);margin-right:auto}.___SBarLabel_169ai_gg_,.___SBarPercent_169ai_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095);margin-right:var(--intergalactic-spacing-2x,8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SBarValue_169ai_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary,#010500e5);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);text-align:right}.___SCompactHorizontalBarHoverRect_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}",
     /*__inner_css_end__*/
-    "syroh_gg_"
+    "169ai_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_syroh_gg_",
-    "--duration": "--duration_syroh",
-    "_color": "__color_syroh_gg_",
-    "--color": "--color_syroh",
-    "_pattern": "__pattern_syroh_gg_",
-    "--pattern": "--pattern_syroh",
-    "_hide": "__hide_syroh_gg_",
-    "_transparent": "__transparent_syroh_gg_",
-    "_onClick": "__onClick_syroh_gg_",
-    "__SBackground": "___SBackground_syroh_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
-    "__SBarLabel": "___SBarLabel_syroh_gg_",
-    "__SBarPercent": "___SBarPercent_syroh_gg_",
-    "__SBarValue": "___SBarValue_syroh_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
+    "__SBar": "___SBar_169ai_gg_",
+    "--duration": "--duration_169ai",
+    "_color": "__color_169ai_gg_",
+    "--color": "--color_169ai",
+    "_pattern": "__pattern_169ai_gg_",
+    "--pattern": "--pattern_169ai",
+    "_hide": "__hide_169ai_gg_",
+    "_transparent": "__transparent_169ai_gg_",
+    "_onClick": "__onClick_169ai_gg_",
+    "__SBackground": "___SBackground_169ai_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_169ai_gg_",
+    "__SBarLabel": "___SBarLabel_169ai_gg_",
+    "__SBarPercent": "___SBarPercent_169ai_gg_",
+    "__SBarValue": "___SBarValue_169ai_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_169ai_gg_"
   })
 );
 const MIN_WIDTH = 4;

package/lib/esm/Donut.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
@@ -17,19 +17,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPie_16t6t_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPie_16t6t_gg_.__color_16t6t_gg_{fill:var(--color_16t6t)}.___SPie_16t6t_gg_.__pattern_16t6t_gg_.__color_16t6t_gg_{fill:var(--pattern_16t6t);stroke:var(--color_16t6t);stroke-width:1px}.___SPie_16t6t_gg_.__transparent_16t6t_gg_{opacity:.3}.___SEmptyData_16t6t_gg_{fill:var(--intergalactic-chart-palette-order-null, rgb(221, 222, 222))}.___SEmptyData_16t6t_gg_.__color_16t6t_gg_{fill:var(--color_16t6t)}.___SLabel_16t6t_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
+    ".___SPie_hnryj_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SPie_hnryj_gg_.__color_hnryj_gg_{fill:var(--color_hnryj)}.___SPie_hnryj_gg_.__pattern_hnryj_gg_.__color_hnryj_gg_{fill:var(--pattern_hnryj);stroke:var(--color_hnryj);stroke-width:1px}.___SPie_hnryj_gg_.__transparent_hnryj_gg_{opacity:.3}.___SEmptyData_hnryj_gg_{fill:var(--intergalactic-chart-palette-order-null,#dddede)}.___SEmptyData_hnryj_gg_.__color_hnryj_gg_{fill:var(--color_hnryj)}.___SLabel_hnryj_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}",
     /*__inner_css_end__*/
-    "16t6t_gg_"
+    "hnryj_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPie": "___SPie_16t6t_gg_",
-    "_color": "__color_16t6t_gg_",
-    "--color": "--color_16t6t",
-    "_pattern": "__pattern_16t6t_gg_",
-    "--pattern": "--pattern_16t6t",
-    "_transparent": "__transparent_16t6t_gg_",
-    "__SEmptyData": "___SEmptyData_16t6t_gg_",
-    "__SLabel": "___SLabel_16t6t_gg_"
+    "__SPie": "___SPie_hnryj_gg_",
+    "_color": "__color_hnryj_gg_",
+    "--color": "--color_hnryj",
+    "_pattern": "__pattern_hnryj_gg_",
+    "--pattern": "--pattern_hnryj",
+    "_transparent": "__transparent_hnryj_gg_",
+    "__SEmptyData": "___SEmptyData_hnryj_gg_",
+    "__SLabel": "___SLabel_hnryj_gg_"
   })
 );
 const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");

package/lib/esm/Dots.mjs

@@ -10,18 +10,18 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDots_p8yy8_gg_ .___SDot_p8yy8_gg_{transition-duration:var(--duration_p8yy8)}.___SDot_p8yy8_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_p8yy8_gg_.__hide_p8yy8_gg_{display:none}.___SDot_p8yy8_gg_.__color_p8yy8_gg_{fill:var(--color_p8yy8)}.___SDot_p8yy8_gg_.__transparent_p8yy8_gg_{opacity:.3}",
+    ".___SDots_1vo8e_gg_ .___SDot_1vo8e_gg_{transition-duration:var(--duration_1vo8e)}.___SDot_1vo8e_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_1vo8e_gg_.__hide_1vo8e_gg_{display:none}.___SDot_1vo8e_gg_.__color_1vo8e_gg_{fill:var(--color_1vo8e)}.___SDot_1vo8e_gg_.__transparent_1vo8e_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "p8yy8_gg_"
+    "1vo8e_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDot": "___SDot_p8yy8_gg_",
-    "_hide": "__hide_p8yy8_gg_",
-    "_color": "__color_p8yy8_gg_",
-    "--color": "--color_p8yy8",
-    "_transparent": "__transparent_p8yy8_gg_",
-    "__SDots": "___SDots_p8yy8_gg_",
-    "--duration": "--duration_p8yy8"
+    "__SDot": "___SDot_1vo8e_gg_",
+    "_hide": "__hide_1vo8e_gg_",
+    "_color": "__color_1vo8e_gg_",
+    "--color": "--color_1vo8e",
+    "_transparent": "__transparent_1vo8e_gg_",
+    "__SDots": "___SDots_1vo8e_gg_",
+    "--duration": "--duration_1vo8e"
   })
 );
 function Dots(props) {

package/lib/esm/GroupBar.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component } from "@semcore/core";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import { scaleBand } from "d3-scale";

package/lib/esm/HorizontalBar.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
@@ -11,26 +11,26 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SBar_169ai_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:height,width,y;transition-duration:var(--duration_169ai);transition-timing-function:ease-in-out}.___SBar_169ai_gg_.__color_169ai_gg_{fill:var(--color_169ai)}.___SBar_169ai_gg_.__pattern_169ai_gg_.__color_169ai_gg_{fill:var(--pattern_169ai);stroke:var(--color_169ai);stroke-width:1px}.___SBar_169ai_gg_.__hide_169ai_gg_{display:none}.___SBar_169ai_gg_.__transparent_169ai_gg_{opacity:.3}.___SBar_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBackground_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg,#f1f2f2)}.___SBackground_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBarAnnotation_169ai_gg_{display:flex;justify-content:space-between}.___SBarLabel_169ai_gg_{color:var(--intergalactic-text-primary,#010500e5);margin-right:auto}.___SBarLabel_169ai_gg_,.___SBarPercent_169ai_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095);margin-right:var(--intergalactic-spacing-2x,8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SBarValue_169ai_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary,#010500e5);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);text-align:right}.___SCompactHorizontalBarHoverRect_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}",
     /*__inner_css_end__*/
-    "syroh_gg_"
+    "169ai_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_syroh_gg_",
-    "--duration": "--duration_syroh",
-    "_color": "__color_syroh_gg_",
-    "--color": "--color_syroh",
-    "_pattern": "__pattern_syroh_gg_",
-    "--pattern": "--pattern_syroh",
-    "_hide": "__hide_syroh_gg_",
-    "_transparent": "__transparent_syroh_gg_",
-    "_onClick": "__onClick_syroh_gg_",
-    "__SBackground": "___SBackground_syroh_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
-    "__SBarLabel": "___SBarLabel_syroh_gg_",
-    "__SBarPercent": "___SBarPercent_syroh_gg_",
-    "__SBarValue": "___SBarValue_syroh_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
+    "__SBar": "___SBar_169ai_gg_",
+    "--duration": "--duration_169ai",
+    "_color": "__color_169ai_gg_",
+    "--color": "--color_169ai",
+    "_pattern": "__pattern_169ai_gg_",
+    "--pattern": "--pattern_169ai",
+    "_hide": "__hide_169ai_gg_",
+    "_transparent": "__transparent_169ai_gg_",
+    "_onClick": "__onClick_169ai_gg_",
+    "__SBackground": "___SBackground_169ai_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_169ai_gg_",
+    "__SBarLabel": "___SBarLabel_169ai_gg_",
+    "__SBarPercent": "___SBarPercent_169ai_gg_",
+    "__SBarValue": "___SBarValue_169ai_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_169ai_gg_"
   })
 );
 const MIN_WIDTH = 2;

package/lib/esm/Hover.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import { hasParent } from "@semcore/core/lib/utils/hasParent";
@@ -12,13 +12,13 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SHoverLine_cad3g_gg_,.___SHoverLine_cad3g_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SHoverRect_cad3g_gg_,.___SHoverRect_cad3g_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SHoverLine_1vcsd_gg_,.___SHoverLine_1vcsd_gg_:focus-visible{outline:none;stroke:var(--intergalactic-chart-grid-x-axis,#d6d8d7)}.___SHoverRect_1vcsd_gg_,.___SHoverRect_1vcsd_gg_:focus-visible{outline:none;fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}",
     /*__inner_css_end__*/
-    "cad3g_gg_"
+    "1vcsd_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHoverLine": "___SHoverLine_cad3g_gg_",
-    "__SHoverRect": "___SHoverRect_cad3g_gg_"
+    "__SHoverLine": "___SHoverLine_1vcsd_gg_",
+    "__SHoverRect": "___SHoverRect_1vcsd_gg_"
   })
 );
 class Hover extends Component {