@semcore/skeleton 5.42.4-prerelease.0 → 5.43.0-prerelease.0

package/lib/esm/{Charts → charts/Venn}/Venn.mjs

@@ -1,39 +1,38 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, 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"*/
+import { Skeleton } from "../../Skeleton.mjs";
+/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}",
+    ".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}",
     /*__inner_css_end__*/
-    "zrqq0_gg_"
+    "1oiqb_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-    "--bgPattern": "--bgPattern_zrqq0",
-    "_bgPosition": "__bgPosition_zrqq0_gg_",
-    "--bgPosition": "--bgPosition_zrqq0",
-    "_bgSize": "__bgSize_zrqq0_gg_",
-    "--bgSize": "--bgSize_zrqq0",
-    "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-    "--bgRepeat": "--bgRepeat_zrqq0"
+    "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
+    "--bgPattern": "--bgPattern_1oiqb",
+    "_bgPosition": "__bgPosition_1oiqb_gg_",
+    "--bgPosition": "--bgPosition_1oiqb",
+    "_bgSize": "__bgSize_1oiqb_gg_",
+    "--bgSize": "--bgSize_1oiqb",
+    "_bgRepeat": "__bgRepeat_1oiqb_gg_",
+    "--bgRepeat": "--bgRepeat_1oiqb"
   })
 );
 var vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
-var VennChartSkeleton = function VennChartSkeleton2() {
+function VennChartSkeleton() {
   var _ref = arguments[0], _ref2;
   var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "no-repeat",
     "bgPosition": "center",
     "bgSize": "contain",
     "bgPattern": "url(data:image/svg+xml;base64,".concat(vennSvg, ")")
   }, _ref))));
-};
+}
 const Venn = createComponent(VennChartSkeleton);
 export {
   Venn as default

package/lib/esm/charts/Venn/Venn.type.mjs

@@ -0,0 +1 @@
+

package/lib/esm/index.mjs

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

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

@@ -21,11 +21,11 @@ SSkeleton {
 }
 
 SSkeletonSVG[theme='invert'] {
-  fill: var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));
+  fill: var(--intergalactic-skeleton-bg, oklch(0.9 0.002 177));
 }
 
 SSkeletonSVG[theme='dark'] {
-  fill: var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3));
+  fill: var(--intergalactic-skeleton-bg-invert, oklch(0.3 0.007 140));
 }
 
 SText {

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/types/Skeleton.d.ts

@@ -1,4 +1,5 @@
-declare const Skeleton: any;
-declare const SkeletonSVG: any;
+import type { NSSkeleton } from './Skeleton.type';
+declare const Skeleton: NSSkeleton.RenderComponent;
 export { Skeleton };
-export default SkeletonSVG;
+declare const _default: NSSkeleton.Component;
+export default _default;

package/lib/types/Skeleton.type.d.ts

@@ -0,0 +1,52 @@
+import type { BoxProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
+declare namespace NSSkeleton {
+    type Props = BoxProps & UniqueIDProps & {
+        /**
+         *  Skeleton visibility control property
+         */
+        hidden?: boolean;
+        /**
+         * Animation speed in ms
+         * @default 2000
+         */
+        duration?: string | number;
+        /**
+         * Skeleton theme
+         * @default invert
+         */
+        theme?: 'dark' | 'invert';
+        /** Specifies the locale for i18n support */
+        locale?: string;
+        /**
+         * Enable ResizeObserver for parent Element to recalculate skeleton size.
+         * @default false
+         */
+        observeParentSize?: boolean;
+    };
+    type Ctx = {
+        gradientUrl: string;
+    };
+    namespace Text {
+        type Props = BoxProps & {
+            /**
+             * Number of items to be returned
+             * @default 1
+             */
+            amount?: string | number;
+        };
+        type Component = Intergalactic.Component<'rect', Props>;
+    }
+    type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;
+    type Component = Intergalactic.Component<'svg', Props, Ctx> & {
+        Text: Text.Component;
+    };
+}
+/** @deprecated It will be removed in v18. */
+export type SkeletonProps = NSSkeleton.Props;
+/** @deprecated It will be removed in v18. */
+export type SkeletonCtx = NSSkeleton.Ctx;
+/** @deprecated It will be removed in v18. */
+export type SkeletonTextProps = NSSkeleton.Text.Props;
+export type { NSSkeleton };

package/lib/types/charts/Area/Area.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonAreaChart } from './Area.type';
+declare const _default: NSSkeletonAreaChart.Component;
+export default _default;

package/lib/types/charts/Area/Area.type.d.ts

@@ -0,0 +1,12 @@
+import type { Intergalactic } from '@semcore/core';
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonAreaChart {
+    type Props = NSSkeleton.Props & {
+        /** Controls the area curve interpolation style for the skeleton pattern */
+        type?: 'linear' | 'monotone';
+    };
+    type Component = Intergalactic.Component<'svg', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type AreaChartSkeletonProps = NSSkeletonAreaChart.Props;
+export type { NSSkeletonAreaChart };

package/lib/types/charts/Bar/Bar.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonBarChart } from './Bar.type';
+declare const _default: NSSkeletonBarChart.Component;
+export default _default;

package/lib/types/charts/Bar/Bar.type.d.ts

@@ -0,0 +1,12 @@
+import type { Intergalactic } from '@semcore/core';
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonBarChart {
+    type Props = NSSkeleton.Props & {
+        /** Controls the orientation of the bar chart skeleton */
+        layout?: 'horizontal' | 'vertical';
+    };
+    type Component = Intergalactic.Component<'svg', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type BarChartSkeletonProps = NSSkeletonBarChart.Props;
+export type { NSSkeletonBarChart };

package/lib/types/charts/Bubble/Bubble.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonBubbleChart } from './Bubble.type';
+declare const _default: NSSkeletonBubbleChart.Component;
+export default _default;

package/lib/types/charts/Bubble/Bubble.type.d.ts

@@ -0,0 +1,5 @@
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonBubbleChart {
+    type Component = NSSkeleton.Component;
+}
+export type { NSSkeletonBubbleChart };

package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';
+declare const _default: NSSkeletonCompactHorizontalBar.Component;
+export default _default;

package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.type.d.ts

@@ -0,0 +1,5 @@
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonCompactHorizontalBar {
+    type Component = NSSkeleton.Component;
+}
+export type { NSSkeletonCompactHorizontalBar };

package/lib/types/charts/Donut/Donut.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonDonutChart } from './Donut.type';
+declare const _default: NSSkeletonDonutChart.Component;
+export default _default;

