@semcore/d3-chart 3.60.2 → 16.0.0-prerelease.0

package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs

@@ -5,15 +5,14 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
 import React from "react";
 import { Box, Flex } from "@semcore/flex-box";
 import Checkbox from "@semcore/checkbox";
 import { Text } from "@semcore/typography";
 import { StaticShapes } from "./LegendItem.type.mjs";
-import resolveColorEnhance from "@semcore/utils/lib/enhances/resolveColorEnhance";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { PatternSymbol } from "../../../Pattern.mjs";
 import { getChartDefaultColorName } from "../../../utils.mjs";
 var _excluded = ["id", "checked", "color", "onChangeLegendItem", "shape"];
@@ -22,27 +21,27 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendItem_1978v_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1978v_gg_:hover{cursor:pointer}.___SLegendItem_1978v_gg_.__disabled_1978v_gg_:hover{cursor:default}}.___SPointShape_1978v_gg_.__color_1978v_gg_{background-color:var(--color_1978v);margin-right:8px;flex-shrink:0}.___SPointShape_1978v_gg_._shape_Circle_1978v_gg_._size_l_1978v_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Circle_1978v_gg_._size_m_1978v_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Line_1978v_gg_._size_l_1978v_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1978v_gg_._shape_Line_1978v_gg_._size_m_1978v_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1978v_gg_._shape_Square_1978v_gg_._size_l_1978v_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Square_1978v_gg_._size_m_1978v_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Pattern_1978v_gg_{background-color:transparent;margin-right:4px}.___SIcon_1978v_gg_{line-height:0;margin-right:4px}.___SIcon_1978v_gg_._size_l_1978v_gg_{margin-top:4px}.___SIcon_1978v_gg_._size_m_1978v_gg_{margin-top:2px}.___SLabel_1978v_gg_{min-width:0}.___SAdditionalLabel_1978v_gg_._size_l_1978v_gg_,.___SCount_1978v_gg_._size_l_1978v_gg_,.___SLabel_1978v_gg_._size_l_1978v_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1978v_gg_._size_m_1978v_gg_,.___SCount_1978v_gg_._size_m_1978v_gg_,.___SLabel_1978v_gg_._size_m_1978v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1978v_gg_,.___SCount_1978v_gg_{margin-left:4px}.___SAdditionalLabel_1978v_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1978v_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1978v_gg_._size_l_1978v_gg_::before{margin-top:10px}.___SAdditionalLabel_1978v_gg_._size_m_1978v_gg_::before{margin-top:8px}.___SPatternSymbol_1978v_gg_{transform:scale(.8)}',
+    '.___SLegendItem_13lto_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_13lto_gg_:hover{cursor:pointer}.___SLegendItem_13lto_gg_.__disabled_13lto_gg_:hover{cursor:default}}.___SPointShape_13lto_gg_.__color_13lto_gg_{background-color:var(--color_13lto);margin-right:8px;flex-shrink:0}.___SPointShape_13lto_gg_._shape_Circle_13lto_gg_._size_l_13lto_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Circle_13lto_gg_._size_m_13lto_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Line_13lto_gg_._size_l_13lto_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_13lto_gg_._shape_Line_13lto_gg_._size_m_13lto_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_13lto_gg_._shape_Square_13lto_gg_._size_l_13lto_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Square_13lto_gg_._size_m_13lto_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Pattern_13lto_gg_{background-color:transparent;margin-right:4px}.___SIcon_13lto_gg_{line-height:0;margin-right:4px}.___SIcon_13lto_gg_._size_l_13lto_gg_{margin-top:4px}.___SIcon_13lto_gg_._size_m_13lto_gg_{margin-top:2px}.___SLabel_13lto_gg_{min-width:0}.___SAdditionalLabel_13lto_gg_._size_l_13lto_gg_,.___SCount_13lto_gg_._size_l_13lto_gg_,.___SLabel_13lto_gg_._size_l_13lto_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_13lto_gg_._size_m_13lto_gg_,.___SCount_13lto_gg_._size_m_13lto_gg_,.___SLabel_13lto_gg_._size_m_13lto_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_13lto_gg_,.___SCount_13lto_gg_{margin-left:4px}.___SAdditionalLabel_13lto_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_13lto_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_13lto_gg_._size_l_13lto_gg_::before{margin-top:10px}.___SAdditionalLabel_13lto_gg_._size_m_13lto_gg_::before{margin-top:8px}.___SPatternSymbol_13lto_gg_{transform:scale(.8)}',
     /*__inner_css_end__*/
