@semcore/skeleton 17.0.0-prerelease.36 → 17.0.0-prerelease.37

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.0.0] - 2026-04-10
+## [17.0.0] - 2026-04-13
 
 ### BREAK
 

package/lib/esm/Charts/Area.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/Bar.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/Bubble.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/CompactHorizontalBar.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/Donut.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/Histogram.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/Line.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/RadialTree.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/ScatterPlot.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/Venn.mjs

@@ -1,7 +1,6 @@
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Charts/index.mjs

@@ -0,0 +1,22 @@
+import { default as default2 } from "./Histogram.mjs";
+import { default as default3 } from "./Donut.mjs";
+import { default as default4 } from "./Bar.mjs";
+import { default as default5 } from "./CompactHorizontalBar.mjs";
+import { default as default6 } from "./Area.mjs";
+import { default as default7 } from "./Line.mjs";
+import { default as default8 } from "./Venn.mjs";
+import { default as default9 } from "./ScatterPlot.mjs";
+import { default as default10 } from "./Bubble.mjs";
+import { default as default11 } from "./RadialTree.mjs";
+export {
+  default6 as AreaChartSkeleton,
+  default4 as BarChartSkeleton,
+  default10 as BubbleChartSkeleton,
+  default5 as CompactHorizontalBarChartSkeleton,
+  default3 as DonutChartSkeleton,
+  default2 as HistogramChartSkeleton,
+  default7 as LineChartSkeleton,
+  default11 as RadialTreeChartSkeleton,
+  default9 as ScatterPlotChartSkeleton,
+  default8 as VennChartSkeleton
+};

package/lib/esm/Skeleton.mjs

@@ -1,12 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -66,12 +65,10 @@ class SkeletonSVG extends Component {
     }
   }
   componentDidMount() {
-    var _a, _b;
-    (_b = this.observer) == null ? void 0 : _b.observe((_a = this.svgRef.current) == null ? void 0 : _a.parentElement);
+    this.observer?.observe(this.svgRef.current?.parentElement);
   }
   componentWillUnmount() {
-    var _a;
-    (_a = this.observer) == null ? void 0 : _a.disconnect();
+    this.observer?.disconnect();
   }
   handleResize(data) {
     const target = data[0].target;

package/lib/esm/index.mjs

@@ -1,4 +1,5 @@
 import { default as default2 } from "./Skeleton.mjs";
+import "./Charts/index.mjs";
 import { default as default3 } from "./Charts/Area.mjs";
 import { default as default4 } from "./Charts/Bar.mjs";
 import { default as default5 } from "./Charts/Bubble.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "Semrush Skeleton Component",
-  "version": "17.0.0-prerelease.36",
+  "version": "17.0.0-prerelease.37",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -22,9 +22,9 @@
     "directory": "semcore/skeleton"
   },
   "devDependencies": {
-    "@semcore/core": "17.0.0-prerelease.36",
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.0.0-prerelease.36"
+    "@semcore/base-components": "17.0.0-prerelease.37",
+    "@semcore/core": "17.0.0-prerelease.37",
+    "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"