package/lib/types/charts/Donut/Donut.type.d.ts

@@ -0,0 +1,12 @@
+import type { Intergalactic } from '@semcore/core';
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonDonutChart {
+    type Props = NSSkeleton.Props & {
+        /** Semi donut */
+        halfsize?: boolean;
+    };
+    type Component = Intergalactic.Component<'svg', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;
+export type { NSSkeletonDonutChart };

package/lib/types/charts/Histogram/Histogram.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonHistogramChart } from './Histogram.type';
+declare const _default: NSSkeletonHistogramChart.Component;
+export default _default;

package/lib/types/charts/Histogram/Histogram.type.d.ts

@@ -0,0 +1,12 @@
+import type { Intergalactic } from '@semcore/core';
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonHistogramChart {
+    type Props = NSSkeleton.Props & {
+        /** Controls the orientation of the histogram chart skeleton */
+        layout?: 'horizontal' | 'vertical';
+    };
+    type Component = Intergalactic.Component<'svg', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type HistogramChartSkeletonProps = NSSkeletonHistogramChart.Props;
+export type { NSSkeletonHistogramChart };

package/lib/types/charts/Line/Line.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonLineChart } from './Line.type';
+declare const _default: NSSkeletonLineChart.Component;
+export default _default;

package/lib/types/charts/Line/Line.type.d.ts

@@ -0,0 +1,12 @@
+import type { Intergalactic } from '@semcore/core';
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonLineChart {
+    type Props = NSSkeleton.Props & {
+        /** Controls the line interpolation style for the skeleton pattern */
+        type?: 'linear' | 'monotone';
+    };
+    type Component = Intergalactic.Component<'svg', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type LineChartSkeletonProps = NSSkeletonLineChart.Props;
+export type { NSSkeletonLineChart };

package/lib/types/charts/RadialTree/RadialTree.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonRadialTreeChart } from './RadialTree.type';
+declare const _default: NSSkeletonRadialTreeChart.Component;
+export default _default;

package/lib/types/charts/RadialTree/RadialTree.type.d.ts

@@ -0,0 +1,5 @@
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonRadialTreeChart {
+    type Component = NSSkeleton.Component;
+}
+export type { NSSkeletonRadialTreeChart };