-    "1978v_gg_"
+    "13lto_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendItem": "___SLegendItem_1978v_gg_",
-    "_disabled": "__disabled_1978v_gg_",
-    "__SPointShape": "___SPointShape_1978v_gg_",
-    "_color": "__color_1978v_gg_",
-    "--color": "--color_1978v",
-    "_shape_Circle": "_shape_Circle_1978v_gg_",
-    "_size_l": "_size_l_1978v_gg_",
-    "_size_m": "_size_m_1978v_gg_",
-    "_shape_Line": "_shape_Line_1978v_gg_",
-    "_shape_Square": "_shape_Square_1978v_gg_",
-    "_shape_Pattern": "_shape_Pattern_1978v_gg_",
-    "__SIcon": "___SIcon_1978v_gg_",
-    "__SLabel": "___SLabel_1978v_gg_",
-    "__SAdditionalLabel": "___SAdditionalLabel_1978v_gg_",
-    "__SCount": "___SCount_1978v_gg_",
-    "__SPatternSymbol": "___SPatternSymbol_1978v_gg_"
+    "__SLegendItem": "___SLegendItem_13lto_gg_",
+    "_disabled": "__disabled_13lto_gg_",
+    "__SPointShape": "___SPointShape_13lto_gg_",
+    "_color": "__color_13lto_gg_",
+    "--color": "--color_13lto",
+    "_shape_Circle": "_shape_Circle_13lto_gg_",
+    "_size_l": "_size_l_13lto_gg_",
+    "_size_m": "_size_m_13lto_gg_",
+    "_shape_Line": "_shape_Line_13lto_gg_",
+    "_shape_Square": "_shape_Square_13lto_gg_",
+    "_shape_Pattern": "_shape_Pattern_13lto_gg_",
+    "__SIcon": "___SIcon_13lto_gg_",
+    "__SLabel": "___SLabel_13lto_gg_",
+    "__SAdditionalLabel": "___SAdditionalLabel_13lto_gg_",
+    "__SCount": "___SCount_13lto_gg_",
+    "__SPatternSymbol": "___SPatternSymbol_13lto_gg_"
   })
 );
 var enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