package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts

@@ -0,0 +1,3 @@
+import type { NSSkeletonScatterPlotChart } from './ScatterPlot.type';
+declare const _default: NSSkeletonScatterPlotChart.Component;
+export default _default;

package/lib/types/charts/ScatterPlot/ScatterPlot.type.d.ts

@@ -0,0 +1,5 @@
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonScatterPlotChart {
+    type Component = NSSkeleton.Component;
+}
+export type { NSSkeletonScatterPlotChart };

package/lib/types/charts/Venn/Venn.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@semcore/core").Intergalactic.Component<"div", {}, {}, never[]>;
+export default _default;

package/lib/types/charts/Venn/Venn.type.d.ts

@@ -0,0 +1,5 @@
+import type { NSSkeleton } from '../../Skeleton.type';
+declare namespace NSSkeletonVennChart {
+    type Component = NSSkeleton.Component;
+}
+export type { NSSkeletonVennChart };

package/lib/types/index.d.ts

@@ -1,96 +1,22 @@
-import { BoxProps } from '@semcore/flex-box';
-import { Intergalactic, UnknownProperties } from '@semcore/core';
-import { UniqueIDProps } from '@semcore/utils/lib/uniqueID';
-
-/** @deprecated */
-export interface ISkeletonProps extends SkeletonProps, UnknownProperties {}
-export type SkeletonProps = BoxProps &
-  UniqueIDProps & {
-    /**
-     *  Skeleton visibility control property
-     */
-    hidden?: boolean;
-    /**
-     * Animation speed in ms
-     * @default 2000
-     */
-    duration?: string | number;
-    /**
-     * Skeleton theme
-     * @default invert
-     */
-    theme?: 'dark' | 'invert';
-
-    locale?: string;
-
-    /**
-     * Enable ResizeObserver for parent Element to recalculate skeleton size.
-     * @default false
-     */
-    observeParentSize?: boolean;
-  };
-
-/** @deprecated */
-export interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}
-export type SkeletonCtx = {
-  gradientUrl: 'string';
-};
-
-/** @deprecated */
-export interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}
-export type SkeletonTextProps = BoxProps & {
-  /**
-   * Number of items to be returned
-   * @default 1
-   */
-  amount?: string | number;
-};
-
-export type AreaChartSkeletonProps = SkeletonProps & {
-  type?: 'linear' | 'monotone';
-};
-
-export type BarChartSkeletonProps = SkeletonProps & {
-  layout?: 'horizontal' | 'vertical';
-};
-
-export type HistogramChartSkeletonProps = SkeletonProps & {
-  layout?: 'horizontal' | 'vertical';
-};
-
-export type LineChartSkeletonProps = SkeletonProps & {
-  type?: 'linear' | 'monotone';
-};
-
-export type DonutChartSkeletonProps = SkeletonProps & {
-  /** Semi donut */
-  halfsize?: boolean;
-};
-
-declare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {
-  Text: Intergalactic.Component<'rect', SkeletonTextProps>;
-};
-declare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;
-declare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;
-declare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;
-declare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;
-declare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;
-declare const VennChartSkeleton: typeof Skeleton;
-declare const BubbleChartSkeleton: typeof Skeleton;
-declare const ScatterPlotChartSkeleton: typeof Skeleton;
-declare const RadialTreeChartSkeleton: typeof Skeleton;
-declare const CompactHorizontalBarChartSkeleton: typeof Skeleton;
-
-export default Skeleton;
-export {
-  AreaChartSkeleton,
-  BarChartSkeleton,
-  HistogramChartSkeleton,
-  LineChartSkeleton,
-  DonutChartSkeleton,
-  VennChartSkeleton,
-  BubbleChartSkeleton,
-  ScatterPlotChartSkeleton,
-  RadialTreeChartSkeleton,
-  CompactHorizontalBarChartSkeleton,
-};
+export { default } from './Skeleton';
+export * from './Skeleton.type';
+export { default as AreaChartSkeleton } from './charts/Area/Area';
+export * from './charts/Area/Area.type';
+export { default as BarChartSkeleton } from './charts/Bar/Bar';
+export * from './charts/Bar/Bar.type';
+export { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';
+export * from './charts/Bubble/Bubble.type';
+export { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';
+export * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';
+export { default as DonutChartSkeleton } from './charts/Donut/Donut';
+export * from './charts/Donut/Donut.type';
+export { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';
+export * from './charts/Histogram/Histogram.type';
+export { default as LineChartSkeleton } from './charts/Line/Line';
+export * from './charts/Line/Line.type';
+export { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';
+export * from './charts/RadialTree/RadialTree.type';
+export { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';
+export * from './charts/ScatterPlot/ScatterPlot.type';
+export { default as VennChartSkeleton } from './charts/Venn/Venn';
+export * from './charts/Venn/Venn.type';

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -0,0 +1,44 @@
+export declare const localizedMessages: {
+    de: {
+        loading: string;
+    };
+    en: {
+        loading: string;
+    };
+    es: {
+        loading: string;
+    };
+    fr: {
+        loading: string;
+    };
+    it: {
+        loading: string;
+    };
+    ja: {
+        loading: string;
+    };
+    ko: {
+        loading: string;
+    };
+    nl: {
+        loading: string;
+    };
+    pt: {
+        loading: string;
+    };
+    tr: {
+        loading: string;
+    };
+    vi: {
+        loading: string;
+    };
+    zh: {
+        loading: string;
+    };
+    pl: {
+        loading: string;
+    };
+    sv: {
+        loading: string;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "Semrush Skeleton Component",
-  "version": "5.42.4-prerelease.0",
+  "version": "5.43.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.5-prerelease.0",
-    "@semcore/flex-box": "5.41.4-prerelease.0"
+    "@semcore/utils": "4.49.0-prerelease.0",
+    "@semcore/flex-box": "5.42.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.4-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/Charts/Area.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("../Skeleton");
-/*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}", /*__inner_css_end__*/"zrqq0_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-  "--bgPattern": "--bgPattern_zrqq0",
-  "_bgPosition": "__bgPosition_zrqq0_gg_",
-  "--bgPosition": "--bgPosition_zrqq0",
-  "_bgSize": "__bgSize_zrqq0_gg_",
-  "--bgSize": "--bgSize_zrqq0",
-  "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-  "--bgRepeat": "--bgRepeat_zrqq0"
-});
-var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
-var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
-var AreaChartSkeleton = function AreaChartSkeleton(props) {
-  var _ref = arguments[0],
-    _ref2,
-    _props$type;
-  var SChartSkeleton = _Skeleton.Skeleton;
-  var patternBase64 = {
-    linear: areaLinearSvg,
-    monotone: areaMonotoneSvg
-  }[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear'];
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "bgRepeat": 'repeat-x',
-    "bgPosition": 'left bottom',
-    "bgSize": 'auto 50%',
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
-  }, _ref))));
-};
-var _default = (0, _core["default"])(AreaChartSkeleton);
-exports["default"] = _default;
-//# sourceMappingURL=Area.js.map

package/lib/cjs/Charts/Area.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Area.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Skeleton","styles","_index","sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nconst AreaChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n    props.type ?? 'linear'\n  ];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,yVAElB;AACD,IAAMC,eAAe,iRAEpB;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EACnC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACF,MAAM,CAAC,eACpBH,MAAA,YAAAqB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,gBAAe,EAAClB,iBAAiB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}

package/lib/cjs/Charts/Bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Skeleton","styles","_index","sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-vertical.svg'))\n`;\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-horizontal.svg'))\n`;\n\nconst BarChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  const patternBase64 = { vertical: barVerticalSvg, horizontal: barHorizontalSvg }[layout];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n      bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n      bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(BarChartSkeleton);\n"],"mappings":";;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,cAAc,69BAEnB;AACD,IAAMC,gBAAgB,izBAErB;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EAClC,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,cAAc;IAAEa,UAAU,EAAEZ;EAAiB,CAAC,CAACS,MAAM,CAAC;EACxF,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACF,MAAM,CAAC,eACpBH,MAAA,YAAAqB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,gBAAe,EAAClB,gBAAgB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}

package/lib/cjs/Charts/Bubble.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bubble.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Skeleton","styles","_index","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bubble-chart.svg'))\n`;\n\nconst BubbleChartSkeleton = () => {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n};\n\nexport default createComponent(BubbleChartSkeleton);\n"],"mappings":";;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACF,MAAM,CAAC,eACpBH,MAAA,YAAAc,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAnB,KAAA,CAAAoB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,gBAAe,EAACZ,mBAAmB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}