@@ -127,7 +126,7 @@ var LegendItemRoot = /* @__PURE__ */ function(_Component) {
       var SLegendItem = Flex;
       var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, Children = _this$asProps3.Children, shape = _this$asProps3.shape;
       var disabled = StaticShapes.includes(shape);
-      return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLegendItem, _ref7.cn("SLegendItem", _objectSpread({}, assignProps({
+      return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(SLegendItem, _ref7.cn("SLegendItem", _objectSpread({}, assignProps({
         "disabled": disabled,
         "__excludeProps": ["id"]
       }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {})));
@@ -153,7 +152,7 @@ function Shape(props) {
   }
   if (shape === "Pattern") {
     var _ref8;
-    return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Box, _ref8.cn("Box", {
+    return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(Box, _ref8.cn("Box", {
       "mr": 1
     }), /* @__PURE__ */ React.createElement(SPatternSymbol, _ref8.cn("SPatternSymbol", {
       "color": color,
@@ -163,7 +162,7 @@ function Shape(props) {
   }
   if (shape === "Checkbox") {
     var _ref9;
-    return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, _ref9.cn("Checkbox", {
+    return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, _ref9.cn("Checkbox", {
       "size": size,
       "checked": checked,
       "theme": checked ? color : void 0,
@@ -178,7 +177,7 @@ function Shape(props) {
       "aria-hidden": true
     }))));
   }
-  return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SPointShape, _ref10.cn("SPointShape", _objectSpread({}, assignProps({}, _ref2))), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})));
+  return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SPointShape, _ref10.cn("SPointShape", _objectSpread({}, assignProps({}, _ref2))), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})));
 }
 function Icon(_ref15) {
   var _ref3 = arguments[0], _ref11;
@@ -187,7 +186,7 @@ function Icon(_ref15) {
   if (!hasChildren) {
     return null;
   }
-  return _ref11 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SIcon, _ref11.cn("SIcon", _objectSpread({}, assignProps({
+  return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(SIcon, _ref11.cn("SIcon", _objectSpread({}, assignProps({
     "tag": "span"
   }, _ref3))), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
 }
@@ -199,7 +198,7 @@ function Label(_ref16) {
   if (!hasChildren) {
     return null;
   }
-  return _ref12 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLabel, _ref12.cn("SLabel", _objectSpread({}, assignProps({
+  return _ref12 = sstyled(styles), /* @__PURE__ */ React.createElement(SLabel, _ref12.cn("SLabel", _objectSpread({}, assignProps({
     "use": "primary"
   }, _ref4))), /* @__PURE__ */ React.createElement(Children, _ref12.cn("Children", {})));
 }
@@ -211,7 +210,7 @@ function AdditionalLabel(_ref17) {
   if (!hasChildren) {
     return null;
   }
-  return _ref13 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAdditionalLabel, _ref13.cn("SAdditionalLabel", _objectSpread({}, assignProps({
+  return _ref13 = sstyled(styles), /* @__PURE__ */ React.createElement(SAdditionalLabel, _ref13.cn("SAdditionalLabel", _objectSpread({}, assignProps({
     "use": "secondary"
   }, _ref5))), /* @__PURE__ */ React.createElement(Children, _ref13.cn("Children", {})));
 }
@@ -223,7 +222,7 @@ function Count(_ref18) {
   if (!hasChildren) {
     return null;
   }
-  return _ref14 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCount, _ref14.cn("SCount", _objectSpread({}, assignProps({
+  return _ref14 = sstyled(styles), /* @__PURE__ */ React.createElement(SCount, _ref14.cn("SCount", _objectSpread({}, assignProps({
     "use": "secondary"
   }, _ref6))), /* @__PURE__ */ React.createElement(Children, _ref14.cn("Children", {})));
 }

package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs

@@ -4,8 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { sstyled, createComponent, assignProps } from "@semcore/core";
 import React from "react";
 import { Box } from "@semcore/flex-box";
 import { LegendItemComponent } from "../LegendItem/LegendItem.mjs";
@@ -15,16 +14,16 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendTable_fpkuy_gg_.__columns-count_fpkuy_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_fpkuy_gg_._size_l_fpkuy_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_fpkuy_gg_._size_m_fpkuy_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
+    '.___SLegendTable_1a40m_gg_.__columns-count_1a40m_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_1a40m_gg_._size_l_1a40m_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1a40m_gg_._size_m_1a40m_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
     /*__inner_css_end__*/
-    "fpkuy_gg_"
+    "1a40m_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendTable": "___SLegendTable_fpkuy_gg_",
-    "_columns-count": "__columns-count_fpkuy_gg_",
-    "__SColumnItem": "___SColumnItem_fpkuy_gg_",
-    "_size_l": "_size_l_fpkuy_gg_",
-    "_size_m": "_size_m_fpkuy_gg_"
+    "__SLegendTable": "___SLegendTable_1a40m_gg_",
+    "_columns-count": "__columns-count_1a40m_gg_",
+    "__SColumnItem": "___SColumnItem_1a40m_gg_",
+    "_size_l": "_size_l_1a40m_gg_",
+    "_size_m": "_size_m_1a40m_gg_"
   })
 );
 var LegendTableRoot = /* @__PURE__ */ function(_BaseLegend) {
@@ -41,7 +40,7 @@ var LegendTableRoot = /* @__PURE__ */ function(_BaseLegend) {
       var SLegendTable = Box;
       var _this$asProps = this.asProps, styles = _this$asProps.styles, Children = _this$asProps.Children, _this$asProps$size = _this$asProps.size, size = _this$asProps$size === void 0 ? "m" : _this$asProps$size, items = _this$asProps.items;
       var columnsCount = (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.columns.length;
-      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLegendTable, _ref3.cn("SLegendTable", _objectSpread({}, assignProps({
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SLegendTable, _ref3.cn("SLegendTable", _objectSpread({}, assignProps({
         "columns-count": columnsCount + 1,
         "role": "group"
       }, _ref))), items.map(function(_ref5, index) {
@@ -73,7 +72,7 @@ function ColumnComponent(props) {
   var _ref2 = arguments[0], _ref4;
   var SColumnItem = Box;
   var styles = props.styles, index = props.index, size = props.size, Children = props.Children;
-  return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SColumnItem, _ref4.cn("SColumnItem", _objectSpread({}, assignProps({
+  return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SColumnItem, _ref4.cn("SColumnItem", _objectSpread({}, assignProps({
     "style": {
       gridColumnStart: "".concat(index + 2),
       gridColumnEnd: "".concat(index + 3)

package/lib/esm/component/Cigarette/Cigarette.mjs

@@ -6,11 +6,11 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from "react";
 import { sstyled, Component } from "@semcore/core";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import createElement from "../../createElement.mjs";
 import { roundedPath } from "../../utils.mjs";
 import { PatternFill } from "../../Pattern.mjs";
-import { callAllEventHandlers } from "@semcore/utils/lib/assignProps";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 var CigaretteBarRoot = /* @__PURE__ */ function(_Component) {
   _inherits(CigaretteBarRoot2, _Component);
   var _super = _createSuper(CigaretteBarRoot2);

package/lib/esm/createElement.mjs

@@ -3,11 +3,11 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import React from "react";
 import hoistNonReactStatics from "hoist-non-react-statics";
-import createComponent, { createBaseComponent, CONTEXT_COMPONENT } from "@semcore/core";
-import assignProps from "@semcore/utils/lib/assignProps";
-import { useForkRef } from "@semcore/utils/lib/ref";
-import propsForElement from "@semcore/utils/lib/propsForElement";
-import getOriginChildren from "@semcore/utils/lib/getOriginChildren";
+import { createComponent, createBaseComponent, CONTEXT_COMPONENT } from "@semcore/core";
+import assignProps from "@semcore/core/lib/utils/assignProps";
+import { useForkRef } from "@semcore/core/lib/utils/ref";
+import propsForElement from "@semcore/core/lib/utils/propsForElement";
+import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import Plot from "./Plot.mjs";
 var _excluded = ["render", "childrenPosition", "x", "y"], _excluded2 = ["forwardRef", "children", "Children", "x", "y"], _excluded3 = ["$rootProps"];
 var EXCLUDE_PROPS = ["data", "scale"];

package/lib/esm/style/hover.shadow.css

@@ -1,9 +1,9 @@
-SHoverLine {
+SHoverLine, SHoverLine:focus-visible {
   outline: none;
   stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
 }
 
-SHoverRect {
+SHoverRect, SHoverRect:focus-visible {
   outline: none;
   fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
 }

package/lib/esm/utils.mjs

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import EventEmitter from "@semcore/utils/lib/eventEmitter";
+import EventEmitter from "@semcore/core/lib/utils/eventEmitter";
 import { extent, bisector } from "d3-array";
 import { scaleSqrt, scaleQuantize, scaleBand } from "d3-scale";
 var eventToPoint = function eventToPoint2(event, svgRoot) {

package/lib/types/component/Chart/AbstractChart.type.d.ts

@@ -6,7 +6,7 @@ import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
 import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
 import { PatternsConfig } from '../../Pattern';
 import { PlotSummarizerConfig } from '../../Plot';
-import { Intergalactic } from '@semcore/utils/lib/core';
+import { Intergalactic } from '@semcore/core';
 export type BaseLegendProps = BaseChartLegendProps & {
     /**
      * Disable hover (for transition items legend of each not hovered)

package/lib/types/utils.d.ts

@@ -1,4 +1,4 @@
-import EventEmitter from '@semcore/utils/lib/eventEmitter';
+import EventEmitter from '@semcore/core/lib/utils/eventEmitter';
 import { Numeric } from 'd3-array';
 import { ScaleIdentity, ScaleTime, ScaleContinuousNumeric, ScaleBand, ScalePoint } from 'd3-scale';
 import React from 'react';

package/package.json

@@ -1,28 +1,27 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.60.2",
+  "version": "16.0.0-prerelease.0",
   "main": "lib/cjs/index.js",
-  "module": "lib/esm/index.mjs",
+  "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "exports": {
     "require": "./lib/cjs/index.js",
-    "import": "./lib/esm/index.mjs",
+    "import": "./lib/es6/index.js",
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.41.4",
-    "@semcore/checkbox": "7.44.4",
-    "@semcore/divider": "4.40.4",
-    "@semcore/flex-box": "5.41.4",
-    "@semcore/popper": "5.46.4",
-    "@semcore/utils": "4.48.5",
-    "@semcore/typography": "5.53.2",
-    "@semcore/icon": "4.62.1",
+    "@semcore/divider": "16.0.0-prerelease.0",
+    "@semcore/animation": "16.0.0-prerelease.0",
+    "@semcore/checkbox": "16.0.0-prerelease.0",
+    "@semcore/flex-box": "16.0.0-prerelease.0",
+    "@semcore/popper": "16.0.0-prerelease.0",
+    "@semcore/icon": "16.0.0-prerelease.0",
+    "@semcore/typography": "16.0.0-prerelease.0",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",
@@ -36,9 +35,7 @@
     "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.0"
   },
   "repository": {
     "type": "git",